@mapcomponents/react-maplibre 0.1.44 → 0.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/CHANGELOG.md +32 -2
  2. package/coverage/clover.xml +226 -145
  3. package/coverage/coverage-final.json +7 -5
  4. package/coverage/lcov-report/index.html +86 -71
  5. package/coverage/lcov-report/src/components/MapLibreMap/MapLibreMap.tsx.html +40 -10
  6. package/coverage/lcov-report/src/components/MapLibreMap/index.html +17 -17
  7. package/coverage/lcov-report/src/components/MlCreatePdfButton/MlCreatePdfButton.tsx.html +1 -1
  8. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +1 -1
  9. package/coverage/lcov-report/src/components/MlFeatureEditor/MlFeatureEditor.tsx.html +4 -4
  10. package/coverage/lcov-report/src/components/MlFeatureEditor/index.html +1 -1
  11. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.tsx.html +1 -1
  12. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +1 -1
  13. package/coverage/lcov-report/src/components/MlFollowGps/MlFollowGps.tsx.html +1 -1
  14. package/coverage/lcov-report/src/components/MlFollowGps/index.html +1 -1
  15. package/coverage/lcov-report/src/components/MlGPXViewer/MlGPXViewer.tsx.html +1 -1
  16. package/coverage/lcov-report/src/components/MlGPXViewer/gpxConverter.js.html +1 -1
  17. package/coverage/lcov-report/src/components/MlGPXViewer/index.html +1 -1
  18. package/coverage/lcov-report/src/components/MlGeoJsonLayer/MlGeoJsonLayer.tsx.html +1 -1
  19. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +1 -1
  20. package/coverage/lcov-report/src/components/MlImageMarkerLayer/MlImageMarkerLayer.tsx.html +188 -53
  21. package/coverage/lcov-report/src/components/MlImageMarkerLayer/index.html +21 -21
  22. package/coverage/lcov-report/src/components/MlLayer/MlLayer.tsx.html +1 -1
  23. package/coverage/lcov-report/src/components/MlLayer/index.html +1 -1
  24. package/coverage/lcov-report/src/components/MlLayerMagnify/MlLayerMagnify.tsx.html +1 -1
  25. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +1 -1
  26. package/coverage/lcov-report/src/components/MlLayerSwipe/MlLayerSwipe.tsx.html +1 -1
  27. package/coverage/lcov-report/src/components/MlLayerSwipe/index.html +1 -1
  28. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +2 -2
  29. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +1 -1
  30. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +1 -1
  31. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +1 -1
  32. package/coverage/lcov-report/src/components/MlMarker/MlMarker.tsx.html +1 -1
  33. package/coverage/lcov-report/src/components/MlMarker/index.html +1 -1
  34. package/coverage/lcov-report/src/components/MlMeasureTool/MlMeasureTool.tsx.html +265 -0
  35. package/coverage/lcov-report/src/components/MlMeasureTool/index.html +116 -0
  36. package/coverage/lcov-report/src/components/MlNavigationCompass/MlNavigationCompass.tsx.html +1 -1
  37. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +1 -1
  38. package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.tsx.html +1 -1
  39. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +1 -1
  40. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +1 -1
  41. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.stories_.js.html +232 -0
  42. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +25 -10
  43. package/coverage/lcov-report/src/components/MlScaleReference/MlScaleReference.js.html +1 -1
  44. package/coverage/lcov-report/src/components/MlScaleReference/index.html +1 -1
  45. package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html +1 -1
  46. package/coverage/lcov-report/src/components/MlShareMapState/index.html +1 -1
  47. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +1 -1
  48. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/index.html +1 -1
  49. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreeJsLayer.js.html +1 -1
  50. package/coverage/lcov-report/src/components/MlThreeJsLayer/index.html +1 -1
  51. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.tsx.html +1 -1
  52. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/index.html +1 -1
  53. package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html +1 -1
  54. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +1 -1
  55. package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.tsx.html +74 -20
  56. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +19 -19
  57. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +1 -1
  58. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +1 -1
  59. package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.tsx.html +80 -20
  60. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +21 -21
  61. package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.tsx.html +2 -2
  62. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +1 -1
  63. package/coverage/lcov-report/src/contexts/MapContext.tsx.html +1 -1
  64. package/coverage/lcov-report/src/contexts/SimpleDataContext.js.html +1 -1
  65. package/coverage/lcov-report/src/contexts/SimpleDataProvider.js.html +1 -1
  66. package/coverage/lcov-report/src/contexts/index.html +1 -1
  67. package/coverage/lcov-report/src/hooks/index.html +19 -19
  68. package/coverage/lcov-report/src/hooks/useLayer.ts.html +75 -27
  69. package/coverage/lcov-report/src/hooks/useMap.ts.html +1 -1
  70. package/coverage/lcov-report/src/hooks/useMapState.ts.html +1 -1
  71. package/coverage/lcov-report/src/hooks/useWms.js.html +2 -2
  72. package/coverage/lcov-report/src/index.html +1 -1
  73. package/coverage/lcov-report/src/index.ts.html +12 -6
  74. package/coverage/lcov.info +466 -281
  75. package/dist/index.esm.js +173 -42
  76. package/dist/index.esm.js.map +1 -1
  77. package/docs-build/{0.b1b9b035.iframe.bundle.js → 0.968bdc5f.iframe.bundle.js} +2 -2
  78. package/docs-build/0.968bdc5f.iframe.bundle.js.map +1 -0
  79. package/docs-build/{1.c50fb367.iframe.bundle.js → 1.3530bc86.iframe.bundle.js} +3 -3
  80. package/docs-build/1.3530bc86.iframe.bundle.js.map +1 -0
  81. package/docs-build/{17.2e544968.iframe.bundle.js → 17.c96fb6bc.iframe.bundle.js} +2 -2
  82. package/docs-build/17.c96fb6bc.iframe.bundle.js.map +1 -0
  83. package/docs-build/{18.42087006.iframe.bundle.js → 18.0947f810.iframe.bundle.js} +3 -3
  84. package/docs-build/18.0947f810.iframe.bundle.js.map +1 -0
  85. package/docs-build/{19.7e782442.iframe.bundle.js → 19.44204e5a.iframe.bundle.js} +2 -2
  86. package/docs-build/19.44204e5a.iframe.bundle.js.map +1 -0
  87. package/docs-build/{2.e58dc625.iframe.bundle.js → 2.c62e9630.iframe.bundle.js} +2 -2
  88. package/docs-build/2.c62e9630.iframe.bundle.js.map +1 -0
  89. package/docs-build/{20.f009289a.iframe.bundle.js → 20.50a2ad76.iframe.bundle.js} +2 -2
  90. package/docs-build/20.50a2ad76.iframe.bundle.js.map +1 -0
  91. package/docs-build/{21.1cdc9040.iframe.bundle.js → 21.ce55b70e.iframe.bundle.js} +2 -2
  92. package/docs-build/21.ce55b70e.iframe.bundle.js.map +1 -0
  93. package/docs-build/{22.c9e6b2d7.iframe.bundle.js → 22.639c6bb4.iframe.bundle.js} +2 -2
  94. package/docs-build/22.639c6bb4.iframe.bundle.js.map +1 -0
  95. package/docs-build/{3.a8172b89.iframe.bundle.js → 3.afb0e0a5.iframe.bundle.js} +2 -2
  96. package/docs-build/3.afb0e0a5.iframe.bundle.js.map +1 -0
  97. package/docs-build/catalogue/mc_meta.json +1 -1
  98. package/docs-build/iframe.html +1 -1
  99. package/docs-build/main~24120820.e956ad2c.iframe.bundle.js +2 -0
  100. package/docs-build/main~24120820.e956ad2c.iframe.bundle.js.map +1 -0
  101. package/docs-build/thumbnails/MlMeasureTool.png +0 -0
  102. package/docs-build/{vendors~main~0ad7406a.2054ae7c.iframe.bundle.js → vendors~main~0ad7406a.834c9ace.iframe.bundle.js} +3 -3
  103. package/docs-build/vendors~main~0ad7406a.834c9ace.iframe.bundle.js.map +1 -0
  104. package/docs-build/vendors~main~0f485567.7297d057.iframe.bundle.js +2 -0
  105. package/docs-build/vendors~main~0f485567.7297d057.iframe.bundle.js.map +1 -0
  106. package/docs-build/{vendors~main~41a6ab2c.a947ed53.iframe.bundle.js → vendors~main~41a6ab2c.19d97527.iframe.bundle.js} +2 -2
  107. package/docs-build/vendors~main~41a6ab2c.19d97527.iframe.bundle.js.map +1 -0
  108. package/docs-build/{vendors~main~52589227.1d1558cd.iframe.bundle.js → vendors~main~52589227.cebbe724.iframe.bundle.js} +2 -2
  109. package/docs-build/vendors~main~52589227.cebbe724.iframe.bundle.js.map +1 -0
  110. package/docs-build/{vendors~main~57c1f6cb.6a433835.iframe.bundle.js → vendors~main~57c1f6cb.8a8dd47e.iframe.bundle.js} +2 -2
  111. package/docs-build/vendors~main~57c1f6cb.8a8dd47e.iframe.bundle.js.map +1 -0
  112. package/docs-build/{vendors~main~73914085.a8e03e3b.iframe.bundle.js → vendors~main~73914085.2e61c0dc.iframe.bundle.js} +13 -13
  113. package/docs-build/vendors~main~73914085.2e61c0dc.iframe.bundle.js.map +1 -0
  114. package/docs-build/{vendors~main~9c5b28f6.7b8beed1.iframe.bundle.js → vendors~main~9c5b28f6.32356887.iframe.bundle.js} +3 -3
  115. package/docs-build/vendors~main~9c5b28f6.32356887.iframe.bundle.js.map +1 -0
  116. package/docs-build/vendors~main~b5906859.94dc520a.iframe.bundle.js +21 -0
  117. package/docs-build/vendors~main~b5906859.94dc520a.iframe.bundle.js.map +1 -0
  118. package/docs-build/{vendors~main~b8f44717.7053e467.iframe.bundle.js → vendors~main~b8f44717.8669cfb8.iframe.bundle.js} +3 -3
  119. package/docs-build/vendors~main~b8f44717.8669cfb8.iframe.bundle.js.map +1 -0
  120. package/docs-build/{vendors~main~b9cf3951.a4fd68f5.iframe.bundle.js → vendors~main~b9cf3951.2a2025c3.iframe.bundle.js} +11 -11
  121. package/docs-build/vendors~main~b9cf3951.2a2025c3.iframe.bundle.js.map +1 -0
  122. package/docs-build/vendors~main~d939e436.bb2b0303.iframe.bundle.js +2 -0
  123. package/docs-build/vendors~main~d939e436.bb2b0303.iframe.bundle.js.map +1 -0
  124. package/docs-build/vendors~main~f420d588.3481b43e.iframe.bundle.js +107 -0
  125. package/docs-build/vendors~main~f420d588.3481b43e.iframe.bundle.js.map +1 -0
  126. package/package.json +1 -1
  127. package/public/catalogue/mc_meta.json +1 -0
  128. package/public/thumbnails/MlMeasureTool.png +0 -0
  129. package/src/components/MapLibreMap/MapLibreMap.stories.js +75 -20
  130. package/src/components/MapLibreMap/MapLibreMap.tsx +11 -1
  131. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.ts +2 -2
  132. package/src/components/MlFeatureEditor/MlFeatureEditor.tsx +3 -3
  133. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.test.js +1 -1
  134. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.tsx +82 -37
  135. package/src/components/MlLayerSwitcher/MlLayerSwitcher.js +1 -1
  136. package/src/components/MlMeasureTool/MlMeasureTool.doc.de.md +3 -0
  137. package/src/components/MlMeasureTool/MlMeasureTool.meta.json +15 -0
  138. package/src/components/MlMeasureTool/MlMeasureTool.stories.js +96 -0
  139. package/src/components/MlMeasureTool/MlMeasureTool.tsx +60 -0
  140. package/src/components/MlOsmLayer/{MlOsmLayer.stories.js → MlOsmLayer.stories_.js} +0 -0
  141. package/src/components/MlVectorTileLayer/MlVectorTileLayer.tsx +26 -8
  142. package/src/components/MlWmsLayer/MlWmsLayer.stories.js +2 -3
  143. package/src/components/MlWmsLayer/MlWmsLayer.tsx +27 -7
  144. package/src/components/MlWmsLoader/MlWmsLoader.tsx +1 -1
  145. package/src/hooks/useLayer.ts +27 -11
  146. package/src/hooks/useWms.js +1 -1
  147. package/src/index.ts +5 -4
  148. package/src/util/layerRemovalTest.js +5 -0
  149. package/docs-build/0.b1b9b035.iframe.bundle.js.map +0 -1
  150. package/docs-build/1.c50fb367.iframe.bundle.js.map +0 -1
  151. package/docs-build/17.2e544968.iframe.bundle.js.map +0 -1
  152. package/docs-build/18.42087006.iframe.bundle.js.map +0 -1
  153. package/docs-build/19.7e782442.iframe.bundle.js.map +0 -1
  154. package/docs-build/2.e58dc625.iframe.bundle.js.map +0 -1
  155. package/docs-build/20.f009289a.iframe.bundle.js.map +0 -1
  156. package/docs-build/21.1cdc9040.iframe.bundle.js.map +0 -1
  157. package/docs-build/22.c9e6b2d7.iframe.bundle.js.map +0 -1
  158. package/docs-build/3.a8172b89.iframe.bundle.js.map +0 -1
  159. package/docs-build/main~24120820.edd86ba9.iframe.bundle.js +0 -2
  160. package/docs-build/main~24120820.edd86ba9.iframe.bundle.js.map +0 -1
  161. package/docs-build/vendors~main~0ad7406a.2054ae7c.iframe.bundle.js.map +0 -1
  162. package/docs-build/vendors~main~0f485567.de36692f.iframe.bundle.js +0 -2
  163. package/docs-build/vendors~main~0f485567.de36692f.iframe.bundle.js.map +0 -1
  164. package/docs-build/vendors~main~41a6ab2c.a947ed53.iframe.bundle.js.map +0 -1
  165. package/docs-build/vendors~main~52589227.1d1558cd.iframe.bundle.js.map +0 -1
  166. package/docs-build/vendors~main~57c1f6cb.6a433835.iframe.bundle.js.map +0 -1
  167. package/docs-build/vendors~main~73914085.a8e03e3b.iframe.bundle.js.map +0 -1
  168. package/docs-build/vendors~main~9c5b28f6.7b8beed1.iframe.bundle.js.map +0 -1
  169. package/docs-build/vendors~main~b5906859.7f66dcaf.iframe.bundle.js +0 -21
  170. package/docs-build/vendors~main~b5906859.7f66dcaf.iframe.bundle.js.map +0 -1
  171. package/docs-build/vendors~main~b8f44717.7053e467.iframe.bundle.js.map +0 -1
  172. package/docs-build/vendors~main~b9cf3951.a4fd68f5.iframe.bundle.js.map +0 -1
  173. package/docs-build/vendors~main~d939e436.ba1cad1b.iframe.bundle.js +0 -2
  174. package/docs-build/vendors~main~d939e436.ba1cad1b.iframe.bundle.js.map +0 -1
  175. package/docs-build/vendors~main~f420d588.59c93444.iframe.bundle.js +0 -107
  176. package/docs-build/vendors~main~f420d588.59c93444.iframe.bundle.js.map +0 -1
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">88.57% </span>
26
+ <span class="strong">80% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>31/35</span>
28
+ <span class='fraction'>36/45</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">81.25% </span>
33
+ <span class="strong">59.09% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>13/16</span>
35
+ <span class='fraction'>13/22</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">80% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>3/3</span>
42
+ <span class='fraction'>4/5</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">87.87% </span>
47
+ <span class="strong">80.95% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>29/33</span>
49
+ <span class='fraction'>34/42</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file high" data-value="MlVectorTileLayer.tsx"><a href="MlVectorTileLayer.tsx.html">MlVectorTileLayer.tsx</a></td>
83
- <td data-value="88.57" class="pic high">
84
- <div class="chart"><div class="cover-fill" style="width: 88%"></div><div class="cover-empty" style="width: 12%"></div></div>
83
+ <td data-value="80" class="pic high">
84
+ <div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
85
85
  </td>
