@mapcomponents/react-maplibre 0.1.21 → 0.1.25

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">85.71% </span>
+                <span class="strong">88.57% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>42/49</span>
+                <span class='fraction'>31/35</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">58.33% </span>
+                <span class="strong">81.25% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>14/24</span>
+                <span class='fraction'>13/16</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>6/6</span>
+                <span class='fraction'>3/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">84.78% </span>
+                <span class="strong">87.87% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>39/46</span>
+                <span class='fraction'>29/33</span>
             </div>
         
             
@@ -186,29 +186,7 @@
 <a name='L121'></a><a href='#L121'>121</a>
 <a name='L122'></a><a href='#L122'>122</a>
 <a name='L123'></a><a href='#L123'>123</a>
-<a name='L124'></a><a href='#L124'>124</a>
-<a name='L125'></a><a href='#L125'>125</a>
-<a name='L126'></a><a href='#L126'>126</a>
-<a name='L127'></a><a href='#L127'>127</a>
-<a name='L128'></a><a href='#L128'>128</a>
-<a name='L129'></a><a href='#L129'>129</a>
-<a name='L130'></a><a href='#L130'>130</a>
-<a name='L131'></a><a href='#L131'>131</a>
-<a name='L132'></a><a href='#L132'>132</a>
-<a name='L133'></a><a href='#L133'>133</a>
-<a name='L134'></a><a href='#L134'>134</a>
-<a name='L135'></a><a href='#L135'>135</a>
-<a name='L136'></a><a href='#L136'>136</a>
-<a name='L137'></a><a href='#L137'>137</a>
-<a name='L138'></a><a href='#L138'>138</a>
-<a name='L139'></a><a href='#L139'>139</a>
-<a name='L140'></a><a href='#L140'>140</a>
-<a name='L141'></a><a href='#L141'>141</a>
-<a name='L142'></a><a href='#L142'>142</a>
-<a name='L143'></a><a href='#L143'>143</a>
-<a name='L144'></a><a href='#L144'>144</a>
-<a name='L145'></a><a href='#L145'>145</a>
-<a name='L146'></a><a href='#L146'>146</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L124'></a><a href='#L124'>124</a></td><td class="line-coverage quiet"><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>
@@ -219,41 +197,25 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">8x</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-yes">12x</span>
 <span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&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-yes">8x</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-yes">8x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</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-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>
@@ -279,16 +241,21 @@
 <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-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</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>
-<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
@@ -300,33 +267,26 @@
 <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">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>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">4x</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-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</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-neutral">&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-neutral">&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>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</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-yes">1x</span>
@@ -349,12 +309,8 @@
 <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-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useContext, useRef, useEffect } from "react";
-import { MapContext } from "@mapcomponents/react-core";
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect } from "react";
+import useMap from "../../hooks/useMap";
 import PropTypes from "prop-types";
 &nbsp;
 /**
@@ -364,112 +320,94 @@ import PropTypes from "prop-types";
  * @component
  */
 const MlVectorTileLayer = (props) =&gt; {
-  const mapContext = useContext(MapContext);
+  const mapHook = useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });
 &nbsp;
-  const layerName = "vector-tile-layer-";
-  const sourceName = "vector-tile-source-";
-  const idSuffixRef = useRef(new Date().getTime());
   const layerIdsRef = useRef({});
+  const layerId = useRef(props.layerId || "MlVectorTileLayer-" + mapHook.componentId);
   const layerPaintConfsRef = useRef({});
+  const layerLayoutConfsRef = useRef({});
   const initializedRef = useRef(false);
