@mapcomponents/react-maplibre 0.1.24 → 0.1.28

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 (112) hide show
  1. package/CHANGELOG.md +72 -7
  2. package/coverage/clover.xml +461 -489
  3. package/coverage/coverage-final.json +21 -20
  4. package/coverage/lcov-report/index.html +94 -79
  5. package/coverage/lcov-report/src/components/MapLibreMap/MapLibreMap.js.html +22 -22
  6. package/coverage/lcov-report/src/components/MapLibreMap/index.html +1 -1
  7. package/coverage/lcov-report/src/components/MlCreatePdfButton/MlCreatePdfButton.js.html +11 -11
  8. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +11 -11
  9. package/coverage/lcov-report/src/components/MlFeatureEditor/MlFeatureEditor.js.html +1 -1
  10. package/coverage/lcov-report/src/components/MlFeatureEditor/index.html +1 -1
  11. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.js.html +4 -4
  12. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +1 -1
  13. package/coverage/lcov-report/src/components/MlFollowGps/MlFollowGps.js.html +212 -77
  14. package/coverage/lcov-report/src/components/MlFollowGps/index.html +19 -19
  15. package/coverage/lcov-report/src/components/MlGPXViewer/MlGPXViewer.js.html +129 -165
  16. package/coverage/lcov-report/src/components/MlGPXViewer/gpxConverter.js.html +8 -8
  17. package/coverage/lcov-report/src/components/MlGPXViewer/index.html +20 -20
  18. package/coverage/lcov-report/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js.html +45 -297
  19. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +19 -19
  20. package/coverage/lcov-report/src/components/MlImageMarkerLayer/MlImageMarkerLayer.js.html +1 -1
  21. package/coverage/lcov-report/src/components/MlImageMarkerLayer/index.html +1 -1
  22. package/coverage/lcov-report/src/components/MlLayer/MlLayer.js.html +2 -2
  23. package/coverage/lcov-report/src/components/MlLayer/index.html +1 -1
  24. package/coverage/lcov-report/src/components/MlLayerMagnify/MlLayerMagnify.js.html +4 -4
  25. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +1 -1
  26. package/coverage/lcov-report/src/components/MlLayerSwipe/MlLayerSwipe.js.html +3 -3
  27. package/coverage/lcov-report/src/components/MlLayerSwipe/index.html +1 -1
  28. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +1 -1
  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.js.html +1 -1
  33. package/coverage/lcov-report/src/components/MlMarker/index.html +1 -1
  34. package/coverage/lcov-report/src/components/MlNavigationCompass/MlNavigationCompass.js.html +38 -104
  35. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +19 -19
  36. package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.js.html +40 -139
  37. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +15 -15
  38. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +32 -155
  39. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +19 -19
  40. package/coverage/lcov-report/src/components/MlScaleReference/MlScaleReference.js.html +39 -198
  41. package/coverage/lcov-report/src/components/MlScaleReference/index.html +9 -9
  42. package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html +1 -1
  43. package/coverage/lcov-report/src/components/MlShareMapState/index.html +1 -1
  44. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +4 -4
  45. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/index.html +1 -1
  46. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreeJsLayer.js.html +1 -1
  47. package/coverage/lcov-report/src/components/MlThreeJsLayer/index.html +1 -1
  48. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.js.html +580 -0
  49. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/index.html +116 -0
  50. package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html +1 -1
  51. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +1 -1
  52. package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.js.html +3 -3
  53. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +1 -1
  54. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +1 -1
  55. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +1 -1
  56. package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.js.html +8 -11
  57. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +1 -1
  58. package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.js.html +1 -1
  59. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +1 -1
  60. package/coverage/lcov-report/src/hooks/index.html +6 -6
  61. package/coverage/lcov-report/src/hooks/useMap.js.html +38 -26
  62. package/coverage/lcov-report/src/hooks/useMapState.js.html +47 -38
  63. package/coverage/lcov-report/src/hooks/useWms.js.html +2 -2
  64. package/coverage/lcov-report/src/i18n.js.html +1 -1
  65. package/coverage/lcov-report/src/index.html +1 -1
  66. package/coverage/lcov-report/src/translations/english.js.html +1 -1
  67. package/coverage/lcov-report/src/translations/german.js.html +1 -1
  68. package/coverage/lcov-report/src/translations/index.html +1 -1
  69. package/coverage/lcov.info +826 -882
  70. package/dist/index.esm.js +288 -517
  71. package/dist/index.esm.js.map +1 -1
  72. package/jsdoc.json +3 -3
  73. package/package.json +9 -9
  74. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.js +5 -1
  75. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.test.js +3 -3
  76. package/src/components/MlFeatureEditor/MlFeatureEditor.test.js +2 -2
  77. package/src/components/MlFollowGps/MlFollowGps.js +99 -54
  78. package/src/components/MlFollowGps/MlFollowGps.test.js +1 -1
  79. package/src/components/MlGPXViewer/MlGPXViewer.js +69 -81
  80. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js +6 -90
  81. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.stories.js +4 -22
  82. package/src/components/MlGeoJsonLayer/util/getDefaultPaintPropsByType.js +2 -2
  83. package/src/components/MlNavigationCompass/MlNavigationCompass.js +17 -39
  84. package/src/components/MlNavigationCompass/MlNavigationCompass.test.js +3 -3
  85. package/src/components/MlNavigationTools/MlNavigationTools.js +30 -63
  86. package/src/components/MlOsmLayer/MlOsmLayer.js +15 -56
  87. package/src/components/MlOsmLayer/MlOsmLayer.stories.js +21 -10
  88. package/src/components/MlOsmLayer/MlOsmLayer.test.js +4 -4
  89. package/src/components/MlScaleReference/MlScaleReference.js +29 -82
  90. package/src/components/MlShareMapState/MlShareMapState.stories.js +1 -3
  91. package/src/components/MlThreeJsLayer/lib/GLTFLoader.js +2369 -2591
  92. package/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.doc.de.md +3 -0
  93. package/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.js +165 -0
  94. package/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.meta.json +15 -0
  95. package/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.stories.js +52 -0
  96. package/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.test.js +20 -0
  97. package/src/components/MlTransitionGeoJsonLayer/assets/sample_1.json +26 -0
  98. package/src/components/MlTransitionGeoJsonLayer/assets/sample_2.json +22 -0
  99. package/src/components/MlTransitionGeoJsonLayer/assets/sample_polygon_1.json +33 -0
  100. package/src/components/{MlGeoJsonLayer → MlTransitionGeoJsonLayer}/util/transitionFunctions.js +63 -97
  101. package/src/components/MlWmsLayer/MlWmsLayer.js +1 -2
  102. package/src/decorators/MapContextDecorator.js +5 -0
  103. package/src/decorators/MultiMapContextDecorator.js +6 -0
  104. package/src/hooks/useMap.js +8 -4
  105. package/src/hooks/useMapState.js +4 -1
  106. package/src/hooks/useWms.js +1 -1
  107. package/dist/b556faa3bc6829d2.png +0 -0
  108. package/src/components/MlFollowGps/assets/marker.png +0 -0
  109. package/src/decorators/EmptyMapContextDecorator.js +0 -25
  110. package/src/decorators/MapContext3DDecorator.js +0 -39
  111. package/src/decorators/MapContextDashboardDecorator.js +0 -19
  112. package/src/decorators/MapContextKlokantechBasicDecorator.js +0 -39