86
- <td data-value="88.57" class="pct high">88.57%</td>
87
- <td data-value="35" class="abs high">31/35</td>
88
- <td data-value="81.25" class="pct high">81.25%</td>
89
- <td data-value="16" class="abs high">13/16</td>
90
- <td data-value="100" class="pct high">100%</td>
91
- <td data-value="3" class="abs high">3/3</td>
92
- <td data-value="87.87" class="pct high">87.87%</td>
93
- <td data-value="33" class="abs high">29/33</td>
86
+ <td data-value="80" class="pct high">80%</td>
87
+ <td data-value="45" class="abs high">36/45</td>
88
+ <td data-value="59.09" class="pct medium">59.09%</td>
89
+ <td data-value="22" class="abs medium">13/22</td>
90
+ <td data-value="80" class="pct high">80%</td>
91
+ <td data-value="5" class="abs high">4/5</td>
92
+ <td data-value="80.95" class="pct high">80.95%</td>
93
+ <td data-value="42" class="abs high">34/42</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -262,7 +262,7 @@ export default MlWmsFeatureInfoPopup;
262
262
  <div class='footer quiet pad2 space-top1 center small'>
263
263
  Code coverage generated by
264
264
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
265
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
265
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
266
266
  </div>
267
267
  <script src="../../../prettify.js"></script>
