@mapcomponents/react-maplibre 0.1.49 → 0.1.51

package/coverage/lcov.info

@@ -1075,24 +1075,24 @@ BRH:1
 end_of_record
 TN:
 SF:src/components/MlGeoJsonLayer/MlGeoJsonLayer.tsx
-FN:78,(anonymous_0)
+FN:83,(anonymous_0)
 FNF:1
 FNH:1
 FNDA:32,(anonymous_0)
-DA:78,11
-DA:79,32
-DA:81,32
-DA:102,32
+DA:83,11
+DA:84,32
+DA:86,32
+DA:107,32
 LF:4
 LH:4
-BRDA:79,0,0,32
-BRDA:79,0,1,0
-BRDA:83,1,0,32
-BRDA:83,1,1,32
-BRDA:87,2,0,32
-BRDA:87,2,1,32
-BRDA:92,3,0,32
-BRDA:92,3,1,32
+BRDA:84,0,0,32
+BRDA:84,0,1,0
+BRDA:88,1,0,32
+BRDA:88,1,1,32
+BRDA:92,2,0,32
+BRDA:92,2,1,32
+BRDA:97,3,0,32
+BRDA:97,3,1,32
 BRF:8
 BRH:7
 end_of_record
@@ -2508,13 +2508,13 @@ BRH:15
 end_of_record
 TN:
 SF:src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.tsx
-FN:79,(anonymous_0)
-FN:99,(anonymous_1)
-FN:100,(anonymous_2)
-FN:108,(anonymous_3)
-FN:123,(anonymous_4)
-FN:140,(anonymous_5)
-FN:153,(anonymous_6)
+FN:80,(anonymous_0)
+FN:100,(anonymous_1)
+FN:101,(anonymous_2)
+FN:109,(anonymous_3)
+FN:124,(anonymous_4)
+FN:141,(anonymous_5)
+FN:154,(anonymous_6)
 FNF:7
 FNH:6
 FNDA:12,(anonymous_0)
@@ -2524,66 +2524,66 @@ FNDA:0,(anonymous_3)
 FNDA:8,(anonymous_4)
 FNDA:4,(anonymous_5)
 FNDA:8,(anonymous_6)
-DA:11,10
-DA:79,10
-DA:80,12
-DA:82,12
-DA:86,12
-DA:89,12
+DA:12,10
+DA:80,10
+DA:81,12
+DA:83,12
+DA:87,12
 DA:90,12
 DA:91,12
 DA:92,12
 DA:93,12
 DA:94,12
 DA:95,12
-DA:99,12
-DA:100,4
-DA:102,2
-DA:103,0
-DA:108,12
-DA:109,0
-DA:123,12
-DA:124,8
-DA:126,0
-DA:131,0
+DA:96,12
+DA:100,12
+DA:101,4
+DA:103,2
+DA:104,0
+DA:109,12
+DA:110,0
+DA:124,12
+DA:125,8
+DA:127,0
 DA:132,0
 DA:133,0
 DA:134,0
 DA:135,0
-DA:137,0
-DA:140,12
-DA:141,4
-DA:148,0
+DA:136,0
+DA:138,0
+DA:141,12
+DA:142,4
 DA:149,0
-DA:153,12
-DA:154,8
-DA:156,4
-DA:158,4
-DA:161,12
+DA:150,0
+DA:154,12
+DA:155,8
+DA:157,4
+DA:159,4
+DA:162,12
 LF:36
 LH:25
