@mapcomponents/react-maplibre 0.1.20 → 0.1.24

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 (84) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/coverage/clover.xml +195 -198
  3. package/coverage/coverage-final.json +6 -6
  4. package/coverage/lcov-report/index.html +31 -31
  5. package/coverage/lcov-report/src/components/MapLibreMap/MapLibreMap.js.html +1 -1
  6. package/coverage/lcov-report/src/components/MapLibreMap/index.html +1 -1
  7. package/coverage/lcov-report/src/components/MlCreatePdfButton/MlCreatePdfButton.js.html +1 -1
  8. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +1 -1
  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 +1 -1
  12. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +1 -1
  13. package/coverage/lcov-report/src/components/MlFollowGps/MlFollowGps.js.html +1 -1
  14. package/coverage/lcov-report/src/components/MlFollowGps/index.html +1 -1
  15. package/coverage/lcov-report/src/components/MlGPXViewer/MlGPXViewer.js.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.js.html +4 -4
  19. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +1 -1
  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 +1 -1
  23. package/coverage/lcov-report/src/components/MlLayer/index.html +1 -1
  24. package/coverage/lcov-report/src/components/MlLayerMagnify/MlLayerMagnify.js.html +1 -1
  25. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +1 -1
  26. package/coverage/lcov-report/src/components/MlLayerSwipe/MlLayerSwipe.js.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 +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 +1 -1
  35. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +1 -1
  36. package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.js.html +1 -1
  37. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +1 -1
  38. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +1 -1
  39. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +1 -1
  40. package/coverage/lcov-report/src/components/MlScaleReference/MlScaleReference.js.html +1 -1
  41. package/coverage/lcov-report/src/components/MlScaleReference/index.html +1 -1
  42. package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html +261 -111
  43. package/coverage/lcov-report/src/components/MlShareMapState/index.html +9 -9
  44. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +1 -1
  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/MlUseMapDebugger/MlUseMapDebugger.js.html +1 -1
  49. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +1 -1
  50. package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.js.html +94 -124
  51. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +17 -17
  52. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +1 -1
  53. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +1 -1
  54. package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.js.html +35 -89
  55. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +17 -17
  56. package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.js.html +1 -1
  57. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +1 -1
  58. package/coverage/lcov-report/src/hooks/index.html +1 -1
  59. package/coverage/lcov-report/src/hooks/useMap.js.html +23 -23
  60. package/coverage/lcov-report/src/hooks/useMapState.js.html +34 -34
  61. package/coverage/lcov-report/src/hooks/useWms.js.html +1 -1
  62. package/coverage/lcov-report/src/i18n.js.html +1 -1
  63. package/coverage/lcov-report/src/index.html +1 -1
  64. package/coverage/lcov-report/src/translations/english.js.html +1 -1
  65. package/coverage/lcov-report/src/translations/german.js.html +1 -1
  66. package/coverage/lcov-report/src/translations/index.html +1 -1
  67. package/coverage/lcov.info +334 -329
  68. package/dist/index.esm.js +86 -106
  69. package/dist/index.esm.js.map +1 -1
  70. package/package.json +1 -1
  71. package/scripts/build-catalogue-markdown-docs.js +5 -3
  72. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.js +26 -21
  73. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.test.js +3 -3
  74. package/src/components/MlCreatePdfButton/MlCreatePdfButton.doc.de.md +2 -2
  75. package/src/components/MlCreatePdfButton/MlCreatePdfButton.doc.en.md +3 -0
  76. package/src/components/MlFeatureEditor/MlFeatureEditor.test.js +2 -2
  77. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js +3 -3
  78. package/src/components/MlNavigationCompass/MlNavigationCompass.test.js +2 -2
  79. package/src/components/MlShareMapState/MlShareMapState.js +138 -88
  80. package/src/components/MlShareMapState/MlShareMapState.stories.js +79 -29
  81. package/src/components/MlVectorTileLayer/MlVectorTileLayer.js +65 -75
  82. package/src/components/MlVectorTileLayer/MlVectorTileLayer.test.js +6 -6
  83. package/src/components/MlWmsLayer/MlWmsLayer.js +16 -34
  84. package/src/hooks/useMap.js +1 -1
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">83.33% </span>
26
+ <span class="strong">86.66% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>35/42</span>
28
+ <span class='fraction'>26/30</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">63.63% </span>
33
+ <span class="strong">81.25% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>14/22</span>
35
+ <span class='fraction'>13/16</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>5/5</span>
42
+ <span class='fraction'>3/3</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">84.61% </span>
47
+ <span class="strong">85.71% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>33/39</span>
49
+ <span class='fraction'>24/28</span>
50
50
  </div>
