@mapcomponents/react-maplibre 0.1.56 → 0.1.58

package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html

@@ -537,10 +537,10 @@ import { v4 as uuidv4 } from "uuid";
 import useMapState from "../../hooks/useMapState";
  
 const getCurrentUrlParameters = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-  let currentParams = <span class="cstat-no" title="statement not covered" >Object.fromEntries(new URLSearchParams(window.location.search));</span>
-<span class="cstat-no" title="statement not covered" >  currentParams.layers = JSON.parse(currentParams?.layers ? currentParams.layers : "[]");</span>
+	let currentParams = <span class="cstat-no" title="statement not covered" >Object.fromEntries(new URLSearchParams(window.location.search));</span>
+<span class="cstat-no" title="statement not covered" >	currentParams.layers = JSON.parse(currentParams?.layers ? currentParams.layers : "[]");</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return currentParams;</span>
+<span class="cstat-no" title="statement not covered" >	return currentParams;</span>
 };
 &nbsp;
 const initialUrlParams = <span class="cstat-no" title="statement not covered" >getCurrentUrlParameters();</span>
@@ -554,212 +554,212 @@ const initialUrlParams = <span class="cstat-no" title="statement not covered" >g
  * @component
  */
 const MlShareMapState = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
-  // Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
-  const mapContext = <span class="cstat-no" title="statement not covered" >useContext(MapContext);</span>
-  const initializedRef = <span class="cstat-no" title="statement not covered" >useRef(false);</span>
-  const mapRef = <span class="cstat-no" title="statement not covered" >useRef(undefined);</span>
-  const [map, setMap] = <span class="cstat-no" title="statement not covered" >useState(undefined);</span>
-  const layersFromUrlParamsRef = <span class="cstat-no" title="statement not covered" >useRef({});</span>
-  const componentId = <span class="cstat-no" title="statement not covered" >useRef((props.idPrefix ? props.idPrefix : "MlShareMapState-") + uuidv4());</span>
-  const mapState = <span class="cstat-no" title="statement not covered" >useMapState({</span>
-    watch: {
-      viewport: false,
-      layers: true,
-      sources: false,
-    },
-    filter: {
-      includeBaseLayers: false,
-    },
-  });
-&nbsp;
-  const allStatesRestoredRef = <span class="cstat-no" title="statement not covered" >useRef(false);</span>
-  const layerStatesRestored = <span class="cstat-no" title="statement not covered" >useRef(undefined);</span>
-  const restoredStatesRef = <span class="cstat-no" title="statement not covered" >useRef({</span>
-    viewport: {
-      center: false,
-      bearing: false,
-      pitch: false,
-      zoom: false,
-    },
-    layers: {
-      ...layersFromUrlParamsRef,
-    },
-  });
-&nbsp;
-  // initial URL-Params
-  const mapStateRef = <span class="cstat-no" title="statement not covered" >useRef({});</span>
-&nbsp;
-  const refreshUrlParameters = <span class="cstat-no" title="statement not covered" >useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!props.active) <span class="cstat-no" title="statement not covered" >return;</span></span>
-&nbsp;
-    let mapLayers = <span class="cstat-no" title="statement not covered" >[];</span>
-<span class="cstat-no" title="statement not covered" >    for (let x in mapState.layers) {</span>
-<span class="cstat-no" title="statement not covered" >      mapLayers.push({</span>
-        id: mapState.layers[x].id,
-        type: mapState.layers[x].type,
-        visible: mapState.layers[x].visible,
-      });
-    }
-<span class="cstat-no" title="statement not covered" >    refreshMapState();</span>
-    let urlParams = <span class="cstat-no" title="statement not covered" >new URLSearchParams({</span>
-      ...getCurrentUrlParameters(),
-      ...mapStateRef.current,
-      layers: JSON.stringify(mapLayers),
-    });
-<span class="cstat-no" title="statement not covered" >    JSON.parse(Object.fromEntries(urlParams).layers).forEach(<span class="fstat-no" title="function not covered" >(e</span>l) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      layersFromUrlParamsRef.current[el.id] = false;</span>
-    });
-&nbsp;
-    let currentParams = <span class="cstat-no" title="statement not covered" >new URLSearchParams(window.location.search);</span>
-<span class="cstat-no" title="statement not covered" >    checkRestorationStates(mapState.layers);</span>
-<span class="cstat-no" title="statement not covered" >    if (urlParams.toString() !== currentParams.toString()) {</span>
-<span class="cstat-no" title="statement not covered" >      window.history.pushState(</span>
-        { ...mapStateRef.current },
-        document.title,
-        "?" + urlParams.toString()
-      );
-    }
-  }, [mapState.layers, props.active]);
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-    let _componentId = <span class="cstat-no" title="statement not covered" >componentId.current;</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    mapStateRef.current = getCurrentUrlParameters();</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-      // This is the cleanup function, it is called when this react component is removed from react-dom
-      // try to remove anything this component has added to the MapLibre-gl instance
-      // e.g.: remove the layer
-      // mapContext.getMap(props.mapId).removeLayer(layerRef.current);
-      // check for the existence of map.style before calling getLayer or getSource
-&nbsp;
-<span class="cstat-no" title="statement not covered" >      if (mapRef.current) {</span>
-<span class="cstat-no" title="statement not covered" >        mapRef.current.cleanup(_componentId);</span>
-<span class="cstat-no" title="statement not covered" >        mapRef.current = undefined;</span>
-      }
-<span class="cstat-no" title="statement not covered" >      initializedRef.current = false;</span>
-    };
-  }, []);
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    refreshUrlParameters();</span>
-  }, [refreshUrlParameters]);
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
-&nbsp;
-    let _refreshUrlParameters = <span class="cstat-no" title="statement not covered" >refreshUrlParameters;</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    mapRef.current.on("moveend", _refreshUrlParameters, componentId.current);</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      mapRef.current?.off("moveend", _refreshUrlParameters);</span>
-    };
-  }, [refreshUrlParameters, map]);
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!mapContext.mapExists(props.mapId) || initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
-    // 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
-<span class="cstat-no" title="statement not covered" >    initializedRef.current = true;</span>
-<span class="cstat-no" title="statement not covered" >    mapRef.current = mapContext.getMap(props.mapId);</span>
-<span class="cstat-no" title="statement not covered" >    setMap(mapRef.current);</span>
-<span class="cstat-no" title="statement not covered" >    if (mapStateRef.current.lat &amp;&amp; mapStateRef.current.lng) {</span>
-<span class="cstat-no" title="statement not covered" >      restoreViewportState();</span>
-    }
-  }, [mapContext.mapIds, mapContext, props.mapId, props.active]);
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!mapState?.layers?.length) <span class="cstat-no" title="statement not covered" >return;</span></span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    if (typeof layerStatesRestored.current === "undefined") {</span>
-<span class="cstat-no" title="statement not covered" >      layerStatesRestored.current = {};</span>
-<span class="cstat-no" title="statement not covered" >      initialUrlParams?.layers.forEach(<span class="fstat-no" title="function not covered" >(l</span>ayer) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        layerStatesRestored.current[layer.id] = false;</span>
-      });
-    }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    for (let key in layerStatesRestored.current) {</span>
-      let _allDone = <span class="cstat-no" title="statement not covered" >true;</span>
-<span class="cstat-no" title="statement not covered" >      if (layerStatesRestored.current[key] === false) {</span>
-<span class="cstat-no" title="statement not covered" >        _allDone = false;</span>
-      }
-<span class="cstat-no" title="statement not covered" >      if (_allDone) {</span>
-<span class="cstat-no" title="statement not covered" >        return;</span>
-      }
-    }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    if (initialUrlParams.layers) {</span>
-<span class="cstat-no" title="statement not covered" >      initialUrlParams.layers.forEach(<span class="fstat-no" title="function not covered" >(l</span>ayer) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        if (mapRef.current?.getLayer(layer.id) &amp;&amp; layerStatesRestored.current[layer.id] === false) {</span>
-<span class="cstat-no" title="statement not covered" >          layerStatesRestored.current[layer.id] = true;</span>
-<span class="cstat-no" title="statement not covered" >          mapRef.current</span>
-            ?.getLayer(layer.id)
-            ?.setLayoutProperty("visibility", layer.visible ? "visible" : "none");
-        }
-      });
-    }
-  }, [mapState.layers, props.mapId, props.active]);
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!map) <span class="cstat-no" title="statement not covered" >return;</span></span>
-<span class="cstat-no" title="statement not covered" >    if (!mapState.layers) <span class="cstat-no" title="statement not covered" >return;</span></span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    if (!props.active) {</span>
-<span class="cstat-no" title="statement not covered" >      map.cleanup(componentId.current);</span>
-    }
-  }, [props.active, map, mapState.layers]);
-&nbsp;
-  const refreshMapState = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    mapStateRef.current.lat = mapRef.current.getCenter().lat;</span>
-<span class="cstat-no" title="statement not covered" >    mapStateRef.current.lng = mapRef.current.getCenter().lng;</span>
-<span class="cstat-no" title="statement not covered" >    mapStateRef.current.zoom = mapRef.current.getZoom();</span>
-<span class="cstat-no" title="statement not covered" >    mapStateRef.current.bearing = mapRef.current.getBearing();</span>
-<span class="cstat-no" title="statement not covered" >    mapStateRef.current.pitch = mapRef.current.getPitch();</span>
-  };
-&nbsp;
-  const checkRestorationStates = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(s</span>tateArray) =&gt; {</span>
-    let tempArray = <span class="cstat-no" title="statement not covered" >{};</span>
-<span class="cstat-no" title="statement not covered" >    stateArray.forEach(<span class="fstat-no" title="function not covered" >(e</span>l, i, arr) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      if (!arr[el.key]) <span class="cstat-no" title="statement not covered" >tempArray[el.key] = true;</span></span>
-    });
-  };
-&nbsp;
-  const restoreViewportState = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!restoredStatesRef.current.viewport.center) {</span>
-<span class="cstat-no" title="statement not covered" >      restoredStatesRef.current.viewport.center = true;</span>
-<span class="cstat-no" title="statement not covered" >      mapRef.current.setCenter([mapStateRef.current.lng, mapStateRef.current.lat]);</span>
-<span class="cstat-no" title="statement not covered" >      mapRef.current.setZoom(mapStateRef.current.zoom);</span>
-<span class="cstat-no" title="statement not covered" >      mapRef.current.setBearing(mapStateRef.current.bearing);</span>
-<span class="cstat-no" title="statement not covered" >      mapRef.current.setPitch(mapStateRef.current.pitch);</span>
-    }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    allStatesRestoredRef.current = true;</span>
-  };
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  window.onpopstate = <span class="fstat-no" title="function not covered" >(e</span>vent) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (event.state &amp;&amp; event.state.lng &amp;&amp; event.state.lat &amp;&amp; event.state.zoom) {</span>
-<span class="cstat-no" title="statement not covered" >      mapRef.current.easeTo({</span>
-        zoom: event.state.zoom,
-        center: [event.state.lng, event.state.lat],
-      });
-    }
-  };
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  return &lt;&gt;&lt;/&gt;;</span>
+	// Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
+	const mapContext = <span class="cstat-no" title="statement not covered" >useContext(MapContext);</span>
+	const initializedRef = <span class="cstat-no" title="statement not covered" >useRef(false);</span>
+	const mapRef = <span class="cstat-no" title="statement not covered" >useRef(undefined);</span>
+	const [map, setMap] = <span class="cstat-no" title="statement not covered" >useState(undefined);</span>
+	const layersFromUrlParamsRef = <span class="cstat-no" title="statement not covered" >useRef({});</span>
+	const componentId = <span class="cstat-no" title="statement not covered" >useRef((props.idPrefix ? props.idPrefix : "MlShareMapState-") + uuidv4());</span>
+	const mapState = <span class="cstat-no" title="statement not covered" >useMapState({</span>
+		watch: {
+			viewport: false,
+			layers: true,
+			sources: false,
+		},
+		filter: {
+			includeBaseLayers: false,
+		},
+	});
+&nbsp;
+	const allStatesRestoredRef = <span class="cstat-no" title="statement not covered" >useRef(false);</span>
+	const layerStatesRestored = <span class="cstat-no" title="statement not covered" >useRef(undefined);</span>
+	const restoredStatesRef = <span class="cstat-no" title="statement not covered" >useRef({</span>
+		viewport: {
+			center: false,
+			bearing: false,
+			pitch: false,
+			zoom: false,
+		},
+		layers: {
+			...layersFromUrlParamsRef,
+		},
+	});
+&nbsp;
+	// initial URL-Params
+	const mapStateRef = <span class="cstat-no" title="statement not covered" >useRef({});</span>
+&nbsp;
+	const refreshUrlParameters = <span class="cstat-no" title="statement not covered" >useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (!props.active) <span class="cstat-no" title="statement not covered" >return;</span></span>
+&nbsp;
+		let mapLayers = <span class="cstat-no" title="statement not covered" >[];</span>
+<span class="cstat-no" title="statement not covered" >		for (let x in mapState.layers) {</span>
+<span class="cstat-no" title="statement not covered" >			mapLayers.push({</span>
+				id: mapState.layers[x].id,
+				type: mapState.layers[x].type,
+				visible: mapState.layers[x].visible,
+			});
+		}
+<span class="cstat-no" title="statement not covered" >		refreshMapState();</span>
+		let urlParams = <span class="cstat-no" title="statement not covered" >new URLSearchParams({</span>
+			...getCurrentUrlParameters(),
+			...mapStateRef.current,
+			layers: JSON.stringify(mapLayers),
+		});
+<span class="cstat-no" title="statement not covered" >		JSON.parse(Object.fromEntries(urlParams).layers).forEach(<span class="fstat-no" title="function not covered" >(e</span>l) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >			layersFromUrlParamsRef.current[el.id] = false;</span>
+		});
+&nbsp;
+		let currentParams = <span class="cstat-no" title="statement not covered" >new URLSearchParams(window.location.search);</span>
+<span class="cstat-no" title="statement not covered" >		checkRestorationStates(mapState.layers);</span>
+<span class="cstat-no" title="statement not covered" >		if (urlParams.toString() !== currentParams.toString()) {</span>
+<span class="cstat-no" title="statement not covered" >			window.history.pushState(</span>
+				{ ...mapStateRef.current },
+				document.title,
+				"?" + urlParams.toString()
+			);
+		}
+	}, [mapState.layers, props.active]);
+&nbsp;
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+		let _componentId = <span class="cstat-no" title="statement not covered" >componentId.current;</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		mapStateRef.current = getCurrentUrlParameters();</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+			// This is the cleanup function, it is called when this react component is removed from react-dom
+			// try to remove anything this component has added to the MapLibre-gl instance
+			// e.g.: remove the layer
+			// mapContext.getMap(props.mapId).removeLayer(layerRef.current);
+			// check for the existence of map.style before calling getLayer or getSource
+&nbsp;
+<span class="cstat-no" title="statement not covered" >			if (mapRef.current) {</span>
+<span class="cstat-no" title="statement not covered" >				mapRef.current.cleanup(_componentId);</span>
+<span class="cstat-no" title="statement not covered" >				mapRef.current = undefined;</span>
+			}
+<span class="cstat-no" title="statement not covered" >			initializedRef.current = false;</span>
+		};
+	}, []);
+&nbsp;
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		refreshUrlParameters();</span>
+	}, [refreshUrlParameters]);
+&nbsp;
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+&nbsp;
+		let _refreshUrlParameters = <span class="cstat-no" title="statement not covered" >refreshUrlParameters;</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		mapRef.current.on("moveend", _refreshUrlParameters, componentId.current);</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >			mapRef.current?.off("moveend", _refreshUrlParameters);</span>
+		};
+	}, [refreshUrlParameters, map]);
+&nbsp;
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (!mapContext?.mapExists?.(props.mapId) || initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+		// 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
+<span class="cstat-no" title="statement not covered" >		initializedRef.current = true;</span>
+<span class="cstat-no" title="statement not covered" >		mapRef.current = mapContext.getMap(props.mapId);</span>
+<span class="cstat-no" title="statement not covered" >		setMap(mapRef.current);</span>
+<span class="cstat-no" title="statement not covered" >		if (mapStateRef.current.lat &amp;&amp; mapStateRef.current.lng) {</span>
+<span class="cstat-no" title="statement not covered" >			restoreViewportState();</span>
+		}
+	}, [mapContext.mapIds, mapContext, props.mapId, props.active]);
+&nbsp;
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (!mapState?.layers?.length) <span class="cstat-no" title="statement not covered" >return;</span></span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		if (typeof layerStatesRestored.current === "undefined") {</span>
+<span class="cstat-no" title="statement not covered" >			layerStatesRestored.current = {};</span>
+<span class="cstat-no" title="statement not covered" >			initialUrlParams?.layers.forEach(<span class="fstat-no" title="function not covered" >(l</span>ayer) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >				layerStatesRestored.current[layer.id] = false;</span>
+			});
+		}
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		for (let key in layerStatesRestored.current) {</span>
+			let _allDone = <span class="cstat-no" title="statement not covered" >true;</span>
+<span class="cstat-no" title="statement not covered" >			if (layerStatesRestored.current[key] === false) {</span>
+<span class="cstat-no" title="statement not covered" >				_allDone = false;</span>
+			}
+<span class="cstat-no" title="statement not covered" >			if (_allDone) {</span>
+<span class="cstat-no" title="statement not covered" >				return;</span>
+			}
+		}
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		if (initialUrlParams.layers) {</span>
+<span class="cstat-no" title="statement not covered" >			initialUrlParams.layers.forEach(<span class="fstat-no" title="function not covered" >(l</span>ayer) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >				if (mapRef.current?.getLayer(layer.id) &amp;&amp; layerStatesRestored.current[layer.id] === false) {</span>
+<span class="cstat-no" title="statement not covered" >					layerStatesRestored.current[layer.id] = true;</span>
+<span class="cstat-no" title="statement not covered" >					mapRef.current</span>
+						?.getLayer(layer.id)
+						?.setLayoutProperty("visibility", layer.visible ? "visible" : "none");
+				}
+			});
+		}
+	}, [mapState.layers, props.mapId, props.active]);
+&nbsp;
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (!map) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >		if (!mapState.layers) <span class="cstat-no" title="statement not covered" >return;</span></span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		if (!props.active) {</span>
+<span class="cstat-no" title="statement not covered" >			map.cleanup(componentId.current);</span>
+		}
+	}, [props.active, map, mapState.layers]);
+&nbsp;
+	const refreshMapState = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		mapStateRef.current.lat = mapRef.current.getCenter().lat;</span>
+<span class="cstat-no" title="statement not covered" >		mapStateRef.current.lng = mapRef.current.getCenter().lng;</span>
+<span class="cstat-no" title="statement not covered" >		mapStateRef.current.zoom = mapRef.current.getZoom();</span>
+<span class="cstat-no" title="statement not covered" >		mapStateRef.current.bearing = mapRef.current.getBearing();</span>
+<span class="cstat-no" title="statement not covered" >		mapStateRef.current.pitch = mapRef.current.getPitch();</span>
+	};
+&nbsp;
+	const checkRestorationStates = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(s</span>tateArray) =&gt; {</span>
+		let tempArray = <span class="cstat-no" title="statement not covered" >{};</span>
+<span class="cstat-no" title="statement not covered" >		stateArray.forEach(<span class="fstat-no" title="function not covered" >(e</span>l, i, arr) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >			if (!arr[el.key]) <span class="cstat-no" title="statement not covered" >tempArray[el.key] = true;</span></span>
+		});
+	};
+&nbsp;
+	const restoreViewportState = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (!restoredStatesRef.current.viewport.center) {</span>
+<span class="cstat-no" title="statement not covered" >			restoredStatesRef.current.viewport.center = true;</span>
+<span class="cstat-no" title="statement not covered" >			mapRef.current.setCenter([mapStateRef.current.lng, mapStateRef.current.lat]);</span>
+<span class="cstat-no" title="statement not covered" >			mapRef.current.setZoom(mapStateRef.current.zoom);</span>
+<span class="cstat-no" title="statement not covered" >			mapRef.current.setBearing(mapStateRef.current.bearing);</span>
+<span class="cstat-no" title="statement not covered" >			mapRef.current.setPitch(mapStateRef.current.pitch);</span>
+		}
+&nbsp;
+<span class="cstat-no" title="statement not covered" >		allStatesRestoredRef.current = true;</span>
+	};
+&nbsp;
+<span class="cstat-no" title="statement not covered" >	window.onpopstate = <span class="fstat-no" title="function not covered" >(e</span>vent) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (event.state &amp;&amp; event.state.lng &amp;&amp; event.state.lat &amp;&amp; event.state.zoom) {</span>
+<span class="cstat-no" title="statement not covered" >			mapRef.current.easeTo({</span>
+				zoom: event.state.zoom,
+				center: [event.state.lng, event.state.lat],
+			});
+		}
+	};
+&nbsp;
+<span class="cstat-no" title="statement not covered" >	return &lt;&gt;&lt;/&gt;;</span>
 };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >MlShareMapState.defaultProps = {</span>
-  mapId: undefined,
+	mapId: undefined,
 };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >MlShareMapState.propTypes = {</span>
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: PropTypes.string,
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId: PropTypes.string,
 };
 export default MlShareMapState;
 &nbsp;</pre></td></tr></table></pre>
@@ -769,7 +769,7 @@ export default MlShareMapState;
             <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 Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlShareMapState/index.html

@@ -101,7 +101,7 @@
             <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 Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>