package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/index.html ADDED
@@ -0,0 +1,116 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for src/components/MlTransitionGeoJsonLayer</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../../index.html">All files</a> src/components/MlTransitionGeoJsonLayer</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">71.79% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>28/39</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">50% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>11/22</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">85.71% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>6/7</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">70.27% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>26/37</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line medium'></div>
65
+ <div class="pad1">
66
+ <table class="coverage-summary">
67
+ <thead>
68
+ <tr>
69
+ <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
70
+ <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
71
+ <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
72
+ <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
73
+ <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
74
+ <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
75
+ <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
76
+ <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
77
+ <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
78
+ <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
79
+ </tr>
80
+ </thead>
81
+ <tbody><tr>
82
+ <td class="file medium" data-value="MlTransitionGeoJsonLayer.js"><a href="MlTransitionGeoJsonLayer.js.html">MlTransitionGeoJsonLayer.js</a></td>
83
+ <td data-value="71.79" class="pic medium">
84
+ <div class="chart"><div class="cover-fill" style="width: 71%"></div><div class="cover-empty" style="width: 29%"></div></div>
85
+ </td>
86
+ <td data-value="71.79" class="pct medium">71.79%</td>
87
+ <td data-value="39" class="abs medium">28/39</td>
88
+ <td data-value="50" class="pct medium">50%</td>
89
+ <td data-value="22" class="abs medium">11/22</td>
90
+ <td data-value="85.71" class="pct high">85.71%</td>
91
+ <td data-value="7" class="abs high">6/7</td>
92
+ <td data-value="70.27" class="pct medium">70.27%</td>
93
+ <td data-value="37" class="abs medium">26/37</td>
94
+ </tr>
95
+
96
+ </tbody>
97
+ </table>
98
+ </div>
99
+ <div class='push'></div><!-- for sticky footer -->
100
+ </div><!-- /wrapper -->
101
+ <div class='footer quiet pad2 space-top1 center small'>
102
+ Code coverage generated by
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
105
+ </div>
106
+ <script src="../../../prettify.js"></script>
107
+ <script>
108
+ window.onload = function () {
109
+ prettyPrint();
110
+ };
111
+ </script>
112
+ <script src="../../../sorter.js"></script>
113
+ <script src="../../../block-navigation.js"></script>
114
+ </body>
115
+ </html>
116
+
package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html CHANGED
@@ -295,7 +295,7 @@ export default MlUseMapDebugger;
295
295
  <div class='footer quiet pad2 space-top1 center small'>