51
51
 
52
52
 
@@ -229,25 +229,7 @@
229
229
  <a name='L164'></a><a href='#L164'>164</a>
230
230
  <a name='L165'></a><a href='#L165'>165</a>
231
231
  <a name='L166'></a><a href='#L166'>166</a>
232
- <a name='L167'></a><a href='#L167'>167</a>
233
- <a name='L168'></a><a href='#L168'>168</a>
234
- <a name='L169'></a><a href='#L169'>169</a>
235
- <a name='L170'></a><a href='#L170'>170</a>
236
- <a name='L171'></a><a href='#L171'>171</a>
237
- <a name='L172'></a><a href='#L172'>172</a>
238
- <a name='L173'></a><a href='#L173'>173</a>
239
- <a name='L174'></a><a href='#L174'>174</a>
240
- <a name='L175'></a><a href='#L175'>175</a>
241
- <a name='L176'></a><a href='#L176'>176</a>
242
- <a name='L177'></a><a href='#L177'>177</a>
243
- <a name='L178'></a><a href='#L178'>178</a>
244
- <a name='L179'></a><a href='#L179'>179</a>
245
- <a name='L180'></a><a href='#L180'>180</a>
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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
232
+ <a name='L167'></a><a href='#L167'>167</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
251
233
  <span class="cline-any cline-neutral">&nbsp;</span>
252
234
  <span class="cline-any cline-neutral">&nbsp;</span>
253
235
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -294,33 +276,15 @@
294
276
  <span class="cline-any cline-neutral">&nbsp;</span>
295
277
  <span class="cline-any cline-neutral">&nbsp;</span>
296
278
  <span class="cline-any cline-yes">1x</span>
297
- <span class="cline-any cline-yes">8x</span>
279
+ <span class="cline-any cline-yes">12x</span>
298
280
  <span class="cline-any cline-neutral">&nbsp;</span>
299
- <span class="cline-any cline-yes">8x</span>
300
- <span class="cline-any cline-yes">8x</span>
301
- <span class="cline-any cline-yes">8x</span>
302
- <span class="cline-any cline-yes">8x</span>
281
+ <span class="cline-any cline-yes">12x</span>
282
+ <span class="cline-any cline-yes">12x</span>
303
283
  <span class="cline-any cline-neutral">&nbsp;</span>
304
- <span class="cline-any cline-yes">8x</span>
305
- <span class="cline-any cline-yes">4x</span>
306
- <span class="cline-any cline-yes">4x</span>
307
- <span class="cline-any cline-neutral">&nbsp;</span>
308
- <span class="cline-any cline-yes">2x</span>
309
- <span class="cline-any cline-yes">2x</span>
310
- <span class="cline-any cline-neutral">&nbsp;</span>
311
- <span class="cline-any cline-yes">2x</span>
312
- <span class="cline-any cline-neutral">&nbsp;</span>
313
- <span class="cline-any cline-yes">2x</span>
314
- <span class="cline-any cline-neutral">&nbsp;</span>
315
- <span class="cline-any cline-neutral">&nbsp;</span>
316
- <span class="cline-any cline-neutral">&nbsp;</span>
317
- <span class="cline-any cline-yes">8x</span>
284
+ <span class="cline-any cline-yes">12x</span>
318
285
  <span class="cline-any cline-yes">8x</span>