-  const mapRef = useRef(null);
-&nbsp;
-  const cleanup = () =&gt; {
-    if (mapRef.current &amp;&amp; mapRef.current.style) {
-      for (let key in layerIdsRef.current) {
-        if (mapRef.current.getLayer(layerIdsRef.current[key])) {
-          mapRef.current.removeLayer(layerIdsRef.current[key]);
-        }
-      }
-      if (mapRef.current.getSource(sourceName + idSuffixRef.current)) {
-        mapRef.current.removeSource(sourceName + idSuffixRef.current);
-      }
-    }
-  };
-&nbsp;
-  useEffect(() =&gt; {
-    return cleanup;
-  }, []);
 &nbsp;
   useEffect(() =&gt; {
-    if (!mapContext.mapExists(props.mapId) || initializedRef.current) return;
+    if (!mapHook.map || initializedRef.current) return;
 &nbsp;
     initializedRef.current = true;
-    mapRef.current = mapContext.getMap(props.mapId);
 &nbsp;
     // Add the new layer to the openlayers instance once it is available
-    mapRef.current.addSource(sourceName + idSuffixRef.current, {
-      type: "vector",
-      tiles: [props.url],
-      tileSize: 512,
-      attribution: "",
-      ...props.sourceOptions,
-    });
+    mapHook.map.addSource(
+      layerId.current,
+      {
+        type: "vector",
+        tiles: [props.url],
+        tileSize: 512,
+        attribution: "",
+        ...props.sourceOptions,
+      },
+      mapHook.componentId
+    );
 &nbsp;
     for (let key in props.layers) {
-      let layerId = layerName + "_" + key + "_" + idSuffixRef.current;
-      layerIdsRef.current[key] = layerId;
+      let _layerId = layerId.current + "_" + key;
+      layerIdsRef.current[key] = _layerId;
 &nbsp;
-      mapRef.current.addLayer({
-        id: layerId,
-        source: sourceName + idSuffixRef.current,
-        type: "line",
-        minzoom: 0,
-        maxzoom: 22,
-        layout: {},
-        paint: {
-          "line-opacity": 0.5,
-          "line-color": "rgb(80, 80, 80)",
-          "line-width": 2,
+      mapHook.map.addLayer(
+        {
+          id: _layerId,
+          source: layerId.current,
+          type: "line",
+          minzoom: 0,
+          maxzoom: 22,
+          layout: {},
+          paint: {
+            "line-opacity": 0.5,
+            "line-color": "rgb(80, 80, 80)",
+            "line-width": 2,
+          },
+          ...props.layers[key],
         },
-        ...props.layers[key],
-      });
+        props.insertBeforeLayer,
+        mapHook.componentId
+      );
       layerPaintConfsRef.current[key] = JSON.stringify(props.layers[key].paint);
+      layerLayoutConfsRef.current[key] = JSON.stringify(props.layers[key].layout);
     }
-  }, [mapContext.mapIds, props, mapContext]);
+  }, [mapHook.map, props]);
 &nbsp;
   useEffect(() =&gt; {
-    if (!mapRef.current) return;
-    // the MapLibre-gl instance (mapContext.map) is accessible here
+    if (!mapHook.map || !initializedRef.current) return;
     // initialize the layer and add it to the MapLibre-gl instance or do something else with it
     for (var key in props.layers) {
-      if (mapRef.current.getLayer(layerIdsRef.current[key])) {
-        let layerConfString = JSON.stringify(props.layers[key].paint);
+      if (mapHook.map.getLayer(layerIdsRef.current[key])) {
+        // update changed paint property
+        let layerPaintConfString = JSON.stringify(props.layers[key].paint);
 &nbsp;
-        <span class="missing-if-branch" title="if path not taken" >I</span>if (layerConfString !== layerPaintConfsRef.current[key]) {
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (layerPaintConfString !== layerPaintConfsRef.current[key]) {
 <span class="cstat-no" title="statement not covered" >          for (let paintKey in props.layers[key].paint) {</span>
-<span class="cstat-no" title="statement not covered" >            mapContext</span>
-              .getMap(props.mapId)
-              .setPaintProperty(
-                layerIdsRef.current[key],
-                paintKey,
-                props.layers[key].paint[paintKey]
-              );
+<span class="cstat-no" title="statement not covered" >            mapHook.map.setPaintProperty(</span>
+              layerIdsRef.current[key],
+              paintKey,
+              props.layers[key].paint[paintKey]
+            );
           }
         }
-        layerPaintConfsRef.current[key] = layerConfString;
-      }
-    }
-  }, [props.layers, props, mapContext]);
+        layerPaintConfsRef.current[key] = layerPaintConfString;
 &nbsp;
-  useEffect(() =&gt; {
-    if (!mapRef.current) return;
+        // update changed layout property
+        let layerLayoutConfString = JSON.stringify(props.layers[key].layout);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    for (var key in props.layers) {</span>
-<span class="cstat-no" title="statement not covered" >      if (mapRef.current.getLayer(layerIdsRef.current[key])) {</span>
-        // toggle layer visibility by changing the layout object's visibility property
-<span class="cstat-no" title="statement not covered" >        if (props.visible) {</span>
-<span class="cstat-no" title="statement not covered" >          mapContext</span>
-            .getMap(props.mapId)
-            .setLayoutProperty(layerIdsRef.current[key], "visibility", "visible");
-        } else {
-<span class="cstat-no" title="statement not covered" >          mapContext</span>
-            .getMap(props.mapId)
-            .setLayoutProperty(layerIdsRef.current[key], "visibility", "none");
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (layerLayoutConfString !== layerLayoutConfsRef.current[key]) {
+<span class="cstat-no" title="statement not covered" >          for (let layoutKey in props.layers[key].layout) {</span>
+<span class="cstat-no" title="statement not covered" >            mapHook.map.setLayoutProperty(</span>
+              layerIdsRef.current[key],
+              layoutKey,
+              props.layers[key].layout[layoutKey]
+            );
+          }
         }
+        layerLayoutConfsRef.current[key] = layerLayoutConfString;
       }
     }
-  }, [props.visible]);
+  }, [props.layers, mapHook.map]);
 &nbsp;
   return &lt;&gt;&lt;/&gt;;
 };