268
268
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">86.66% </span>
26
+ <span class="strong">77.5% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>26/30</span>
28
+ <span class='fraction'>31/40</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">81.25% </span>
33
+ <span class="strong">59.09% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>13/16</span>
35
+ <span class='fraction'>13/22</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">80% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>3/3</span>
42
+ <span class='fraction'>4/5</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">85.71% </span>
47
+ <span class="strong">78.37% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>24/28</span>
49
+ <span class='fraction'>29/37</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line high'></div>
64
+ <div class='status-line medium'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -243,7 +243,27 @@
243
243
  <a name='L178'></a><a href='#L178'>178</a>
244
244
  <a name='L179'></a><a href='#L179'>179</a>
245
245
  <a name='L180'></a><a href='#L180'>180</a>
246
- <a name='L181'></a><a href='#L181'>181</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
246
+ <a name='L181'></a><a href='#L181'>181</a>
247
+ <a name='L182'></a><a href='#L182'>182</a>
248
+ <a name='L183'></a><a href='#L183'>183</a>
249
+ <a name='L184'></a><a href='#L184'>184</a>
250
+ <a name='L185'></a><a href='#L185'>185</a>
251
+ <a name='L186'></a><a href='#L186'>186</a>
252
+ <a name='L187'></a><a href='#L187'>187</a>
253
+ <a name='L188'></a><a href='#L188'>188</a>
254
+ <a name='L189'></a><a href='#L189'>189</a>
255
+ <a name='L190'></a><a href='#L190'>190</a>
256
+ <a name='L191'></a><a href='#L191'>191</a>
257
+ <a name='L192'></a><a href='#L192'>192</a>
258
+ <a name='L193'></a><a href='#L193'>193</a>
259
+ <a name='L194'></a><a href='#L194'>194</a>
260
+ <a name='L195'></a><a href='#L195'>195</a>
261
+ <a name='L196'></a><a href='#L196'>196</a>
262
+ <a name='L197'></a><a href='#L197'>197</a>
263
+ <a name='L198'></a><a href='#L198'>198</a>
264
+ <a name='L199'></a><a href='#L199'>199</a>
265
+ <a name='L200'></a><a href='#L200'>200</a>
266
+ <a name='L201'></a><a href='#L201'>201</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
247
267
  <span class="cline-any cline-neutral">&nbsp;</span>
