@mapcomponents/react-maplibre 0.1.63 → 0.1.65

package/coverage/lcov-report/src/hooks/useMap.ts.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">80.64% </span>
+                <span class="strong">93.54% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>25/31</span>
+                <span class='fraction'>29/31</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">57.14% </span>
+                <span class="strong">78.57% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>8/14</span>
+                <span class='fraction'>11/14</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">80% </span>
+                <span class="strong">93.33% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>24/30</span>
+                <span class='fraction'>28/30</span>
             </div>
         
             
@@ -170,10 +170,10 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -185,55 +185,55 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-yes">43x</span>
-<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">71x</span>
+<span class="cline-any cline-yes">48x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">43x</span>
+<span class="cline-any cline-yes">71x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-yes">57x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">94x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">44x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-yes">114x</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">367x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">57x</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">109x</span>
+<span class="cline-any cline-yes">18x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">18x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">18x</span>
+<span class="cline-any cline-yes">18x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">57x</span>
-<span class="cline-any cline-yes">57x</span>
-<span class="cline-any cline-yes">57x</span>
-<span class="cline-any cline-yes">57x</span>
+<span class="cline-any cline-yes">91x</span>
+<span class="cline-any cline-yes">91x</span>
+<span class="cline-any cline-yes">91x</span>
+<span class="cline-any cline-yes">91x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -259,16 +259,16 @@ type useMapType = {
 	cleanup: () =&gt; void;
 };
 &nbsp;