319
286
  <span class="cline-any cline-neutral">&nbsp;</span>
320
287
  <span class="cline-any cline-yes">4x</span>
321
- <span class="cline-any cline-yes">4x</span>
322
- <span class="cline-any cline-neutral">&nbsp;</span>
323
- <span class="cline-any cline-yes">4x</span>
324
288
  <span class="cline-any cline-neutral">&nbsp;</span>
325
289
  <span class="cline-any cline-neutral">&nbsp;</span>
326
290
  <span class="cline-any cline-yes">4x</span>
@@ -367,18 +331,18 @@
367
331
  <span class="cline-any cline-neutral">&nbsp;</span>
368
332
  <span class="cline-any cline-neutral">&nbsp;</span>
369
333
  <span class="cline-any cline-neutral">&nbsp;</span>
334
+ <span class="cline-any cline-yes">12x</span>
370
335
  <span class="cline-any cline-yes">8x</span>
371
- <span class="cline-any cline-yes">4x</span>
372
336
  <span class="cline-any cline-neutral">&nbsp;</span>
373
337
  <span class="cline-any cline-neutral">&nbsp;</span>
374
- <span class="cline-any cline-no">&nbsp;</span>
375
- <span class="cline-any cline-no">&nbsp;</span>
338
+ <span class="cline-any cline-yes">4x</span>
339
+ <span class="cline-any cline-yes">4x</span>
376
340
  <span class="cline-any cline-neutral">&nbsp;</span>
377
341
  <span class="cline-any cline-no">&nbsp;</span>
378
342
  <span class="cline-any cline-neutral">&nbsp;</span>
379
343
  <span class="cline-any cline-neutral">&nbsp;</span>
380
344
  <span class="cline-any cline-neutral">&nbsp;</span>
381
- <span class="cline-any cline-yes">8x</span>
345
+ <span class="cline-any cline-yes">12x</span>
382
346
  <span class="cline-any cline-neutral">&nbsp;</span>
383
347
  <span class="cline-any cline-neutral">&nbsp;</span>
384
348
  <span class="cline-any cline-yes">1x</span>
@@ -431,8 +395,8 @@
431
395
  <span class="cline-any cline-neutral">&nbsp;</span>
432
396
  <span class="cline-any cline-neutral">&nbsp;</span>
433
397
  <span class="cline-any cline-neutral">&nbsp;</span>
434
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useContext, useRef, useEffect } from "react";
435
- import { MapContext } from "@mapcomponents/react-core";
398
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect } from "react";
399
+ import useMap from "../../hooks/useMap";
436
400
  &nbsp;
437
401
  import PropTypes from "prop-types";
438
402
  import { v4 as uuidv4 } from "uuid";
@@ -478,31 +442,13 @@ const defaultProps = {
478
442
  * @component
479
443
  */
480
444
  const MlWmsLayer = (props) =&gt; {
481
- const mapContext = useContext(MapContext);
445
+ const mapHook = useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });
482
446
  &nbsp;
483
- const componentId = useRef(props.layerId || ("MlWmsLayer-" + uuidv4()));
484
- const mapRef = useRef(null);
485
447
  const initializedRef = useRef(false);
486
- const layerId = useRef(props.layerId || componentId.current);
448
+ const layerId = useRef(props.layerId || "MlWmsLayer-" + mapHook.componentId);
487
449
  &nbsp;