296
296
  Code coverage generated by
297
297
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
298
- at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
298
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
299
299
  </div>
300
300
  <script src="../../../prettify.js"></script>
301
301
  <script>
package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html CHANGED
@@ -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 Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
104
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.js.html CHANGED
@@ -196,7 +196,7 @@
196
196
  <span class="cline-any cline-neutral">&nbsp;</span>
197
197
  <span class="cline-any cline-neutral">&nbsp;</span>
198
198
  <span class="cline-any cline-neutral">&nbsp;</span>
199
- <span class="cline-any cline-yes">1x</span>
199
+ <span class="cline-any cline-yes">2x</span>
200
200
  <span class="cline-any cline-yes">12x</span>
201
201
  <span class="cline-any cline-neutral">&nbsp;</span>
202
202
  <span class="cline-any cline-yes">12x</span>
@@ -289,7 +289,7 @@
289
289
  <span class="cline-any cline-yes">12x</span>
290
290
  <span class="cline-any cline-neutral">&nbsp;</span>
291
291
  <span class="cline-any cline-neutral">&nbsp;</span>
292
- <span class="cline-any cline-yes">1x</span>
292
+ <span class="cline-any cline-yes">2x</span>
293
293
  <span class="cline-any cline-neutral">&nbsp;</span>
294
294
  <span class="cline-any cline-neutral">&nbsp;</span>
295
295
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -439,7 +439,7 @@ export default MlVectorTileLayer;
439
439
  <div class='footer quiet pad2 space-top1 center small'>
440
440
  Code coverage generated by
441
441
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
442
- at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
442
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
443
443
  </div>
444
444
  <script src="../../../prettify.js"></script>
445
445
  <script>
package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html CHANGED
@@ -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 Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
104
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html CHANGED
@@ -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 Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
265
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
266
266
  </div>
267
267
  <script src="../../../prettify.js"></script>
268
268
  <script>
package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html CHANGED
@@ -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 Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
104
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.js.html CHANGED
@@ -228,14 +228,13 @@
228
228
  <a name='L163'></a><a href='#L163'>163</a>
229
229
  <a name='L164'></a><a href='#L164'>164</a>
230
230
  <a name='L165'></a><a href='#L165'>165</a>
231
- <a name='L166'></a><a href='#L166'>166</a>
232
- <a name='L167'></a><a href='#L167'>167</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
231
+ <a name='L166'></a><a href='#L166'>166</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
233
232
  <span class="cline-any cline-neutral">&nbsp;</span>
234
233
  <span class="cline-any cline-neutral">&nbsp;</span>
235
234
  <span class="cline-any cline-neutral">&nbsp;</span>
236
235
  <span class="cline-any cline-neutral">&nbsp;</span>
236
+ <span class="cline-any cline-yes">2x</span>
237
237
  <span class="cline-any cline-neutral">&nbsp;</span>
238
- <span class="cline-any cline-yes">1x</span>
239
238
  <span class="cline-any cline-neutral">&nbsp;</span>
240
239
  <span class="cline-any cline-neutral">&nbsp;</span>
241
240
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -274,15 +273,14 @@
274
273
  <span class="cline-any cline-neutral">&nbsp;</span>
275
274
  <span class="cline-any cline-neutral">&nbsp;</span>