-function useMap(props: { mapId?: string; waitForLayer?: string }): useMapType {
+function useMap(props?: { mapId?: string; waitForLayer?: string }): useMapType {
 	// Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
 	const mapContext: MapContextType = useContext(MapContext);
 	const [map, setMap] = useState&lt;MapLibreGlWrapper&gt;();
 &nbsp;
 	const mapState = useMapState({
-		mapId: props.mapId,
+		mapId: props?.mapId,
 		watch: {
 			viewport: false,
-			layers: props.waitForLayer ? <span class="branch-0 cbranch-no" title="branch not covered" >true </span>: false,
+			layers: props?.waitForLayer ? true : false,
 			sources: false,
 		},
 		filter: {
@@ -300,29 +300,29 @@ function useMap(props: { mapId?: string; waitForLayer?: string }): useMapType {
 	}, []);
 &nbsp;
 	useEffect(() =&gt; {
-		if (!mapContext.mapExists(props.mapId) || initializedRef.current) return;
+		if (!mapContext.mapExists(props?.mapId) || initializedRef.current) return;
 &nbsp;
 		// check if waitForLayer (string, layer id of the layer this hook is supposed to wait for)
 		// exists as layer in the MapLibre instance
-		<span class="missing-if-branch" title="if path not taken" >I</span>if (props.waitForLayer) {
-			let layerFound = <span class="cstat-no" title="statement not covered" >false;</span>
+		if (props?.waitForLayer) {
+			let layerFound = false;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >			mapState?.layers?.forEach(<span class="fstat-no" title="function not covered" >(l</span>ayer: any) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >				if (layer.id === props.waitForLayer) {</span>
+			mapState?.layers?.forEach(<span class="fstat-no" title="function not covered" >(l</span>ayer: any) =&gt; {
+<span class="cstat-no" title="statement not covered" >				if (layer.id === props?.waitForLayer) {</span>
 <span class="cstat-no" title="statement not covered" >					layerFound = true;</span>
 				}
 			});
-<span class="cstat-no" title="statement not covered" >			if (!layerFound) {</span>
-<span class="cstat-no" title="statement not covered" >				return;</span>
+			<span class="missing-if-branch" title="else path not taken" >E</span>if (!layerFound) {
+				return;
 			}
 		}
 		// the MapLibre-gl instance (mapContext.getMap(props.mapId)) is accessible here
 		// initialize the layer and add it to the MapLibre-gl instance or do something else with it
 		initializedRef.current = true;
-		mapRef.current = mapContext.getMap(props.mapId);
+		mapRef.current = mapContext.getMap(props?.mapId);
 		setMap(mapRef.current);
 		setMapIsReady(true);
-	}, [mapContext.mapIds, mapState.layers, mapContext, props.waitForLayer, props.mapId]);
+	}, [mapContext.mapIds, mapState.layers, mapContext, props]);
 &nbsp;
 	return {
 		map: map,
@@ -343,7 +343,7 @@ export type { useMapType };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2022-12-16T12:30:49.297Z
+                at 2023-01-23T12:27:40.277Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useMapState.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">56% </span>
+                <span class="strong">72% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>28/50</span>
+                <span class='fraction'>36/50</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">30.76% </span>
+                <span class="strong">42.3% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>8/26</span>
+                <span class='fraction'>11/26</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">57.14% </span>
+                <span class="strong">71.42% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>4/7</span>
+                <span class='fraction'>5/7</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">56.25% </span>
+                <span class="strong">72.91% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>27/48</span>
+                <span class='fraction'>35/48</span>
             </div>
         
             
@@ -292,18 +292,18 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -311,7 +311,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -330,43 +330,43 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-yes">57x</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">94x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">57x</span>
+<span class="cline-any cline-yes">94x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">44x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">44x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
+<span class="cline-any cline-yes">368x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">57x</span>
-<span class="cline-any cline-yes">57x</span>
+<span class="cline-any cline-yes">94x</span>
+<span class="cline-any cline-yes">94x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">57x</span>
+<span class="cline-any cline-yes">94x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">57x</span>
+<span class="cline-any cline-yes">94x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -382,10 +382,10 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">57x</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">94x</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -397,13 +397,13 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">211x</span>
+<span class="cline-any cline-yes">371x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-yes">16x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -415,7 +415,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-yes">16x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -519,14 +519,14 @@ function useMapState(props: {
 		[props.filter]
 	);
 &nbsp;
-	const refreshLayerState = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >		if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+	const refreshLayerState = useCallback(() =&gt; {
+		<span class="missing-if-branch" title="if path not taken" >I</span>if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span>
 &nbsp;
-		let _layerState = <span class="cstat-no" title="statement not covered" >mapRef.current.wrapper.layerState.filter(layerIdFilter);</span>
-		let _layerStateString = <span class="cstat-no" title="statement not covered" >JSON.stringify(_layerState);</span>
-<span class="cstat-no" title="statement not covered" >		if (layersRef.current !== _layerStateString) {</span>
-<span class="cstat-no" title="statement not covered" >			layersRef.current = _layerStateString;</span>
-<span class="cstat-no" title="statement not covered" >			setLayers(_layerState);</span>
+		let _layerState = mapRef.current.wrapper.layerState.filter(layerIdFilter);
+		let _layerStateString = JSON.stringify(_layerState);
+		<span class="missing-if-branch" title="else path not taken" >E</span>if (layersRef.current !== _layerStateString) {
+			layersRef.current = _layerStateString;
+			setLayers(_layerState);
 		}
 	}, [layerIdFilter]);
 &nbsp;
@@ -571,10 +571,10 @@ function useMapState(props: {
 		}
 &nbsp;
 		// register layerchange event handler
-		<span class="missing-if-branch" title="if path not taken" >I</span>if (props?.watch?.layers) {
-<span class="cstat-no" title="statement not covered" >			refreshLayerState();</span>
+		if (props?.watch?.layers) {
+			refreshLayerState();
 &nbsp;
-<span class="cstat-no" title="statement not covered" >			mapRef.current.wrapper.on(</span>
+			mapRef.current.wrapper.on(
 				"layerchange",
 				refreshLayerState,
 				{
@@ -637,7 +637,7 @@ export default useMapState;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2022-12-16T12:30:49.297Z
+                at 2023-01-23T12:27:40.277Z
             </div>
         <script src="../../prettify.js"></script>
         <script>