488
450
  useEffect(() =&gt; {
489
- let _componentId = componentId.current;
490
- return () =&gt; {
491
- // This is the cleanup function, it is called when this react component is removed from react-dom
492
- if (mapRef.current) {
493
- mapRef.current.cleanup(_componentId);
494
- &nbsp;
495
- mapRef.current = null;
496
- }
497
- initializedRef.current = false;
498
- };
499
- }, []);
500
- &nbsp;
501
- useEffect(() =&gt; {
502
- if (!mapContext.mapExists(props.mapId) || initializedRef.current) return;
503
- &nbsp;
504
- mapRef.current = mapContext.getMap(props.mapId);
505
- <span class="missing-if-branch" title="if path not taken" >I</span>if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span>
451
+ if (!mapHook.map || initializedRef.current) return;
506
452
  &nbsp;
507
453
  initializedRef.current = true;
508
454
  &nbsp;
@@ -523,7 +469,7 @@ const MlWmsLayer = (props) =&gt; {
523
469
  let urlParamsStr =
524
470
  decodeURIComponent(urlParams.toString()) + "".replace(/%2F/g, "/").replace(/%3A/g, ":");
525
471
  &nbsp;
526
- mapRef.current.addSource(
472
+ mapHook.map.addSource(
527
473
  layerId.current,
528
474
  {
529
475
  type: "raster",
@@ -532,35 +478,35 @@ const MlWmsLayer = (props) =&gt; {
532
478
  attribution: props.attribution,
533
479
  ...props.sourceOptions,
534
480
  },
535
- componentId.current
481
+ mapHook.componentId
536
482
  );
537
483
  &nbsp;
538
- mapRef.current.addLayer(
484
+ mapHook.map.addLayer(
539
485
  {
540
486
  id: layerId.current,
541
487
  type: "raster",
542
- source: componentId.current,
488
+ source: layerId.current,
543
489
  ...props.layerOptions,
544
490
  },
545
491
  props.insertBeforeLayer,
546
- componentId.current
492
+ mapHook.componentId
547
493
  );
548
494
  &nbsp;
549
495
  <span class="missing-if-branch" title="if path not taken" >I</span>if (!props.visible) {
550
- <span class="cstat-no" title="statement not covered" > mapRef.current.setLayoutProperty(componentId.current, "visibility", "none");</span>
496
+ <span class="cstat-no" title="statement not covered" > mapHook.map.setLayoutProperty(layerId.current, "visibility", "none");</span>
551
497
  }
552
- }, [mapContext.mapIds, mapContext, props]);
498
+ }, [mapHook.map, props]);
553
499
  &nbsp;
554
500
  useEffect(() =&gt; {
555
- if (!mapRef.current || <span class="branch-1 cbranch-no" title="branch not covered" >!initializedRef.current)</span> return;
501
+ if (!mapHook.map || !initializedRef.current) return;
556
502
  &nbsp;
557
503
  // toggle layer visibility by changing the layout object's visibility property
558
- <span class="cstat-no" title="statement not covered" > if (props.visible) {</span>
559
- <span class="cstat-no" title="statement not covered" > mapRef.current.setLayoutProperty(componentId.current, "visibility", "visible");</span>
560
- } else {
561
- <span class="cstat-no" title="statement not covered" > mapRef.current.setLayoutProperty(componentId.current, "visibility", "none");</span>
504
+ if (props.visible) {
505
+ mapHook.map.setLayoutProperty(layerId.current, "visibility", "visible");
506
+ } else <span class="missing-if-branch" title="else path not taken" >E</span>{
507
+ <span class="cstat-no" title="statement not covered" > mapHook.map.setLayoutProperty(layerId.current, "visibility", "none");</span>
562
508
  }
563
- }, [props.visible]);
509
+ }, [props.visible, mapHook.map]);
564
510
  &nbsp;
565
511
  return &lt;&gt;&lt;/&gt;;
566
512
  };
@@ -622,7 +568,7 @@ export default MlWmsLayer;
622
568
  <div class='footer quiet pad2 space-top1 center small'>
623
569
  Code coverage generated by
624
570
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
625
- at Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
571
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
626
572
  </div>