@@ -487,10 +425,6 @@ MlVectorTileLayer.propTypes = {
    * Object that hold layers
    */
   layers: PropTypes.object,
-  /**
-   * Boolean value to control the visibility of this layer
-   */
-  visible: PropTypes.bool,
   /**
    * String of the URL of a wms layer
    */
@@ -505,7 +439,7 @@ export default MlVectorTileLayer;
             <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 Fri Jan 21 2022 19:54:16 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">85.71% </span>
+                <span class="strong">88.57% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>42/49</span>
+                <span class='fraction'>31/35</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">58.33% </span>
+                <span class="strong">81.25% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>14/24</span>
+                <span class='fraction'>13/16</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>6/6</span>
+                <span class='fraction'>3/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">84.78% </span>
+                <span class="strong">87.87% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>39/46</span>
+                <span class='fraction'>29/33</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file high" data-value="MlVectorTileLayer.js"><a href="MlVectorTileLayer.js.html">MlVectorTileLayer.js</a></td>
-	<td data-value="85.71" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 85%"></div><div class="cover-empty" style="width: 15%"></div></div>
+	<td data-value="88.57" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 88%"></div><div class="cover-empty" style="width: 12%"></div></div>
 	</td>
-	<td data-value="85.71" class="pct high">85.71%</td>
-	<td data-value="49" class="abs high">42/49</td>
-	<td data-value="58.33" class="pct medium">58.33%</td>
-	<td data-value="24" class="abs medium">14/24</td>
+	<td data-value="88.57" class="pct high">88.57%</td>
+	<td data-value="35" class="abs high">31/35</td>
+	<td data-value="81.25" class="pct high">81.25%</td>
+	<td data-value="16" class="abs high">13/16</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="6" class="abs high">6/6</td>
-	<td data-value="84.78" class="pct high">84.78%</td>
-	<td data-value="46" class="abs high">39/46</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="87.87" class="pct high">87.87%</td>
+	<td data-value="33" class="abs high">29/33</td>
 	</tr>
 
 </tbody>
@@ -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 Fri Jan 21 2022 19:54:16 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -262,7 +262,7 @@ export default MlWmsFeatureInfoPopup;
             <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 Fri Jan 21 2022 19:54:16 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/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 Fri Jan 21 2022 19:54:16 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -568,7 +568,7 @@ export default MlWmsLayer;
             <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 Fri Jan 21 2022 19:54:16 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlWmsLayer/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 Fri Jan 21 2022 19:54:16 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -964,7 +964,7 @@ export default MlWmsLoader;
             <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 Fri Jan 21 2022 19:54:16 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlWmsLoader/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 Fri Jan 21 2022 19:54:16 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">52.63% </span>
+                <span class="strong">50.9% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>60/114</span>
+                <span class='fraction'>56/110</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">52.72% </span>
+                <span class="strong">50.94% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>58/110</span>
+                <span class='fraction'>54/106</span>
             </div>
         
             
@@ -79,18 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file high" data-value="useMap.js"><a href="useMap.js.html">useMap.js</a></td>
-	<td data-value="81.25" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 81%"></div><div class="cover-empty" style="width: 19%"></div></div>
+	<td class="file medium" data-value="useMap.js"><a href="useMap.js.html">useMap.js</a></td>
+	<td data-value="78.57" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 78%"></div><div class="cover-empty" style="width: 22%"></div></div>
 	</td>
-	<td data-value="81.25" class="pct high">81.25%</td>
-	<td data-value="32" class="abs high">26/32</td>
+	<td data-value="78.57" class="pct medium">78.57%</td>
+	<td data-value="28" class="abs medium">22/28</td>
 	<td data-value="50" class="pct medium">50%</td>
 	<td data-value="12" class="abs medium">6/12</td>
 	<td data-value="80" class="pct high">80%</td>
 	<td data-value="5" class="abs high">4/5</td>
-	<td data-value="80.64" class="pct high">80.64%</td>
-	<td data-value="31" class="abs high">25/31</td>
+	<td data-value="77.77" class="pct medium">77.77%</td>
+	<td data-value="27" class="abs medium">21/27</td>
 	</tr>
 
 <tr>
@@ -131,7 +131,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 Fri Jan 21 2022 19:54:16 GMT+0000 (Coordinated Universal Time)
+                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>