248
268
  <span class="cline-any cline-neutral">&nbsp;</span>
249
269
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -309,10 +329,14 @@
309
329
  <span class="cline-any cline-yes">12x</span>
310
330
  <span class="cline-any cline-neutral">&nbsp;</span>
311
331
  <span class="cline-any cline-yes">12x</span>
312
- <span class="cline-any cline-yes">12x</span>
332
+ <span class="cline-any cline-yes">8x</span>
313
333
  <span class="cline-any cline-neutral">&nbsp;</span>
314
334
  <span class="cline-any cline-yes">4x</span>
315
335
  <span class="cline-any cline-neutral">&nbsp;</span>
336
+ <span class="cline-any cline-yes">4x</span>
337
+ <span class="cline-any cline-no">&nbsp;</span>
338
+ <span class="cline-any cline-neutral">&nbsp;</span>
339
+ <span class="cline-any cline-neutral">&nbsp;</span>
316
340
  <span class="cline-any cline-neutral">&nbsp;</span>
317
341
  <span class="cline-any cline-yes">4x</span>
318
342
  <span class="cline-any cline-yes">4x</span>
@@ -330,7 +354,6 @@
330
354
  <span class="cline-any cline-neutral">&nbsp;</span>
331
355
  <span class="cline-any cline-yes">4x</span>