-BRDA:102,0,0,0
-BRDA:102,0,1,2
-BRDA:124,1,0,8
-BRDA:124,1,1,0
-BRDA:124,2,0,8
-BRDA:124,2,1,4
-BRDA:126,3,0,0
-BRDA:126,3,1,0
-BRDA:127,4,0,0
-BRDA:127,4,1,0
-BRDA:127,4,2,0
-BRDA:141,5,0,0
-BRDA:141,5,1,4
-BRDA:142,6,0,4
-BRDA:142,6,1,4
-BRDA:142,6,2,0
-BRDA:142,6,3,0
-BRDA:142,6,4,0
-BRDA:154,7,0,4
-BRDA:154,7,1,4
-BRDA:154,8,0,8
-BRDA:154,8,1,4
+BRDA:103,0,0,0
+BRDA:103,0,1,2
+BRDA:125,1,0,8
+BRDA:125,1,1,0
+BRDA:125,2,0,8
+BRDA:125,2,1,4
+BRDA:127,3,0,0
+BRDA:127,3,1,0
+BRDA:128,4,0,0
+BRDA:128,4,1,0
+BRDA:128,4,2,0
+BRDA:142,5,0,0
+BRDA:142,5,1,4
+BRDA:143,6,0,4
+BRDA:143,6,1,4
+BRDA:143,6,2,0
+BRDA:143,6,3,0
+BRDA:143,6,4,0
+BRDA:155,7,0,4
+BRDA:155,7,1,4
+BRDA:155,8,0,8
+BRDA:155,8,1,4
 BRF:22
 BRH:11
 end_of_record
@@ -3186,14 +3186,14 @@ BRH:14
 end_of_record
 TN:
 SF:src/hooks/useLayer.ts
-FN:42,useLayer
-FN:59,(anonymous_1)
-FN:108,(anonymous_2)
-FN:122,(anonymous_3)
-FN:137,(anonymous_4)
-FN:144,(anonymous_5)
-FN:179,(anonymous_6)
-FN:180,(anonymous_7)
+FN:45,useLayer
+FN:62,(anonymous_1)
+FN:111,(anonymous_2)
+FN:125,(anonymous_3)
+FN:140,(anonymous_4)
+FN:147,(anonymous_5)
+FN:182,(anonymous_6)
+FN:183,(anonymous_7)
 FNF:8
 FNH:7
 FNDA:102,useLayer
@@ -3204,126 +3204,126 @@ FNDA:49,(anonymous_4)
 FNDA:102,(anonymous_5)
 FNDA:23,(anonymous_6)
 FNDA:10,(anonymous_7)
-DA:30,13
-DA:43,102
-DA:48,102
-DA:49,102
-DA:50,102
+DA:33,13
+DA:46,102
+DA:51,102
 DA:52,102
-DA:54,102
+DA:53,102
 DA:55,102
-DA:59,102
-DA:60,26
-DA:62,26
-DA:63,3
+DA:57,102
+DA:58,102
+DA:62,102
+DA:63,26
 DA:65,26
-DA:66,0
+DA:66,3
 DA:68,26
-DA:70,26
-DA:91,26
-DA:93,26
-DA:94,6
-DA:97,26
-DA:98,4
-DA:101,26
-DA:102,2
-DA:106,26
-DA:109,0
-DA:110,0
-DA:111,0
-DA:117,26
-DA:118,26
-DA:119,26
-DA:122,102
-DA:123,102
-DA:125,56
-DA:131,30
-DA:134,26
-DA:137,102
-DA:138,49
-DA:141,12
-DA:144,102
-DA:145,102
-DA:151,46
-DA:155,56
-DA:156,56
-DA:157,0
-DA:159,0
+DA:69,0
+DA:71,26
+DA:73,26
+DA:94,26
+DA:96,26
+DA:97,6
+DA:100,26
+DA:101,4
+DA:104,26
+DA:105,2
+DA:109,26
+DA:112,0
+DA:113,0
+DA:114,0
+DA:120,26
+DA:121,26
+DA:122,26
+DA:125,102
+DA:126,102
+DA:128,56
+DA:134,30
+DA:137,26
+DA:140,102
+DA:141,49
+DA:144,12
+DA:147,102
+DA:148,102
+DA:154,46
+DA:158,56
+DA:159,56
 DA:160,0
-DA:161,0
+DA:162,0
+DA:163,0
 DA:164,0