627
573
  <script src="../../../prettify.js"></script>
628
574
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">83.33% </span>
26
+ <span class="strong">86.66% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>35/42</span>
28
+ <span class='fraction'>26/30</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">63.63% </span>
33
+ <span class="strong">81.25% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>14/22</span>
35
+ <span class='fraction'>13/16</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>5/5</span>
42
+ <span class='fraction'>3/3</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">84.61% </span>
47
+ <span class="strong">85.71% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>33/39</span>
49
+ <span class='fraction'>24/28</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="MlWmsLayer.js"><a href="MlWmsLayer.js.html">MlWmsLayer.js</a></td>
83
- <td data-value="83.33" class="pic high">
84
- <div class="chart"><div class="cover-fill" style="width: 83%"></div><div class="cover-empty" style="width: 17%"></div></div>
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>
85
85
  </td>
86
- <td data-value="83.33" class="pct high">83.33%</td>
87
- <td data-value="42" class="abs high">35/42</td>
88
- <td data-value="63.63" class="pct medium">63.63%</td>
89
- <td data-value="22" class="abs medium">14/22</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
90
  <td data-value="100" class="pct high">100%</td>
91
- <td data-value="5" class="abs high">5/5</td>
92
- <td data-value="84.61" class="pct high">84.61%</td>
93
- <td data-value="39" class="abs high">33/39</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>
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 Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
104
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -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 Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
967
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
968
968
  </div>
969
969
  <script src="../../../prettify.js"></script>
970
970
  <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 Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
104
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <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 Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
134
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
135
135
  </div>
136
136
  <script src="../../prettify.js"></script>
137
137
  <script>
@@ -140,9 +140,9 @@
140
140
  <span class="cline-any cline-neutral">&nbsp;</span>
141
141
  <span class="cline-any cline-neutral">&nbsp;</span>
142
142
  <span class="cline-any cline-neutral">&nbsp;</span>
143
- <span class="cline-any cline-yes">33x</span>
143
+ <span class="cline-any cline-yes">57x</span>
144
144
  <span class="cline-any cline-neutral">&nbsp;</span>
145
- <span class="cline-any cline-yes">33x</span>
145
+ <span class="cline-any cline-yes">57x</span>
146
146
  <span class="cline-any cline-neutral">&nbsp;</span>
147
147
  <span class="cline-any cline-neutral">&nbsp;</span>
148
148
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -151,31 +151,31 @@
151
151
  <span class="cline-any cline-neutral">&nbsp;</span>
152
152
  <span class="cline-any cline-neutral">&nbsp;</span>
153
153
  <span class="cline-any cline-neutral">&nbsp;</span>
154
- <span class="cline-any cline-yes">33x</span>
155
- <span class="cline-any cline-yes">33x</span>
154
+ <span class="cline-any cline-yes">57x</span>
155
+ <span class="cline-any cline-yes">57x</span>
156
156
  <span class="cline-any cline-neutral">&nbsp;</span>
157
- <span class="cline-any cline-yes">33x</span>
157
+ <span class="cline-any cline-yes">57x</span>
158
158
  <span class="cline-any cline-neutral">&nbsp;</span>
159
- <span class="cline-any cline-yes">33x</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">33x</span>
162
- <span class="cline-any cline-yes">10x</span>
161
+ <span class="cline-any cline-yes">57x</span>
162
+ <span class="cline-any cline-yes">18x</span>
163
163
  <span class="cline-any cline-neutral">&nbsp;</span>
164
- <span class="cline-any cline-yes">10x</span>
165
- <span class="cline-any cline-yes">4x</span>
166
- <span class="cline-any cline-yes">4x</span>
167
- <span class="cline-any cline-yes">4x</span>
164
+ <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>
168
168
  <span class="cline-any cline-neutral">&nbsp;</span>