332
356
  <span class="cline-any cline-neutral">&nbsp;</span>
333
- <span class="cline-any cline-neutral">&nbsp;</span>
334
357
  <span class="cline-any cline-yes">4x</span>
335
358
  <span class="cline-any cline-neutral">&nbsp;</span>
336
359
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -354,6 +377,17 @@
354
377
  <span class="cline-any cline-neutral">&nbsp;</span>
355
378
  <span class="cline-any cline-neutral">&nbsp;</span>
356
379
  <span class="cline-any cline-neutral">&nbsp;</span>
380
+ <span class="cline-any cline-neutral">&nbsp;</span>
381
+ <span class="cline-any cline-yes">4x</span>
382
+ <span class="cline-any cline-neutral">&nbsp;</span>
383
+ <span class="cline-any cline-neutral">&nbsp;</span>
384
+ <span class="cline-any cline-no">&nbsp;</span>
385
+ <span class="cline-any cline-no">&nbsp;</span>
386
+ <span class="cline-any cline-no">&nbsp;</span>
387
+ <span class="cline-any cline-neutral">&nbsp;</span>
388
+ <span class="cline-any cline-neutral">&nbsp;</span>
389
+ <span class="cline-any cline-neutral">&nbsp;</span>
390
+ <span class="cline-any cline-neutral">&nbsp;</span>
357
391
  <span class="cline-any cline-yes">4x</span>