-DA:167,56
-DA:168,56
-DA:169,0
-DA:170,0
-DA:171,0
+DA:167,0
+DA:170,56
+DA:171,56
 DA:172,0
+DA:173,0
+DA:174,0
 DA:175,0
-DA:179,102
-DA:180,23
-DA:181,10
-DA:182,10
-DA:186,102
+DA:178,0
+DA:182,102
+DA:183,23
+DA:184,10
+DA:185,10
+DA:189,102
 LF:60
 LH:46
-BRDA:56,0,0,102
-BRDA:56,0,1,20
-BRDA:56,1,0,20
-BRDA:56,1,1,0
-BRDA:60,2,0,0
-BRDA:60,2,1,26
-BRDA:62,3,0,3
-BRDA:62,3,1,23
-BRDA:65,4,0,0
-BRDA:65,4,1,26
-BRDA:73,5,0,8
-BRDA:73,5,1,18
-BRDA:83,6,0,0
-BRDA:83,6,1,26
-BRDA:85,7,0,2
-BRDA:85,7,1,24
-BRDA:93,8,0,6
-BRDA:93,8,1,20
-BRDA:97,9,0,4
-BRDA:97,9,1,22
-BRDA:101,10,0,2
-BRDA:101,10,1,24
-BRDA:109,11,0,0
-BRDA:109,11,1,0
-BRDA:109,12,0,0
-BRDA:109,12,1,0
-BRDA:123,13,0,46
-BRDA:123,13,1,56
-BRDA:125,14,0,30
-BRDA:125,14,1,26
-BRDA:126,15,0,56
-BRDA:126,15,1,33
-BRDA:126,15,2,33
-BRDA:126,15,3,33
-BRDA:138,16,0,37
-BRDA:138,16,1,12
-BRDA:138,17,0,49
-BRDA:138,17,1,26
-BRDA:145,18,0,46
-BRDA:145,18,1,56
-BRDA:146,19,0,102
-BRDA:146,19,1,56
-BRDA:146,19,2,56
-BRDA:146,19,3,56
-BRDA:156,20,0,0
-BRDA:156,20,1,56
-BRDA:156,21,0,56
-BRDA:156,21,1,40
-BRDA:160,22,0,0
-BRDA:160,22,1,0
-BRDA:160,23,0,0
-BRDA:160,23,1,0
-BRDA:168,24,0,0
-BRDA:168,24,1,56
-BRDA:171,25,0,0
-BRDA:171,25,1,0
-BRDA:171,26,0,0
-BRDA:171,26,1,0
+BRDA:59,0,0,102
+BRDA:59,0,1,20
+BRDA:59,1,0,20
+BRDA:59,1,1,0
+BRDA:63,2,0,0
+BRDA:63,2,1,26
+BRDA:65,3,0,3
+BRDA:65,3,1,23
+BRDA:68,4,0,0
+BRDA:68,4,1,26
+BRDA:76,5,0,8
+BRDA:76,5,1,18
+BRDA:86,6,0,0
+BRDA:86,6,1,26
+BRDA:88,7,0,2
+BRDA:88,7,1,24
+BRDA:96,8,0,6
+BRDA:96,8,1,20
+BRDA:100,9,0,4
+BRDA:100,9,1,22
+BRDA:104,10,0,2
+BRDA:104,10,1,24
+BRDA:112,11,0,0
+BRDA:112,11,1,0
+BRDA:112,12,0,0
+BRDA:112,12,1,0
+BRDA:126,13,0,46
+BRDA:126,13,1,56
+BRDA:128,14,0,30
+BRDA:128,14,1,26
+BRDA:129,15,0,56
+BRDA:129,15,1,33
+BRDA:129,15,2,33
+BRDA:129,15,3,33
+BRDA:141,16,0,37
+BRDA:141,16,1,12
+BRDA:141,17,0,49
+BRDA:141,17,1,26
+BRDA:148,18,0,46
+BRDA:148,18,1,56
+BRDA:149,19,0,102
+BRDA:149,19,1,56
+BRDA:149,19,2,56
+BRDA:149,19,3,56
+BRDA:159,20,0,0
+BRDA:159,20,1,56
+BRDA:159,21,0,56
+BRDA:159,21,1,40
+BRDA:163,22,0,0
+BRDA:163,22,1,0
+BRDA:163,23,0,0
+BRDA:163,23,1,0
+BRDA:171,24,0,0
+BRDA:171,24,1,56
+BRDA:174,25,0,0
+BRDA:174,25,1,0
+BRDA:174,26,0,0
+BRDA:174,26,1,0
 BRF:58
 BRH:40
 end_of_record