169
- <span class="cline-any cline-yes">4x</span>
170
- <span class="cline-any cline-yes">4x</span>
169
+ <span class="cline-any cline-yes">8x</span>
170
+ <span class="cline-any cline-yes">8x</span>
171
171
  <span class="cline-any cline-neutral">&nbsp;</span>
172
172
  <span class="cline-any cline-neutral">&nbsp;</span>
173
173
  <span class="cline-any cline-neutral">&nbsp;</span>
174
- <span class="cline-any cline-yes">33x</span>
175
- <span class="cline-any cline-yes">30x</span>
174
+ <span class="cline-any cline-yes">57x</span>
175
+ <span class="cline-any cline-yes">54x</span>
176
176
  <span class="cline-any cline-neutral">&nbsp;</span>
177
177
  <span class="cline-any cline-neutral">&nbsp;</span>
178
- <span class="cline-any cline-yes">10x</span>
178
+ <span class="cline-any cline-yes">18x</span>
179
179
  <span class="cline-any cline-no">&nbsp;</span>
180
180
  <span class="cline-any cline-neutral">&nbsp;</span>
181
181
  <span class="cline-any cline-no">&nbsp;</span>
@@ -189,12 +189,12 @@
189
189
  <span class="cline-any cline-neutral">&nbsp;</span>
190
190
  <span class="cline-any cline-neutral">&nbsp;</span>
191
191
  <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-yes">10x</span>
193
- <span class="cline-any cline-yes">10x</span>
194
- <span class="cline-any cline-yes">10x</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>
195
195
  <span class="cline-any cline-neutral">&nbsp;</span>
196
196
  <span class="cline-any cline-neutral">&nbsp;</span>
197
- <span class="cline-any cline-yes">33x</span>
197
+ <span class="cline-any cline-yes">57x</span>
198
198
  <span class="cline-any cline-neutral">&nbsp;</span>
199
199
  <span class="cline-any cline-neutral">&nbsp;</span>
200
200
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -203,7 +203,7 @@
203
203
  <span class="cline-any cline-neutral">&nbsp;</span>
204
204
  <span class="cline-any cline-neutral">&nbsp;</span>
205
205
  <span class="cline-any cline-neutral">&nbsp;</span>
206
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useContext, useState, useEffect, useRef } from "react";
206
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useContext, useState, useEffect, useRef } from "react";
207
207
  import { v4 as uuidv4 } from "uuid";
208
208
  import { MapContext } from "@mapcomponents/react-core";
209
209
  import useMapState from "./useMapState";
@@ -280,7 +280,7 @@ export default useMap;
280
280
  <div class='footer quiet pad2 space-top1 center small'>
281
281
  Code coverage generated by
282
282
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
283
- at Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
283
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
284
284
  </div>
285
285
  <script src="../../prettify.js"></script>
286
286
  <script>
@@ -226,18 +226,18 @@
226
226
  <span class="cline-any cline-neutral">&nbsp;</span>
227
227
  <span class="cline-any cline-neutral">&nbsp;</span>
228
228
  <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-yes">49x</span>
229
+ <span class="cline-any cline-yes">73x</span>
230
230
  <span class="cline-any cline-neutral">&nbsp;</span>
231
- <span class="cline-any cline-yes">49x</span>
232
- <span class="cline-any cline-yes">49x</span>
231
+ <span class="cline-any cline-yes">73x</span>
232
+ <span class="cline-any cline-yes">73x</span>
233
233
  <span class="cline-any cline-neutral">&nbsp;</span>
234
- <span class="cline-any cline-yes">49x</span>
235
- <span class="cline-any cline-yes">49x</span>
234
+ <span class="cline-any cline-yes">73x</span>
235
+ <span class="cline-any cline-yes">73x</span>
236
236
  <span class="cline-any cline-neutral">&nbsp;</span>
