@mapcomponents/react-maplibre 0.1.26 → 0.1.27

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

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">36.36% </span>
+                <span class="strong">40.9% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>8/22</span>
+                <span class='fraction'>9/22</span>
             </div>
         
             
@@ -214,7 +214,10 @@
 <a name='L149'></a><a href='#L149'>149</a>
 <a name='L150'></a><a href='#L150'>150</a>
 <a name='L151'></a><a href='#L151'>151</a>
-<a name='L152'></a><a href='#L152'>152</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L152'></a><a href='#L152'>152</a>
+<a name='L153'></a><a href='#L153'>153</a>
+<a name='L154'></a><a href='#L154'>154</a>
+<a name='L155'></a><a href='#L155'>155</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>
@@ -265,11 +268,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">73x</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">22x</span>
-<span class="cline-any cline-yes">22x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</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>
@@ -277,6 +280,7 @@
 <span class="cline-any cline-yes">22x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">22x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-yes">10x</span>
@@ -286,7 +290,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">73x</span>
-<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">65x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">22x</span>
@@ -295,6 +299,7 @@
 <span class="cline-any cline-yes">22x</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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -306,10 +311,11 @@
 <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">22x</span>
-<span class="cline-any cline-yes">22x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">22x</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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -428,6 +434,7 @@ function useMapState(props) {
     let _componentId = componentId.current;
 &nbsp;
     return () =&gt; {
+      // cleanup all event listeners
       if (mapRef.current) {
         mapRef.current.cleanup(_componentId);
         mapRef.current = undefined;
@@ -446,6 +453,7 @@ function useMapState(props) {
     <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;
+      // register viewportchange event handler
 <span class="cstat-no" title="statement not covered" >      mapRef.current.wrapper.on(</span>
         "viewportchange",
 <span class="fstat-no" title="function not covered" >        ()</span> =&gt; {
@@ -457,6 +465,7 @@ function useMapState(props) {
       );
     }
 &nbsp;
+    // register layerchange event handler
     if (props?.watch?.layers) {
       refreshLayerState();
 &nbsp;
@@ -523,7 +532,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 Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
+                at Sat Feb 05 2022 08:34:23 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -343,7 +343,7 @@ export default useWms;
             <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 Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
+                at Sat Feb 05 2022 08:34:23 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <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 noreferrer">istanbul</a>
-                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
+                at Sat Feb 05 2022 08:34:23 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <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 noreferrer">istanbul</a>
-                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
+                at Sat Feb 05 2022 08:34:23 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <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 noreferrer">istanbul</a>
-                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
+                at Sat Feb 05 2022 08:34:23 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <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 noreferrer">istanbul</a>
-                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
+                at Sat Feb 05 2022 08:34:23 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <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 noreferrer">istanbul</a>
-                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
+                at Sat Feb 05 2022 08:34:23 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -3132,60 +3132,62 @@ end_of_record
 TN:
 SF:src/hooks/useMap.js
 FN:6,useMap
-FN:26,(anonymous_1)
-FN:29,(anonymous_2)
-FN:39,(anonymous_3)
-FN:46,(anonymous_4)
+FN:29,(anonymous_1)
+FN:32,(anonymous_2)
+FN:42,(anonymous_3)
+FN:49,(anonymous_4)
 FNF:5
 FNH:4
 FNDA:57,useMap
 FNDA:18,(anonymous_1)
 FNDA:8,(anonymous_2)
-FNDA:54,(anonymous_3)
+FNDA:36,(anonymous_3)
 FNDA:0,(anonymous_4)
 DA:8,57
 DA:10,57
-DA:19,57
-DA:20,57
 DA:22,57
-DA:24,57
-DA:26,57
-DA:27,18
-DA:29,18
-DA:30,8
-DA:31,8
-DA:32,8
+DA:23,57
+DA:25,57
+DA:27,57
+DA:29,57
+DA:30,18
+DA:32,18
+DA:33,8
 DA:34,8
 DA:35,8
-DA:39,57
-DA:40,54
-DA:43,18
-DA:44,0
-DA:46,0
+DA:37,8
+DA:38,8
+DA:42,57
+DA:43,36
+DA:46,18
 DA:47,0
-DA:48,0
+DA:49,0
+DA:50,0
 DA:51,0
-DA:52,0
-DA:57,18
-DA:58,18
-DA:59,18
-DA:62,57
+DA:54,0
+DA:55,0
+DA:60,18
+DA:61,18
+DA:62,18
+DA:65,57
 LF:27
 LH:21
-BRDA:30,0,0,8
-BRDA:30,0,1,0
-BRDA:40,1,0,36
-BRDA:40,1,1,18
-BRDA:40,2,0,54
-BRDA:40,2,1,36
-BRDA:43,3,0,0
+BRDA:14,0,0,0
+BRDA:14,0,1,57
+BRDA:33,1,0,8
+BRDA:33,1,1,0
+BRDA:43,2,0,18
+BRDA:43,2,1,18
+BRDA:43,3,0,36
 BRDA:43,3,1,18
-BRDA:47,4,0,0
-BRDA:47,4,1,0
-BRDA:51,5,0,0
-BRDA:51,5,1,0
-BRF:12
-BRH:6
+BRDA:46,4,0,0
+BRDA:46,4,1,18
+BRDA:50,5,0,0
+BRDA:50,5,1,0
+BRDA:54,6,0,0
+BRDA:54,6,1,0
+BRF:14
+BRH:7
 end_of_record
 TN:
 SF:src/hooks/useMapState.js
@@ -3194,16 +3196,16 @@ FN:33,(anonymous_1)
 FN:51,(anonymous_2)
 FN:60,(anonymous_3)
 FN:63,(anonymous_4)
-FN:72,(anonymous_5)
-FN:84,(anonymous_6)
+FN:73,(anonymous_5)
+FN:86,(anonymous_6)
 FNF:7
 FNH:5
 FNDA:73,useMapState
 FNDA:0,(anonymous_1)
-FNDA:22,(anonymous_2)
+FNDA:4,(anonymous_2)
 FNDA:22,(anonymous_3)
 FNDA:10,(anonymous_4)
-FNDA:44,(anonymous_5)
+FNDA:65,(anonymous_5)
 FNDA:0,(anonymous_6)
 DA:13,73
 DA:15,73
@@ -3222,33 +3224,33 @@ DA:40,0
 DA:42,0
 DA:46,0
 DA:51,73
-DA:52,22
-DA:53,22
-DA:54,22
-DA:55,22
-DA:56,22
+DA:52,4
+DA:53,4
+DA:54,4
+DA:55,4
+DA:56,4
 DA:60,73
 DA:61,22
 DA:63,22
-DA:64,10
 DA:65,10
 DA:66,10
-DA:68,10
-DA:72,73
-DA:73,44
-DA:76,22
+DA:67,10
+DA:69,10
+DA:73,73
+DA:74,65
 DA:77,22
-DA:79,22
-DA:80,0
-DA:82,0
-DA:85,0
-DA:86,0
-DA:93,22
-DA:94,22
+DA:78,22
+DA:80,22
+DA:81,0
+DA:84,0
+DA:87,0
+DA:88,0
 DA:96,22
-DA:108,73
-DA:114,6
-DA:126,6
+DA:97,4
+DA:99,4
+DA:111,73
+DA:117,6
+DA:129,6
 LF:44
 LH:33
 BRDA:34,0,0,0
@@ -3259,22 +3261,22 @@ BRDA:38,2,0,0
 BRDA:38,2,1,0
 BRDA:39,3,0,0
 BRDA:39,3,1,0
-BRDA:54,4,0,22
+BRDA:54,4,0,4
 BRDA:54,4,1,0
-BRDA:64,5,0,10
-BRDA:64,5,1,0
-BRDA:73,6,0,22
-BRDA:73,6,1,22
-BRDA:73,7,0,44
-BRDA:73,7,1,22
-BRDA:79,8,0,0
-BRDA:79,8,1,22
-BRDA:85,9,0,0
-BRDA:85,9,1,0
-BRDA:93,10,0,22
-BRDA:93,10,1,0
+BRDA:65,5,0,10
+BRDA:65,5,1,0
+BRDA:74,6,0,43
+BRDA:74,6,1,22
+BRDA:74,7,0,65
+BRDA:74,7,1,43
+BRDA:80,8,0,0
+BRDA:80,8,1,22
+BRDA:87,9,0,0
+BRDA:87,9,1,0
+BRDA:96,10,0,4
+BRDA:96,10,1,18
 BRF:22
-BRH:8
+BRH:9
 end_of_record
 TN:
 SF:src/hooks/useWms.js

package/dist/index.esm.js

@@ -910,6 +910,7 @@ function useMapState(props) {
   useEffect(function () {
     var _componentId = componentId.current;
     return function () {
+      // cleanup all event listeners
       if (mapRef.current) {
         mapRef.current.cleanup(_componentId);
         mapRef.current = undefined;
@@ -928,7 +929,8 @@ function useMapState(props) {
     mapRef.current = mapContext.getMap(props.mapId);
 
     if (props !== null && props !== void 0 && (_props$watch = props.watch) !== null && _props$watch !== void 0 && _props$watch.viewport) {
-      setViewport(mapRef.current.wrapper.viewportState);
+      setViewport(mapRef.current.wrapper.viewportState); // register viewportchange event handler
+
       mapRef.current.wrapper.on("viewportchange", function () {
         var _mapRef$current;
 
@@ -938,7 +940,8 @@ function useMapState(props) {
           setViewport((_mapRef$current2 = mapRef.current) === null || _mapRef$current2 === void 0 ? void 0 : _mapRef$current2.wrapper.viewportState);
         }
       }, componentId.current);
-    }
+    } // register layerchange event handler
+
 
     if (props !== null && props !== void 0 && (_props$watch2 = props.watch) !== null && _props$watch2 !== void 0 && _props$watch2.layers) {
       var _props$filter3, _props$filter4;
@@ -1001,15 +1004,18 @@ function useMap(props) {
     mapId: props.mapId,
     watch: {
       viewport: false,
-      layers: true,
+      layers: props.waitForLayer ? true : false,
       sources: false
+    },
+    filter: {
+      includeBaseLayers: true
     }
   });
   var initializedRef = useRef(false);
   var mapRef = useRef(undefined);
   var componentId = useRef(v4());
 
-  var _useState = useState(undefined),
+  var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       mapIsReady = _useState2[0],
       setMapIsReady = _useState2[1];