358
392
  <span class="cline-any cline-no">&nbsp;</span>
359
393
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -362,6 +396,12 @@
362
396
  <span class="cline-any cline-yes">12x</span>
363
397
  <span class="cline-any cline-yes">8x</span>
364
398
  <span class="cline-any cline-neutral">&nbsp;</span>
399
+ <span class="cline-any cline-yes">8x</span>
400
+ <span class="cline-any cline-neutral">&nbsp;</span>
401
+ <span class="cline-any cline-neutral">&nbsp;</span>
402
+ <span class="cline-any cline-yes">12x</span>
403
+ <span class="cline-any cline-yes">8x</span>
404
+ <span class="cline-any cline-neutral">&nbsp;</span>
365
405
  <span class="cline-any cline-neutral">&nbsp;</span>
366
406
  <span class="cline-any cline-yes">4x</span>
367
407
  <span class="cline-any cline-yes">4x</span>
@@ -423,7 +463,7 @@
423
463
  <span class="cline-any cline-neutral">&nbsp;</span>
424
464
  <span class="cline-any cline-neutral">&nbsp;</span>
425
465
  <span class="cline-any cline-neutral">&nbsp;</span>
426
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect } from "react";
466
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect, useCallback } from "react";
427
467
  import useMap from "../../hooks/useMap";
428
468
  &nbsp;
429
469
  import PropTypes from "prop-types";