package/dist/components/MapLibreMap/lib/MapLibreGlWrapper.d.ts

@@ -1,4 +1,5 @@
-import { Map, IControl, MapOptions as MapOptionsType } from "!maplibre-gl";
+import { IControl, MapOptions as MapOptionsType } from "!maplibre-gl";
+import { Map as MapType } from "maplibre-gl";
 declare type EventArgArray = [string, string | Function, Function?];
 declare type LayerState = {
     id: string;
@@ -57,7 +58,7 @@ declare class MapLibreGlWrapper {
     };
     initRegisteredElements: Function;
     addNativeMaplibreFunctionsAndProps: Function;
-    map: Map;
+    map: MapType;
     style: object;
     styleJson: object;
     addLayer: Function;

package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.d.ts

@@ -1,4 +1,5 @@
 import { Feature, FeatureCollection } from "@turf/turf";
+import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, MapLayerMouseEvent } from "maplibre-gl";
 declare type MlGeoJsonLayerProps = {
     /**
      * Id of the target MapLibre instance in mapContext
@@ -7,6 +8,8 @@ declare type MlGeoJsonLayerProps = {
     /**
      * Id of an existing layer in the mapLibre instance to help specify the layer order
      * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
+     * This layer will not be added to the maplibre-gl instance until a layer with an
+     * id that matches the value of insertBeforeLayer is created.
      */
     insertBeforeLayer?: string;
     /**
@@ -21,7 +24,7 @@ declare type MlGeoJsonLayerProps = {
      * Type of the layer that will be added to the MapLibre instance.
      * Possible values: "line", "circle", "fill"
      */
-    type?: string;
+    type?: "fill" | "line" | "circle";
     /**
      * Paint property object, that is passed to the addLayer call.
      * Possible props depend on the layer type.
@@ -29,7 +32,7 @@ declare type MlGeoJsonLayerProps = {
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
      */
-    paint?: any;
+    paint?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['layout'];
     /**
      * Layout property object, that is passed to the addLayer call.
      * Possible props depend on the layer type.
@@ -37,28 +40,32 @@ declare type MlGeoJsonLayerProps = {
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
      */
-    layout?: any;
+    layout?: CircleLayerSpecification['layout'] | FillLayerSpecification['layout'] | LineLayerSpecification['layout'];
     /**
      * Javascript object that is spread into the addLayer commands first parameter.
      */
-    options?: any;
+    options?: CircleLayerSpecification | FillLayerSpecification | LineLayerSpecification;
     /**
      * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
      */
-    defaultPaintOverrides?: any;
+    defaultPaintOverrides?: {
+        circle?: CircleLayerSpecification['paint'];
+        fill?: FillLayerSpecification['paint'];
+        line?: LineLayerSpecification['paint'];
+    };
     /**
      * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
      */
-    onHover?: Function;
+    onHover?: MapLayerMouseEvent;
     /**
      * Click event handler that is executed whenever a geometry rendered by this component is clicked.
      */
-    onClick?: Function;
+    onClick?: MapLayerMouseEvent;
     /**
      * Leave event handler that is executed whenever a geometry rendered by this component is
      * left/unhovered.
      */
-    onLeave?: Function;
+    onLeave?: MapLayerMouseEvent;
 };
 /**
  * Adds source and layer of types "line", "fill" or "circle" to display GeoJSON data on the map.

package/dist/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.d.ts

@@ -1,60 +1,65 @@
 import { Feature, FeatureCollection } from "@turf/turf";
+import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecification, MapLayerMouseEvent } from "maplibre-gl";
 interface MlTransitionGeoJsonLayerProps {
     /**
      * Id of the target MapLibre instance in mapContext
      */
     mapId: string;
