@mapcomponents/react-maplibre 0.1.14 → 0.1.15

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">74.46% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/47</span>
+                <span class='fraction'>35/47</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">36.36% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/22</span>
+                <span class='fraction'>8/22</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">71.42% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/7</span>
+                <span class='fraction'>5/7</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">73.91% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/46</span>
+                <span class='fraction'>34/46</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line medium'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -240,20 +240,20 @@
 <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-no">&nbsp;</span>
+<span class="cline-any cline-yes">40x</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">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">40x</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">40x</span>
+<span class="cline-any cline-yes">40x</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">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">40x</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>
@@ -262,7 +262,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-no">&nbsp;</span>
+<span class="cline-any cline-yes">40x</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>
@@ -281,33 +281,33 @@
 <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-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-no">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</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-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">12x</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-yes">12x</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-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>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">24x</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">12x</span>
+<span class="cline-any cline-yes">12x</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>
@@ -319,7 +319,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-no">&nbsp;</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -334,10 +334,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-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">12x</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>
@@ -349,13 +349,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-no">&nbsp;</span>
+<span class="cline-any cline-yes">40x</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-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</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>
@@ -367,7 +367,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-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</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>
@@ -403,22 +403,22 @@ import { MapContext } from "@mapcomponents/react-core";
  *
  * @component
  */
-function <span class="fstat-no" title="function not covered" >useMapState(</span>props) {
+function useMapState(props) {
   // 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 mapContext = useContext(MapContext);
 &nbsp;
-  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 initializedRef = useRef(false);
+  const mapRef = useRef(undefined);
 &nbsp;
-  const [center, setCenter] = <span class="cstat-no" title="statement not covered" >useState(undefined);</span>
+  const [center, setCenter] = useState(undefined);
 &nbsp;
-  const [viewport, setViewport] = <span class="cstat-no" title="statement not covered" >useState(undefined);</span>
-  const viewportRef = <span class="cstat-no" title="statement not covered" >useRef(undefined);</span>
+  const [viewport, setViewport] = useState(undefined);
+  const viewportRef = useRef(undefined);
 &nbsp;
-  const [layers, setLayers] = <span class="cstat-no" title="statement not covered" >useState(undefined);</span>
-  const layersRef = <span class="cstat-no" title="statement not covered" >useRef(undefined);</span>
+  const [layers, setLayers] = useState(undefined);
+  const layersRef = useRef(undefined);
   //const mapRef = useRef(props.map);
-  const componentId = <span class="cstat-no" title="statement not covered" >useRef(uuidv4());</span>
+  const componentId = useRef(uuidv4());
 &nbsp;
 &nbsp;
   /**
@@ -427,13 +427,13 @@ function <span class="fstat-no" title="function not covered" >useMapState(</span
    *
    * @param {object} layer
    */
-  const layerIdFilter = <span class="cstat-no" title="statement not covered" >useCallback(</span>
+  const layerIdFilter = useCallback(
 <span class="fstat-no" title="function not covered" >    (l</span>ayer) =&gt; {
-<span class="cstat-no" title="statement not covered" >      if (!props.filter.includeBaseLayers &amp;&amp; layer.baseLayer) {</span>
+<span class="cstat-no" title="statement not covered" >      if (!props?.filter?.includeBaseLayers &amp;&amp; layer.baseLayer) {</span>
 <span class="cstat-no" title="statement not covered" >        return false;</span>
       }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      if (typeof props.filter.matchLayerIds !== "undefined") {</span>
+<span class="cstat-no" title="statement not covered" >      if (typeof props.filter?.matchLayerIds !== "undefined") {</span>
 <span class="cstat-no" title="statement not covered" >        if (props.filter.matchLayerIds instanceof RegExp) {</span>
 <span class="cstat-no" title="statement not covered" >          return props.filter.matchLayerIds.test(layer.id);</span>
         } else {
@@ -446,33 +446,33 @@ function <span class="fstat-no" title="function not covered" >useMapState(</span
     [props.filter]
   );
 &nbsp;
-  const refreshLayerState = <span class="cstat-no" title="statement not covered" >useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-    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>
+  const refreshLayerState = useCallback(() =&gt; {
+    let _layerState = mapRef.current.wrapper.layerState.filter(layerIdFilter);
+    let _layerStateString = JSON.stringify(_layerState);
+    if (layersRef.current !== _layerStateString) {
+      layersRef.current = _layerStateString;
+      setLayers(_layerState);
     }
-  },[layerIdFilter]);
+  }, [layerIdFilter]);
 &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>
+  useEffect(() =&gt; {
+    let _componentId = componentId.current;
 &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" >      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>
+    return () =&gt; {
+      if (mapRef.current) {
+        mapRef.current.cleanup(_componentId);
+        mapRef.current = undefined;
       }
-<span class="cstat-no" title="statement not covered" >      initializedRef.current = false;</span>
+      initializedRef.current = false;
     };
   }, []);
 &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>
+  useEffect(() =&gt; {
+    if (!mapContext.mapExists(props.mapId) || initializedRef.current) 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
-<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>
+    initializedRef.current = true;
+    mapRef.current = mapContext.getMap(props.mapId);
 &nbsp;
     /*
     mapRef.current.on(
@@ -484,7 +484,7 @@ function <span class="fstat-no" title="function not covered" >useMapState(</span
     );
     */
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (props?.watch?.viewport) {</span>
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (props?.watch?.viewport) {
 <span class="cstat-no" title="statement not covered" >      setViewport(mapRef.current.wrapper.viewportState);</span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >      mapRef.current.wrapper.on(</span>
@@ -499,10 +499,10 @@ function <span class="fstat-no" title="function not covered" >useMapState(</span
       );
     }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (props?.watch?.layers) {</span>
-<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,
         {
@@ -514,13 +514,13 @@ function <span class="fstat-no" title="function not covered" >useMapState(</span
     }
   }, [mapContext.mapIds, mapContext, props.mapId, refreshLayerState]);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return {</span>
+  return {
     layers,
     viewport,
   };
 }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >useMapState.defaultProps = {</span>
+useMapState.defaultProps = {
   mapId: undefined,
   watch: {
     layers: true,
@@ -532,7 +532,7 @@ function <span class="fstat-no" title="function not covered" >useMapState(</span
   },
 };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >useMapState.propTypes = {</span>
+useMapState.propTypes = {
   /**
    * Id of the target MapLibre instance in mapContext
    */
@@ -565,7 +565,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">istanbul</a>
-                at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
+                at Tue Dec 21 2021 11:51:22 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/lcov-report/src/hooks/useWms.js.html

@@ -355,7 +355,7 @@ export default useWms;</pre></td></tr></table></pre>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
+                at Tue Dec 21 2021 11:51:22 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/lcov-report/src/i18n.js.html

@@ -151,7 +151,7 @@ export default i18n;</pre></td></tr></table></pre>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
+                at Tue Dec 21 2021 11:51:22 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/lcov-report/src/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">istanbul</a>
-                at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
+                at Tue Dec 21 2021 11:51:22 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/lcov-report/src/translations/english.js.html

@@ -79,7 +79,7 @@ export default english;</pre></td></tr></table></pre>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
+                at Tue Dec 21 2021 11:51:22 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/lcov-report/src/translations/german.js.html

@@ -79,7 +79,7 @@ export default german;</pre></td></tr></table></pre>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
+                at Tue Dec 21 2021 11:51:22 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/lcov-report/src/translations/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
+                at Tue Dec 21 2021 11:51:22 GMT+0000 (Coordinated Universal Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>