276
275
  <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-neutral">&nbsp;</span>
278
- <span class="cline-any cline-yes">1x</span>
276
+ <span class="cline-any cline-yes">2x</span>
279
277
  <span class="cline-any cline-yes">12x</span>
280
278
  <span class="cline-any cline-neutral">&nbsp;</span>
281
279
  <span class="cline-any cline-yes">12x</span>
282
280
  <span class="cline-any cline-yes">12x</span>
283
281
  <span class="cline-any cline-neutral">&nbsp;</span>
284
282
  <span class="cline-any cline-yes">12x</span>
285
- <span class="cline-any cline-yes">8x</span>
283
+ <span class="cline-any cline-yes">12x</span>
286
284
  <span class="cline-any cline-neutral">&nbsp;</span>
287
285
  <span class="cline-any cline-yes">4x</span>
288
286
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -345,11 +343,11 @@
345
343
  <span class="cline-any cline-yes">12x</span>
346
344
  <span class="cline-any cline-neutral">&nbsp;</span>
347
345
  <span class="cline-any cline-neutral">&nbsp;</span>
348
- <span class="cline-any cline-yes">1x</span>
346
+ <span class="cline-any cline-yes">2x</span>
349
347
  <span class="cline-any cline-neutral">&nbsp;</span>
350
348
  <span class="cline-any cline-neutral">&nbsp;</span>
351
349
  <span class="cline-any cline-neutral">&nbsp;</span>
352
- <span class="cline-any cline-yes">1x</span>
350
+ <span class="cline-any cline-yes">2x</span>
353
351
  <span class="cline-any cline-neutral">&nbsp;</span>
354
352
  <span class="cline-any cline-neutral">&nbsp;</span>
355
353
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -399,7 +397,6 @@
399
397
  import useMap from "../../hooks/useMap";
400
398
  &nbsp;
401
399
  import PropTypes from "prop-types";
402
- import { v4 as uuidv4 } from "uuid";
403
400
  &nbsp;
404
401
  const defaultProps = {
405
402
  visible: true,
@@ -495,7 +492,7 @@ const MlWmsLayer = (props) =&gt; {
495
492
  <span class="missing-if-branch" title="if path not taken" >I</span>if (!props.visible) {
496
493
  <span class="cstat-no" title="statement not covered" > mapHook.map.setLayoutProperty(layerId.current, "visibility", "none");</span>
497
494
  }
498
- }, [mapHook.map, props]);
495
+ }, [mapHook, props]);
499
496
  &nbsp;