+    /**
+     * GeoJSON data that is supposed to be rendered by this component.
+     */
+    geojson: Feature | FeatureCollection | undefined;
     /**
      * Type of the layer that will be added to the MapLibre instance.
      * Possible values: "line", "circle", "fill"
      */
-    type: string;
+    type?: "fill" | "line" | "circle";
     /**
-     * Layout property object, that is passed to the addLayer call.
+     * Paint property object, that is passed to the addLayer call.
      * Possible props depend on the layer type.
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
      */
-    layout: any;
+    paint?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['layout'];
     /**
-     * Paint property object, that is passed to the addLayer call.
+     * Layout property object, that is passed to the addLayer call.
      * Possible props depend on the layer type.
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
      * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
      */
-    paint: any;
-    /**
-     * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
-     */
-    defaultPaintOverrides: any;
+    layout?: CircleLayerSpecification['layout'] | FillLayerSpecification['layout'] | LineLayerSpecification['layout'];
     /**
      * Javascript object that is spread into the addLayer commands first parameter.
      */
-    options: any;
+    options?: CircleLayerSpecification | FillLayerSpecification | LineLayerSpecification;
     /**
-     * GeoJSON data that is supposed to be rendered by this component.
+     * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
      */
-    geojson: Feature | FeatureCollection;
+    defaultPaintOverrides?: {
+        circle?: CircleLayerSpecification['paint'];
+        fill?: FillLayerSpecification['paint'];
+        line?: LineLayerSpecification['paint'];
+    };
     /**
      * Id of an existing layer in the mapLibre instance to help specify the layer order
      * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
      */
     insertBeforeLayer: string;
     /**
-     * Click event handler that is executed whenever a geometry rendered by this component is clicked.
+     * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
      */
-    onClick: Function;
+    onHover?: MapLayerMouseEvent;
     /**
-     * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
+     * Click event handler that is executed whenever a geometry rendered by this component is clicked.
      */
-    onHover: Function;
+    onClick?: MapLayerMouseEvent;
     /**
      * Leave event handler that is executed whenever a geometry rendered by this component is
      * left/unhovered.
      */
-    onLeave: Function;
+    onLeave?: MapLayerMouseEvent;
     /**
      * Creates transition animation whenever the geojson prop changes.
      * Only works with layer type "line" and LineString GeoJSON data.

package/dist/hooks/useLayer.d.ts

@@ -1,6 +1,8 @@
 import { useMapType } from "./useMap";
 import { LayerSpecification } from "maplibre-gl";
 import MapLibreGlWrapper from "../components/MapLibreMap/lib/MapLibreGlWrapper";
+import { MapLayerMouseEvent } from "maplibre-gl";
+import { GeoJSONObject } from "@turf/turf";
 declare type useLayerType = {
     map: MapLibreGlWrapper | undefined;
     layer: LayerSpecification;
@@ -14,11 +16,11 @@ interface useLayerProps {
     idPrefix?: string;
     insertBeforeLayer?: string;
     insertBeforeFirstSymbolLayer?: boolean;
-    geojson?: object;
-    options: LayerSpecification;
-    onHover?: Function;
-    onClick?: Function;
-    onLeave?: Function;
+    geojson?: GeoJSONObject;
+    options: Partial<LayerSpecification>;
+    onHover?: MapLayerMouseEvent;
+    onClick?: MapLayerMouseEvent;
+    onLeave?: MapLayerMouseEvent;
 }
 declare function useLayer(props: useLayerProps): useLayerType;
 export default useLayer;