@@ -479,7 +519,7 @@ interface MlWmsLayerProps {
479
519
  *
480
520
  * @component
481
521
  */
482
- const MlWmsLayer = (props:MlWmsLayerProps) =&gt; {
522
+ const MlWmsLayer = (props: MlWmsLayerProps) =&gt; {
483
523
  const mapHook = useMap({
484
524
  mapId: props.mapId,
485
525
  waitForLayer: props.insertBeforeLayer,
@@ -488,10 +528,14 @@ const MlWmsLayer = (props:MlWmsLayerProps) =&gt; {
488
528
  const initializedRef = useRef(false);
489
529
  const layerId = useRef(props.layerId || "MlWmsLayer-" + mapHook.componentId);
490
530
  &nbsp;
491
- useEffect(() =&gt; {
492
- if (!mapHook.map || initializedRef.current) return;
531
+ const createLayer = useCallback(() =&gt; {
532
+ if (!mapHook.map) return;
493
533
  &nbsp;
494
534
  initializedRef.current = true;
535
+ &nbsp;
536
+ <span class="missing-if-branch" title="if path not taken" >I</span>if (mapHook.map.map.getLayer(layerId.current)) {
537
+ <span class="cstat-no" title="statement not covered" > mapHook.cleanup();</span>
538
+ }
495
539
  &nbsp;
496
540
  let _propsUrlParams;
497
541
  let _wmsUrl = props.url;
@@ -508,8 +552,7 @@ const MlWmsLayer = (props:MlWmsLayerProps) =&gt; {
508
552
  };
509
553
  let urlParams = new URLSearchParams(urlParamsObj);
510
554
  let urlParamsStr =
511
- decodeURIComponent(urlParams.toString()) +
512
- "".replace(/%2F/g, "/").replace(/%3A/g, ":");
555
+ decodeURIComponent(urlParams.toString()) + "".replace(/%2F/g, "/").replace(/%3A/g, ":");
513
556
  &nbsp;
514
557
  mapHook.map.addSource(
515
558
  layerId.current,
@@ -534,10 +577,27 @@ const MlWmsLayer = (props:MlWmsLayerProps) =&gt; {
534
577
  mapHook.componentId
535
578
  );
536
579
  &nbsp;
580
+ // recreate layer if map style.json has changed
581
+ mapHook.map.on(
582
+ "styledata",
583
+ <span class="fstat-no" title="function not covered" > ()</span> =&gt; {
584
+ <span class="cstat-no" title="statement not covered" > if (initializedRef.current &amp;&amp; !mapHook.map?.map.getLayer(layerId.current)) {</span>
585
+ <span class="cstat-no" title="statement not covered" > console.log("Recreate Layer " + layerId.current);</span>
586
+ <span class="cstat-no" title="statement not covered" > createLayer();</span>
587
+ }
588
+ },
589
+ mapHook.componentId
590
+ );
537
591
  <span class="missing-if-branch" title="if path not taken" >I</span>if (!props.visible) {
538
592
  <span class="cstat-no" title="statement not covered" > mapHook.map.map.setLayoutProperty(layerId.current, "visibility", "none");</span>
539
593
  }
540
- }, [mapHook, props]);
594
+ }, [mapHook.map, props]);
595
+ &nbsp;
596
+ useEffect(() =&gt; {
597
+ <span class="missing-if-branch" title="if path not taken" >I</span>if (initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span>
598
+ &nbsp;
599
+ createLayer();
600
+ }, [createLayer]);
541
601
  &nbsp;
542
602
  useEffect(() =&gt; {
543
603
  if (!mapHook.map || !initializedRef.current) return;
@@ -610,7 +670,7 @@ export default MlWmsLayer;
610
670
  <div class='footer quiet pad2 space-top1 center small'>
611
671
  Code coverage generated by
612
672
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
613
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
673
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
614
674
  </div>
615
675
  <script src="../../../prettify.js"></script>
616
676
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">86.66% </span>
26
+ <span class="strong">77.5% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>26/30</span>
28
+ <span class='fraction'>31/40</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">81.25% </span>
33
+ <span class="strong">59.09% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>13/16</span>
35
+ <span class='fraction'>13/22</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">80% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>3/3</span>
42
+ <span class='fraction'>4/5</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">85.71% </span>
47
+ <span class="strong">78.37% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>24/28</span>
49
+ <span class='fraction'>29/37</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line high'></div>
64
+ <div class='status-line medium'></div>
65
65
  <div class="pad1">
66
66
  <table class="coverage-summary">
67
67
  <thead>
@@ -79,18 +79,18 @@
79
79
  </tr>
80
80
  </thead>
81
81
  <tbody><tr>
82
- <td class="file high" data-value="MlWmsLayer.tsx"><a href="MlWmsLayer.tsx.html">MlWmsLayer.tsx</a></td>
83
- <td data-value="86.66" class="pic high">
84
- <div class="chart"><div class="cover-fill" style="width: 86%"></div><div class="cover-empty" style="width: 14%"></div></div>
82
+ <td class="file medium" data-value="MlWmsLayer.tsx"><a href="MlWmsLayer.tsx.html">MlWmsLayer.tsx</a></td>
83
+ <td data-value="77.5" class="pic medium">
84
+ <div class="chart"><div class="cover-fill" style="width: 77%"></div><div class="cover-empty" style="width: 23%"></div></div>
85
85
  </td>
86
- <td data-value="86.66" class="pct high">86.66%</td>
87
- <td data-value="30" class="abs high">26/30</td>
88
- <td data-value="81.25" class="pct high">81.25%</td>
89
- <td data-value="16" class="abs high">13/16</td>
90
- <td data-value="100" class="pct high">100%</td>
91
- <td data-value="3" class="abs high">3/3</td>
92
- <td data-value="85.71" class="pct high">85.71%</td>
93
- <td data-value="28" class="abs high">24/28</td>
86
+ <td data-value="77.5" class="pct medium">77.5%</td>
87
+ <td data-value="40" class="abs medium">31/40</td>
88
+ <td data-value="59.09" class="pct medium">59.09%</td>
89
+ <td data-value="22" class="abs medium">13/22</td>
90
+ <td data-value="80" class="pct high">80%</td>
91
+ <td data-value="5" class="abs high">4/5</td>
92
+ <td data-value="78.37" class="pct medium">78.37%</td>
93
+ <td data-value="37" class="abs medium">29/37</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -1006,7 +1006,7 @@ const MlWmsLoader = <span class="cstat-no" title="statement not covered" ><span
1006
1006
  urlParameters: {
1007
1007
  SERVICE: "WMS",
1008
1008
  VERSION: "1.3.0",
1009
- REQUEST: "getCapabilities",
1009
+ REQUEST: "GetCapabilities",
1010
1010
  },
1011
1011
  wmsUrlParameters: {
1012
1012
  TRANSPARENT: "TRUE",
@@ -1021,7 +1021,7 @@ export default MlWmsLoader;
1021
1021
  <div class='footer quiet pad2 space-top1 center small'>
1022
1022
  Code coverage generated by
1023
1023
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1024
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
1024
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
1025
1025
  </div>
1026
1026
  <script src="../../../prettify.js"></script>
1027
1027
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -343,7 +343,7 @@ export default MapContext;</pre></td></tr></table></pre>
343
343
  <div class='footer quiet pad2 space-top1 center small'>
344
344
  Code coverage generated by
345
345
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
346
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
346
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
347
347
  </div>
348
348
  <script src="../../prettify.js"></script>
349
349
  <script>
@@ -88,7 +88,7 @@ export default SimpleDataContext;
88
88
  <div class='footer quiet pad2 space-top1 center small'>
89
89
  Code coverage generated by
90
90
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
91
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
91
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
92
92
  </div>
93
93
  <script src="../../prettify.js"></script>
94
94
  <script>
@@ -262,7 +262,7 @@ export default SimpleDataProvider;
262
262
  <div class='footer quiet pad2 space-top1 center small'>
263
263
  Code coverage generated by
264
264
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
265
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
265
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
266
266
  </div>
267
267
  <script src="../../prettify.js"></script>
268
268
  <script>
@@ -131,7 +131,7 @@
131
131
  <div class='footer quiet pad2 space-top1 center small'>
132
132
  Code coverage generated by
133
133
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
134
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
135
135
  </div>
136
136
  <script src="../../prettify.js"></script>
137
137
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">55.36% </span>
26
+ <span class="strong">54.14% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>98/177</span>
28
+ <span class='fraction'>98/181</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">51.96% </span>
33
+ <span class="strong">49.05% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>53/102</span>
35
+ <span class='fraction'>52/106</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">60.71% </span>
40
+ <span class="strong">57.14% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>17/28</span>
42
+ <span class='fraction'>16/28</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">55.35% </span>
47
+ <span class="strong">54.33% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>93/168</span>
49
+ <span class='fraction'>94/173</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file medium" data-value="useLayer.ts"><a href="useLayer.ts.html">useLayer.ts</a></td>
83
- <td data-value="74.57" class="pic medium">
84
- <div class="chart"><div class="cover-fill" style="width: 74%"></div><div class="cover-empty" style="width: 26%"></div></div>
83
+ <td data-value="69.84" class="pic medium">
84
+ <div class="chart"><div class="cover-fill" style="width: 69%"></div><div class="cover-empty" style="width: 31%"></div></div>
85
85
  </td>
86
- <td data-value="74.57" class="pct medium">74.57%</td>
87
- <td data-value="59" class="abs medium">44/59</td>
88
- <td data-value="68.51" class="pct medium">68.51%</td>
89
- <td data-value="54" class="abs medium">37/54</td>
90
- <td data-value="100" class="pct high">100%</td>
91
- <td data-value="8" class="abs high">8/8</td>
92
- <td data-value="74.54" class="pct medium">74.54%</td>
93
- <td data-value="55" class="abs medium">41/55</td>
86
+ <td data-value="69.84" class="pct medium">69.84%</td>
87
+ <td data-value="63" class="abs medium">44/63</td>
88
+ <td data-value="62.06" class="pct medium">62.06%</td>
89
+ <td data-value="58" class="abs medium">36/58</td>
90
+ <td data-value="87.5" class="pct high">87.5%</td>
91
+ <td data-value="8" class="abs high">7/8</td>
92
+ <td data-value="70" class="pct medium">70%</td>
93
+ <td data-value="60" class="abs medium">42/60</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
@@ -146,7 +146,7 @@
146
146
  <div class='footer quiet pad2 space-top1 center small'>
147
147
  Code coverage generated by
148
148
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
149
- at Tue May 10 2022 15:12:51 GMT+0000 (Coordinated Universal Time)
149
+ at Wed Jun 15 2022 17:08:11 GMT+0000 (Coordinated Universal Time)
150
150
  </div>
151
151
  <script src="../../prettify.js"></script>
152
152
  <script>