237
- <span class="cline-any cline-yes">49x</span>
238
- <span class="cline-any cline-yes">49x</span>
237
+ <span class="cline-any cline-yes">73x</span>
238
+ <span class="cline-any cline-yes">73x</span>
239
239
  <span class="cline-any cline-neutral">&nbsp;</span>
240
- <span class="cline-any cline-yes">49x</span>
240
+ <span class="cline-any cline-yes">73x</span>
241
241
  <span class="cline-any cline-neutral">&nbsp;</span>
242
242
  <span class="cline-any cline-neutral">&nbsp;</span>
243
243
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -245,7 +245,7 @@
245
245
  <span class="cline-any cline-neutral">&nbsp;</span>
246
246
  <span class="cline-any cline-neutral">&nbsp;</span>
247
247
  <span class="cline-any cline-neutral">&nbsp;</span>
248
- <span class="cline-any cline-yes">49x</span>
248
+ <span class="cline-any cline-yes">73x</span>
249
249
  <span class="cline-any cline-neutral">&nbsp;</span>
250
250
  <span class="cline-any cline-no">&nbsp;</span>
251
251
  <span class="cline-any cline-no">&nbsp;</span>
@@ -264,35 +264,35 @@
264
264
  <span class="cline-any cline-neutral">&nbsp;</span>
265
265
  <span class="cline-any cline-neutral">&nbsp;</span>
266
266
  <span class="cline-any cline-neutral">&nbsp;</span>
267
- <span class="cline-any cline-yes">49x</span>
268
- <span class="cline-any cline-yes">14x</span>
269
- <span class="cline-any cline-yes">14x</span>
270
- <span class="cline-any cline-yes">14x</span>
271
- <span class="cline-any cline-yes">14x</span>
272
- <span class="cline-any cline-yes">14x</span>
267
+ <span class="cline-any cline-yes">73x</span>
268
+ <span class="cline-any cline-yes">22x</span>
269
+ <span class="cline-any cline-yes">22x</span>
270
+ <span class="cline-any cline-yes">22x</span>
271
+ <span class="cline-any cline-yes">22x</span>
272
+ <span class="cline-any cline-yes">22x</span>
273
273
  <span class="cline-any cline-neutral">&nbsp;</span>
274
274
  <span class="cline-any cline-neutral">&nbsp;</span>
275
275
  <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-yes">49x</span>
277
- <span class="cline-any cline-yes">14x</span>
276
+ <span class="cline-any cline-yes">73x</span>
277
+ <span class="cline-any cline-yes">22x</span>
278
278
  <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-yes">14x</span>
280
- <span class="cline-any cline-yes">6x</span>
281
- <span class="cline-any cline-yes">6x</span>
282
- <span class="cline-any cline-yes">6x</span>
279
+ <span class="cline-any cline-yes">22x</span>
280
+ <span class="cline-any cline-yes">10x</span>
281
+ <span class="cline-any cline-yes">10x</span>
282
+ <span class="cline-any cline-yes">10x</span>
283
283
  <span class="cline-any cline-neutral">&nbsp;</span>
284
- <span class="cline-any cline-yes">6x</span>
284
+ <span class="cline-any cline-yes">10x</span>
285
285
  <span class="cline-any cline-neutral">&nbsp;</span>
286
286
  <span class="cline-any cline-neutral">&nbsp;</span>
287
287
  <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-yes">49x</span>
289
- <span class="cline-any cline-yes">28x</span>
288
+ <span class="cline-any cline-yes">73x</span>
289
+ <span class="cline-any cline-yes">44x</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">14x</span>
293
- <span class="cline-any cline-yes">14x</span>
292
+ <span class="cline-any cline-yes">22x</span>
293
+ <span class="cline-any cline-yes">22x</span>
294
294
  <span class="cline-any cline-neutral">&nbsp;</span>
295
- <span class="cline-any cline-yes">14x</span>
295
+ <span class="cline-any cline-yes">22x</span>
296
296
  <span class="cline-any cline-no">&nbsp;</span>