500
497
  useEffect(() =&gt; {
501
498
  if (!mapHook.map || !initializedRef.current) return;
@@ -568,7 +565,7 @@ export default MlWmsLayer;
568
565
  <div class='footer quiet pad2 space-top1 center small'>
569
566
  Code coverage generated by
570
567
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
571
- at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
568
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
572
569
  </div>
573
570
  <script src="../../../prettify.js"></script>
574
571
  <script>
package/coverage/lcov-report/src/components/MlWmsLayer/index.html CHANGED
@@ -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 Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
104
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.js.html CHANGED
@@ -964,7 +964,7 @@ export default MlWmsLoader;
964
964
  <div class='footer quiet pad2 space-top1 center small'>
965
965
  Code coverage generated by
966
966
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
967
- at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
967
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
968
968
  </div>
969
969
  <script src="../../../prettify.js"></script>
970
970
  <script>
package/coverage/lcov-report/src/components/MlWmsLoader/index.html CHANGED
@@ -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 Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
104
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/src/hooks/index.html CHANGED
@@ -30,9 +30,9 @@
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">33.33% </span>
33
+ <span class="strong">36.36% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>14/42</span>
35
+ <span class='fraction'>16/44</span>
36
36
  </div>
37
37
 
38
38
 
@@ -86,7 +86,7 @@
86
86
  <td data-value="78.57" class="pct medium">78.57%</td>
87
87
  <td data-value="28" class="abs medium">22/28</td>
88
88
  <td data-value="50" class="pct medium">50%</td>
89
- <td data-value="12" class="abs medium">6/12</td>
89
+ <td data-value="14" class="abs medium">7/14</td>
90
90
  <td data-value="80" class="pct high">80%</td>
91
91
  <td data-value="5" class="abs high">4/5</td>
92
92
  <td data-value="77.77" class="pct medium">77.77%</td>
@@ -100,8 +100,8 @@
100
100
  </td>
101
101
  <td data-value="75.55" class="pct medium">75.55%</td>
102
102
  <td data-value="45" class="abs medium">34/45</td>
103
- <td data-value="36.36" class="pct low">36.36%</td>
104
- <td data-value="22" class="abs low">8/22</td>
103
+ <td data-value="40.9" class="pct low">40.9%</td>
104
+ <td data-value="22" class="abs low">9/22</td>
105
105
  <td data-value="71.42" class="pct medium">71.42%</td>
106
106
  <td data-value="7" class="abs medium">5/7</td>
107
107
  <td data-value="75" class="pct medium">75%</td>
@@ -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 Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
134
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
135
135
  </div>
136
136
  <script src="../../prettify.js"></script>
137
137
  <script>
package/coverage/lcov-report/src/hooks/useMap.js.html CHANGED
@@ -32,7 +32,7 @@
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>6/12</span>
35
+ <span class='fraction'>7/14</span>
36
36
  </div>
37
37
 
38
38
 
@@ -133,16 +133,20 @@
133
133
  <a name='L68'></a><a href='#L68'>68</a>
134
134
  <a name='L69'></a><a href='#L69'>69</a>
135
135
  <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
137
141
  <span class="cline-any cline-neutral">&nbsp;</span>
138
142
  <span class="cline-any cline-neutral">&nbsp;</span>
139
143
  <span class="cline-any cline-neutral">&nbsp;</span>
140
144
  <span class="cline-any cline-neutral">&nbsp;</span>
141
145
  <span class="cline-any cline-neutral">&nbsp;</span>
142
146
  <span class="cline-any cline-neutral">&nbsp;</span>
143
- <span class="cline-any cline-yes">57x</span>
147
+ <span class="cline-any cline-yes">119x</span>
144
148
  <span class="cline-any cline-neutral">&nbsp;</span>
145
- <span class="cline-any cline-yes">57x</span>
149
+ <span class="cline-any cline-yes">119x</span>
146
150
  <span class="cline-any cline-neutral">&nbsp;</span>
147
151
  <span class="cline-any cline-neutral">&nbsp;</span>
148
152
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -151,31 +155,35 @@
151
155
  <span class="cline-any cline-neutral">&nbsp;</span>
152
156
  <span class="cline-any cline-neutral">&nbsp;</span>
153
157
  <span class="cline-any cline-neutral">&nbsp;</span>
154
- <span class="cline-any cline-yes">57x</span>
155
- <span class="cline-any cline-yes">57x</span>
156
158
  <span class="cline-any cline-neutral">&nbsp;</span>
157
- <span class="cline-any cline-yes">57x</span>
158
159
  <span class="cline-any cline-neutral">&nbsp;</span>
159
- <span class="cline-any cline-yes">57x</span>
160
160
  <span class="cline-any cline-neutral">&nbsp;</span>
161
- <span class="cline-any cline-yes">57x</span>
161
+ <span class="cline-any cline-yes">119x</span>
162
+ <span class="cline-any cline-yes">119x</span>
163
+ <span class="cline-any cline-neutral">&nbsp;</span>
164
+ <span class="cline-any cline-yes">119x</span>
165
+ <span class="cline-any cline-neutral">&nbsp;</span>
166
+ <span class="cline-any cline-yes">119x</span>
167
+ <span class="cline-any cline-neutral">&nbsp;</span>
168
+ <span class="cline-any cline-yes">119x</span>
169
+ <span class="cline-any cline-yes">38x</span>
170
+ <span class="cline-any cline-neutral">&nbsp;</span>
171
+ <span class="cline-any cline-yes">38x</span>
172
+ <span class="cline-any cline-yes">18x</span>
173
+ <span class="cline-any cline-yes">18x</span>
162
174
  <span class="cline-any cline-yes">18x</span>
163
175
  <span class="cline-any cline-neutral">&nbsp;</span>
164
176
  <span class="cline-any cline-yes">18x</span>
165
- <span class="cline-any cline-yes">8x</span>
166
- <span class="cline-any cline-yes">8x</span>
167
- <span class="cline-any cline-yes">8x</span>
177
+ <span class="cline-any cline-yes">18x</span>
168
178
  <span class="cline-any cline-neutral">&nbsp;</span>
169
- <span class="cline-any cline-yes">8x</span>
170
- <span class="cline-any cline-yes">8x</span>
171
179
  <span class="cline-any cline-neutral">&nbsp;</span>
172
180
  <span class="cline-any cline-neutral">&nbsp;</span>
181
+ <span class="cline-any cline-yes">119x</span>
182
+ <span class="cline-any cline-yes">76x</span>
173
183
  <span class="cline-any cline-neutral">&nbsp;</span>
174
- <span class="cline-any cline-yes">57x</span>
175
- <span class="cline-any cline-yes">54x</span>
176
184
  <span class="cline-any cline-neutral">&nbsp;</span>
177
185
  <span class="cline-any cline-neutral">&nbsp;</span>
178
- <span class="cline-any cline-yes">18x</span>
186
+ <span class="cline-any cline-yes">38x</span>
179
187
  <span class="cline-any cline-no">&nbsp;</span>
180
188
  <span class="cline-any cline-neutral">&nbsp;</span>
181
189
  <span class="cline-any cline-no">&nbsp;</span>
@@ -189,12 +197,12 @@
189
197
  <span class="cline-any cline-neutral">&nbsp;</span>
190
198
  <span class="cline-any cline-neutral">&nbsp;</span>
191
199
  <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-yes">18x</span>
193
- <span class="cline-any cline-yes">18x</span>
194
- <span class="cline-any cline-yes">18x</span>
200
+ <span class="cline-any cline-yes">38x</span>
201
+ <span class="cline-any cline-yes">38x</span>
202
+ <span class="cline-any cline-yes">38x</span>
195
203
  <span class="cline-any cline-neutral">&nbsp;</span>
196
204
  <span class="cline-any cline-neutral">&nbsp;</span>
197
- <span class="cline-any cline-yes">57x</span>
205
+ <span class="cline-any cline-yes">119x</span>
198
206
  <span class="cline-any cline-neutral">&nbsp;</span>
199
207
  <span class="cline-any cline-neutral">&nbsp;</span>
200
208
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -216,9 +224,12 @@ function useMap(props) {
216
224
  mapId: props.mapId,
217
225
  watch: {
218
226
  viewport: false,
219
- layers: true,
227
+ layers: props.waitForLayer ? <span class="branch-0 cbranch-no" title="branch not covered" >true </span>: false,
220
228
  sources: false,
221
229
  },
230
+ filter: {
231
+ includeBaseLayers: true,
232
+ },
222
233
  });
223
234
  &nbsp;
224
235
  const initializedRef = useRef(false);
@@ -226,7 +237,7 @@ function useMap(props) {
226
237
  &nbsp;
227
238
  const componentId = useRef(uuidv4());
228
239
  &nbsp;
229
- const [mapIsReady, setMapIsReady] = useState(undefined);
240
+ const [mapIsReady, setMapIsReady] = useState(false);
230
241
  &nbsp;
231
242
  useEffect(() =&gt; {
232
243
  let _componentId = componentId.current;
@@ -244,7 +255,8 @@ function useMap(props) {
244
255
  useEffect(() =&gt; {
245
256
  if (!mapContext.mapExists(props.mapId) || initializedRef.current) return;
246
257
  &nbsp;
247
- //check if insertBeforeLayer exists
258
+ // check if waitForLayer (string, layer id of the layer this hook is supposed to wait for)
259
+ // exists as layer in the MapLibre instance
248
260
  <span class="missing-if-branch" title="if path not taken" >I</span>if (props.waitForLayer) {
249
261
  let layerFound = <span class="cstat-no" title="statement not covered" >false;</span>
250
262
  &nbsp;
@@ -262,7 +274,7 @@ function useMap(props) {
262
274
  initializedRef.current = true;
263
275
  mapRef.current = mapContext.getMap(props.mapId);
264
276
  setMapIsReady(true);
265
- }, [mapContext.mapIds, mapState.layers, mapContext, props.mapId]);
277
+ }, [mapContext.mapIds, mapState.layers, mapContext, props.waitForLayer, props.mapId]);
266
278
  &nbsp;
267
279
  return {
268
280
  map: mapRef.current,
@@ -280,7 +292,7 @@ export default useMap;
280
292
  <div class='footer quiet pad2 space-top1 center small'>
281
293
  Code coverage generated by
282
294
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
283
- at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
295
+ at Sun Feb 20 2022 13:39:56 GMT+0000 (Coordinated Universal Time)
284
296
  </div>
285
297
  <script src="../../prettify.js"></script>
286
298
  <script>