@mapcomponents/react-maplibre 0.1.41 → 0.1.44

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

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">69.49% </span>
+                <span class="strong">68.51% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>41/59</span>
+                <span class='fraction'>37/54</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">74.54% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>42/56</span>
+                <span class='fraction'>41/55</span>
             </div>
         
             
@@ -242,12 +242,7 @@
 <a name='L177'></a><a href='#L177'>177</a>
 <a name='L178'></a><a href='#L178'>178</a>
 <a name='L179'></a><a href='#L179'>179</a>
-<a name='L180'></a><a href='#L180'>180</a>
-<a name='L181'></a><a href='#L181'>181</a>
-<a name='L182'></a><a href='#L182'>182</a>
-<a name='L183'></a><a href='#L183'>183</a>
-<a name='L184'></a><a href='#L184'>184</a>
-<a name='L185'></a><a href='#L185'>185</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L180'></a><a href='#L180'>180</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>
@@ -311,6 +306,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">14x</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-yes">14x</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>
@@ -358,15 +358,6 @@
 <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">32x</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">18x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -382,7 +373,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">60x</span>
 <span class="cline-any cline-yes">60x</span>
-<span class="cline-any cline-yes">28x</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>
@@ -492,6 +482,11 @@ function useLayer(props: useLayerProps): useLayerType {
   const createLayer = useCallback(() =&gt; {
     <span class="missing-if-branch" title="if path not taken" >I</span>if (initializedRef.current || !mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span>
     initializedRef.current = true;
+&nbsp;
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (mapHook.map.map.getLayer(layerId.current)) {
+      // remove (cleanup) &amp; reinitialize the layer if type has changed
+<span class="cstat-no" title="statement not covered" >      cleanup();</span>
+    }
 &nbsp;
     mapHook.map.addLayer(
       {
@@ -536,16 +531,7 @@ function useLayer(props: useLayerProps): useLayerType {
   useEffect(() =&gt; {
     if (!mapHook.map) return;
 &nbsp;
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (
-      initializedRef.current &amp;&amp;
-      ((props.options.type &amp;&amp; legalLayerTypes.indexOf(props.options.type) !== -1) ||
-<span class="branch-3 cbranch-no" title="branch not covered" >        !props.options.type)</span> &amp;&amp;
-      layerTypeRef.current &amp;&amp;
-      props.options.type !== layerTypeRef.current
-    ) {
-      // remove (cleanup) &amp; reinitialize the layer if type has changed
-<span class="cstat-no" title="statement not covered" >      cleanup();</span>
-    } else if (
+    if (
       initializedRef.current &amp;&amp;
       (legalLayerTypes.indexOf(props.options.type) === -1 ||
         (legalLayerTypes.indexOf(props.options.type) !== -1 &amp;&amp;
@@ -565,8 +551,7 @@ function useLayer(props: useLayerProps): useLayerType {
   }, [props.geojson, mapHook.map, props.options.type]);
 &nbsp;
   useEffect(() =&gt; {
-    if (!mapHook.map || !mapHook.map?.map?.getLayer?.(layerId.current) || !initializedRef.current)
-      return;
+    if (!mapHook.map || !mapHook.map?.map?.getLayer?.(layerId.current) || !initializedRef.current || props.options.type !== layerTypeRef.current)return;
 &nbsp;
     var key;
 &nbsp;
@@ -622,7 +607,7 @@ export default useLayer;
             <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 Tue May 10 2022 14:23:12 GMT+0000 (Coordinated Universal Time)
+                at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -340,7 +340,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 Tue May 10 2022 14:23:12 GMT+0000 (Coordinated Universal Time)
+                at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -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 Tue May 10 2022 14:23:12 GMT+0000 (Coordinated Universal Time)
+                at Tue May 10 2022 15:12:51 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 Tue May 10 2022 14:23:12 GMT+0000 (Coordinated Universal Time)
+                at Tue May 10 2022 15:12:51 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 Tue May 10 2022 14:23:12 GMT+0000 (Coordinated Universal Time)
+                at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -181,7 +181,7 @@ export { default as SimpleDataContext } from './contexts/SimpleDataContext';</pr
             <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 Tue May 10 2022 14:23:12 GMT+0000 (Coordinated Universal Time)
+                at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -3003,12 +3003,12 @@ TN:
 SF:src/hooks/useLayer.ts
 FN:42,useLayer
 FN:59,(anonymous_1)
-FN:103,(anonymous_2)
-FN:127,(anonymous_3)
-FN:134,(anonymous_4)
-FN:164,(anonymous_5)
-FN:169,(anonymous_6)
-FN:170,(anonymous_7)
+FN:108,(anonymous_2)
+FN:123,(anonymous_3)
+FN:130,(anonymous_4)
+FN:159,(anonymous_5)
+FN:164,(anonymous_6)
+FN:165,(anonymous_7)
 FNF:8
 FNH:8
 FNDA:60,useLayer
@@ -3031,52 +3031,51 @@ DA:59,60
 DA:60,14
 DA:61,14
 DA:63,14
-DA:84,14
-DA:86,14
-DA:87,0
-DA:90,14
-DA:91,0
-DA:94,14
-DA:95,0
-DA:98,14
+DA:65,0
+DA:68,14
+DA:89,14
+DA:91,14
+DA:92,0
+DA:95,14
+DA:96,0
 DA:99,14
-DA:100,14
-DA:103,60
-DA:104,60
-DA:106,32
-DA:114,0
-DA:115,32
-DA:121,18
-DA:124,14
-DA:127,60
-DA:128,28
-DA:131,12
-DA:134,60
-DA:135,60
-DA:136,28
-DA:140,32
-DA:141,32
-DA:142,0
+DA:100,0
+DA:103,14
+DA:104,14
+DA:105,14
+DA:108,60
+DA:109,60
+DA:111,32
+DA:117,18
+DA:120,14
+DA:123,60
+DA:124,28
+DA:127,12
+DA:130,60
+DA:131,60
+DA:135,32
+DA:136,32
+DA:137,0
+DA:139,0
+DA:140,0
+DA:141,0
 DA:144,0
-DA:145,0
-DA:146,0
+DA:147,32
+DA:148,32
 DA:149,0
-DA:152,32
-DA:153,32
-DA:154,0
+DA:150,0
+DA:151,0
+DA:152,0
 DA:155,0
-DA:156,0
-DA:157,0
-DA:160,0
+DA:159,60
+DA:160,7
+DA:161,7
 DA:164,60
-DA:165,7
+DA:165,14
 DA:166,7
-DA:169,60
-DA:170,14
-DA:171,7
-DA:175,60
-LF:56
-LH:42
+DA:170,60
+LF:55
+LH:41
 BRDA:56,0,0,60
 BRDA:56,0,1,20
 BRDA:56,1,0,20
@@ -3085,59 +3084,54 @@ BRDA:60,2,0,0
 BRDA:60,2,1,14
 BRDA:60,3,0,14
 BRDA:60,3,1,14
-BRDA:66,4,0,8
-BRDA:66,4,1,6
-BRDA:76,5,0,0
-BRDA:76,5,1,14
-BRDA:78,6,0,2
-BRDA:78,6,1,12
-BRDA:86,7,0,0
-BRDA:86,7,1,14
-BRDA:90,8,0,0
-BRDA:90,8,1,14
-BRDA:94,9,0,0
-BRDA:94,9,1,14
-BRDA:104,10,0,28
-BRDA:104,10,1,32
-BRDA:106,11,0,0
-BRDA:106,11,1,32
-BRDA:107,12,0,32
-BRDA:107,12,1,18
-BRDA:107,12,2,18
-BRDA:107,12,3,0
-BRDA:107,12,4,18
-BRDA:107,12,5,18
-BRDA:115,13,0,18
-BRDA:115,13,1,14
-BRDA:116,14,0,32
-BRDA:116,14,1,18
-BRDA:116,14,2,18
-BRDA:116,14,3,18
-BRDA:128,15,0,16
-BRDA:128,15,1,12
-BRDA:128,16,0,28
-BRDA:128,16,1,14
-BRDA:135,17,0,28
-BRDA:135,17,1,32
-BRDA:135,18,0,60
-BRDA:135,18,1,32
-BRDA:135,18,2,32
-BRDA:141,19,0,0
-BRDA:141,19,1,32
-BRDA:141,20,0,32
-BRDA:141,20,1,16
-BRDA:145,21,0,0
-BRDA:145,21,1,0
-BRDA:145,22,0,0
-BRDA:145,22,1,0
-BRDA:153,23,0,0
-BRDA:153,23,1,32
-BRDA:156,24,0,0
-BRDA:156,24,1,0
-BRDA:156,25,0,0
-BRDA:156,25,1,0
-BRF:59
-BRH:41
+BRDA:63,4,0,0
+BRDA:63,4,1,14
+BRDA:71,5,0,8
+BRDA:71,5,1,6
+BRDA:81,6,0,0
+BRDA:81,6,1,14
+BRDA:83,7,0,2
+BRDA:83,7,1,12
+BRDA:91,8,0,0
+BRDA:91,8,1,14
+BRDA:95,9,0,0
+BRDA:95,9,1,14
+BRDA:99,10,0,0
+BRDA:99,10,1,14
+BRDA:109,11,0,28
+BRDA:109,11,1,32
+BRDA:111,12,0,18
+BRDA:111,12,1,14
+BRDA:112,13,0,32
+BRDA:112,13,1,18
+BRDA:112,13,2,18
+BRDA:112,13,3,18
+BRDA:124,14,0,16
+BRDA:124,14,1,12
+BRDA:124,15,0,28
+BRDA:124,15,1,14
+BRDA:131,16,0,28
+BRDA:131,16,1,32
+BRDA:131,17,0,60
+BRDA:131,17,1,32
+BRDA:131,17,2,32
+BRDA:131,17,3,32
+BRDA:136,18,0,0
+BRDA:136,18,1,32
+BRDA:136,19,0,32
+BRDA:136,19,1,16
+BRDA:140,20,0,0
+BRDA:140,20,1,0
+BRDA:140,21,0,0
+BRDA:140,21,1,0
+BRDA:148,22,0,0
+BRDA:148,22,1,32
+BRDA:151,23,0,0
+BRDA:151,23,1,0
+BRDA:151,24,0,0
+BRDA:151,24,1,0
+BRF:54
+BRH:37
 end_of_record
 TN:
 SF:src/hooks/useMap.ts

package/dist/index.esm.js

@@ -12223,6 +12223,10 @@ function useLayer(props) {
         if (initializedRef.current || !mapHook.map)
             return;
         initializedRef.current = true;
+        if (mapHook.map.map.getLayer(layerId.current)) {
+            // remove (cleanup) & reinitialize the layer if type has changed
+            cleanup();
+        }
         mapHook.map.addLayer(__assign(__assign(__assign({}, props.options), (props.geojson
             ? {
                 source: {
@@ -12253,14 +12257,6 @@ function useLayer(props) {
         if (!mapHook.map)
             return;
         if (initializedRef.current &&
-            ((props.options.type && legalLayerTypes.indexOf(props.options.type) !== -1) ||
-                !props.options.type) &&
-            layerTypeRef.current &&
-            props.options.type !== layerTypeRef.current) {
-            // remove (cleanup) & reinitialize the layer if type has changed
-            cleanup();
-        }
-        else if (initializedRef.current &&
             (legalLayerTypes.indexOf(props.options.type) === -1 ||
                 (legalLayerTypes.indexOf(props.options.type) !== -1 &&
                     props.options.type === layerTypeRef.current))) {
@@ -12277,7 +12273,7 @@ function useLayer(props) {
     }, [props.geojson, mapHook.map, props.options.type]);
     useEffect(function () {
         var _a, _b, _c, _d, _e;
-        if (!mapHook.map || !((_c = (_b = (_a = mapHook.map) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.getLayer) === null || _c === void 0 ? void 0 : _c.call(_b, layerId.current)) || !initializedRef.current)
+        if (!mapHook.map || !((_c = (_b = (_a = mapHook.map) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.getLayer) === null || _c === void 0 ? void 0 : _c.call(_b, layerId.current)) || !initializedRef.current || props.options.type !== layerTypeRef.current)
             return;
         var key;
         var layoutString = JSON.stringify(props.options.layout);
@@ -12378,7 +12374,7 @@ var getDefaultPaintPropsByType = function (type, defaultPaintOverrides) {
                 return defaultPaintOverrides.circle;
             }
             return {
-                "circle-color": "rgba(10,240,256)",
+                "circle-color": "rgba(10,240,256,0.8)",
                 "circle-stroke-color": "#fff",
                 "circle-stroke-width": 2,
             };