297
297
  <span class="cline-any cline-neutral">&nbsp;</span>
298
298
  <span class="cline-any cline-no">&nbsp;</span>
@@ -306,10 +306,10 @@
306
306
  <span class="cline-any cline-neutral">&nbsp;</span>
307
307
  <span class="cline-any cline-neutral">&nbsp;</span>
308
308
  <span class="cline-any cline-neutral">&nbsp;</span>
309
- <span class="cline-any cline-yes">14x</span>
310
- <span class="cline-any cline-yes">14x</span>
309
+ <span class="cline-any cline-yes">22x</span>
310
+ <span class="cline-any cline-yes">22x</span>
311
311
  <span class="cline-any cline-neutral">&nbsp;</span>
312
- <span class="cline-any cline-yes">14x</span>
312
+ <span class="cline-any cline-yes">22x</span>
313
313
  <span class="cline-any cline-neutral">&nbsp;</span>
314
314
  <span class="cline-any cline-neutral">&nbsp;</span>
315
315
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -321,13 +321,13 @@
321
321
  <span class="cline-any cline-neutral">&nbsp;</span>
322
322
  <span class="cline-any cline-neutral">&nbsp;</span>
323
323
  <span class="cline-any cline-neutral">&nbsp;</span>
324
- <span class="cline-any cline-yes">49x</span>
324
+ <span class="cline-any cline-yes">73x</span>
325
325
  <span class="cline-any cline-neutral">&nbsp;</span>
326
326
  <span class="cline-any cline-neutral">&nbsp;</span>
327
327
  <span class="cline-any cline-neutral">&nbsp;</span>
328
328
  <span class="cline-any cline-neutral">&nbsp;</span>
329
329
  <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-yes">4x</span>
330
+ <span class="cline-any cline-yes">6x</span>
331
331
  <span class="cline-any cline-neutral">&nbsp;</span>
332
332
  <span class="cline-any cline-neutral">&nbsp;</span>
333
333
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -339,7 +339,7 @@
339
339
  <span class="cline-any cline-neutral">&nbsp;</span>
340
340
  <span class="cline-any cline-neutral">&nbsp;</span>
341
341
  <span class="cline-any cline-neutral">&nbsp;</span>
342
- <span class="cline-any cline-yes">4x</span>
342
+ <span class="cline-any cline-yes">6x</span>
343
343
  <span class="cline-any cline-neutral">&nbsp;</span>
344
344
  <span class="cline-any cline-neutral">&nbsp;</span>
345
345
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -523,7 +523,7 @@ export default useMapState;
523
523
  <div class='footer quiet pad2 space-top1 center small'>
524
524
  Code coverage generated by
525
525
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
526
- at Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
526
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
527
527
  </div>
528
528
  <script src="../../prettify.js"></script>
529
529
  <script>
@@ -343,7 +343,7 @@ export default useWms;
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 Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
346
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
347
347
  </div>
348
348
  <script src="../../prettify.js"></script>
349
349
  <script>
@@ -151,7 +151,7 @@ export default i18n;</pre></td></tr></table></pre>
151
151
  <div class='footer quiet pad2 space-top1 center small'>
152
152
  Code coverage generated by
153
153
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
154
- at Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
154
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
155
155
  </div>
156
156
  <script src="../prettify.js"></script>
157
157
  <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 Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
104
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
@@ -79,7 +79,7 @@ export default english;</pre></td></tr></table></pre>
79
79
  <div class='footer quiet pad2 space-top1 center small'>
80
80
  Code coverage generated by
81
81
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
82
- at Mon Jan 17 2022 10:02:27 GMT+0000 (Coordinated Universal Time)
82
+ at Sun Jan 23 2022 14:26:32 GMT+0000 (Coordinated Universal Time)
83
83
  </div>
84
84
  <script src="../../prettify.js"></script>
85
85
  <script>