@mapcomponents/react-maplibre 0.1.14 → 0.1.18

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 (100) hide show
  1. package/.github/workflows/storybook.yml +4 -2
  2. package/CHANGELOG.md +42 -0
  3. package/README.md +22 -6
  4. package/coverage/clover.xml +448 -460
  5. package/coverage/coverage-final.json +14 -14
  6. package/coverage/lcov-report/index.html +77 -78
  7. package/coverage/lcov-report/src/components/MapLibreMap/MapLibreMap.js.html +2 -3
  8. package/coverage/lcov-report/src/components/MapLibreMap/index.html +2 -3
  9. package/coverage/lcov-report/src/components/MlCreatePdfButton/MlCreatePdfButton.js.html +2 -3
  10. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +2 -3
  11. package/coverage/lcov-report/src/components/MlFeatureEditor/MlFeatureEditor.js.html +2 -3
  12. package/coverage/lcov-report/src/components/MlFeatureEditor/index.html +2 -3
  13. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.js.html +2 -3
  14. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +2 -3
  15. package/coverage/lcov-report/src/components/MlFollowGps/MlFollowGps.js.html +112 -107
  16. package/coverage/lcov-report/src/components/MlFollowGps/index.html +16 -17
  17. package/coverage/lcov-report/src/components/MlGPXViewer/MlGPXViewer.js.html +2 -3
  18. package/coverage/lcov-report/src/components/MlGPXViewer/gpxConverter.js.html +2 -3
  19. package/coverage/lcov-report/src/components/MlGPXViewer/index.html +2 -3
  20. package/coverage/lcov-report/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js.html +168 -133
  21. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +20 -21
  22. package/coverage/lcov-report/src/components/MlImageMarkerLayer/MlImageMarkerLayer.js.html +46 -152
  23. package/coverage/lcov-report/src/components/MlImageMarkerLayer/index.html +20 -21
  24. package/coverage/lcov-report/src/components/MlLayer/MlLayer.js.html +92 -30
  25. package/coverage/lcov-report/src/components/MlLayer/index.html +20 -21
  26. package/coverage/lcov-report/src/components/MlLayerMagnify/MlLayerMagnify.js.html +2 -3
  27. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +2 -3
  28. package/coverage/lcov-report/src/components/MlLayerSwipe/MlLayerSwipe.js.html +2 -3
  29. package/coverage/lcov-report/src/components/MlLayerSwipe/index.html +2 -3
  30. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +3 -10
  31. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +9 -82
  32. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +10 -11
  33. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +2 -3
  34. package/coverage/lcov-report/src/components/MlMarker/MlMarker.js.html +6 -7
  35. package/coverage/lcov-report/src/components/MlMarker/index.html +6 -7
  36. package/coverage/lcov-report/src/components/MlNavigationCompass/MlNavigationCompass.js.html +2 -3
  37. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +2 -3
  38. package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.js.html +11 -15
  39. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +8 -9
  40. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +2 -3
  41. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +2 -3
  42. package/coverage/lcov-report/src/components/MlScaleReference/MlScaleReference.js.html +2 -3
  43. package/coverage/lcov-report/src/components/MlScaleReference/index.html +2 -3
  44. package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html +209 -18
  45. package/coverage/lcov-report/src/components/MlShareMapState/index.html +10 -11
  46. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +2 -3
  47. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/index.html +2 -3
  48. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreeJsLayer.js.html +2 -3
  49. package/coverage/lcov-report/src/components/MlThreeJsLayer/index.html +2 -3
  50. package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html +6 -25
  51. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +6 -7
  52. package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.js.html +2 -3
  53. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +2 -3
  54. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +2 -3
  55. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +2 -3
  56. package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.js.html +2 -3
  57. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +2 -3
  58. package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.js.html +6 -19
  59. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +8 -9
  60. package/coverage/lcov-report/src/hooks/index.html +35 -36
  61. package/coverage/lcov-report/src/hooks/useMap.js.html +81 -169
  62. package/coverage/lcov-report/src/hooks/useMapState.js.html +82 -125
  63. package/coverage/lcov-report/src/hooks/useWms.js.html +9 -22
  64. package/coverage/lcov-report/src/i18n.js.html +2 -3
  65. package/coverage/lcov-report/src/index.html +2 -3
  66. package/coverage/lcov-report/src/translations/english.js.html +2 -3
  67. package/coverage/lcov-report/src/translations/german.js.html +2 -3
  68. package/coverage/lcov-report/src/translations/index.html +2 -3
  69. package/coverage/lcov.info +898 -900
  70. package/dist/index.esm.js +866 -758
  71. package/dist/index.esm.js.map +1 -1
  72. package/package.json +2 -2
  73. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.js +16 -14
  74. package/src/components/MlComponentTemplate/MlComponentTemplate.js +7 -32
  75. package/src/components/MlFollowGps/MlFollowGps.js +67 -65
  76. package/src/components/MlFollowGps/MlFollowGps.test.js +3 -5
  77. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js +101 -89
  78. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.stories.js +35 -6
  79. package/src/components/MlGeoJsonLayer/assets/sample_polygon_1.json +33 -0
  80. package/src/components/MlGeoJsonLayer/util/getDefaultLayerTypeByGeometry.js +25 -0
  81. package/src/components/MlGeoJsonLayer/util/getDefaultPaintPropsByType.js +31 -0
  82. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.js +21 -56
  83. package/src/components/MlLayer/MlLayer.js +26 -5
  84. package/src/components/MlLayerSwitcher/MlLayerSwitcher.js +0 -2
  85. package/src/components/MlLayerSwitcher/MlLayerSwitcher.stories.js +3 -6
  86. package/src/components/MlLayerSwitcher/components/LayerBox.js +2 -26
  87. package/src/components/MlMarker/MlMarker.js +1 -1
  88. package/src/components/MlNavigationTools/MlNavigationTools.js +4 -5
  89. package/src/components/MlShareMapState/MlShareMapState.js +73 -9
  90. package/src/components/MlShareMapState/MlShareMapState.stories.js +22 -2
  91. package/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.stories.js +1 -3
  92. package/src/components/MlUseMapDebugger/MlUseMapDebugger.js +1 -7
  93. package/src/components/MlWmsLoader/MlWmsLoader.js +0 -4
  94. package/src/hooks/useMap.js +33 -62
  95. package/src/hooks/useMapState.js +3 -17
  96. package/src/hooks/useWms.js +2 -7
  97. package/src/index.js +2 -0
  98. package/src/ui_components/ImageLoader.js +8 -3
  99. package/src/ui_components/Sidebar.js +1 -1
  100. package/src/ui_components/TopToolbar.js +0 -2
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">75.67% </span>
26
+ <span class="strong">65.9% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>28/37</span>
28
+ <span class='fraction'>29/44</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">50% </span>
33
+ <span class="strong">40.62% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>14/28</span>
35
+ <span class='fraction'>13/32</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">83.33% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>5/5</span>
42
+ <span class='fraction'>5/6</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">75% </span>
47
+ <span class="strong">65.11% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>27/36</span>
49
+ <span class='fraction'>28/43</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="MlLayer.js"><a href="MlLayer.js.html">MlLayer.js</a></td>
83
- <td data-value="75.67" class="pic medium">
84
- <div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
83
+ <td data-value="65.9" class="pic medium">
84
+ <div class="chart"><div class="cover-fill" style="width: 65%"></div><div class="cover-empty" style="width: 35%"></div></div>
85
85
  </td>
86
- <td data-value="75.67" class="pct medium">75.67%</td>
87
- <td data-value="37" class="abs medium">28/37</td>
88
- <td data-value="50" class="pct medium">50%</td>
89
- <td data-value="28" class="abs medium">14/28</td>
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="75" class="pct medium">75%</td>
93
- <td data-value="36" class="abs medium">27/36</td>
86
+ <td data-value="65.9" class="pct medium">65.9%</td>
87
+ <td data-value="44" class="abs medium">29/44</td>
88
+ <td data-value="40.62" class="pct low">40.62%</td>
89
+ <td data-value="32" class="abs low">13/32</td>
90
+ <td data-value="83.33" class="pct high">83.33%</td>
91
+ <td data-value="6" class="abs high">5/6</td>
92
+ <td data-value="65.11" class="pct medium">65.11%</td>
93
+ <td data-value="43" class="abs medium">28/43</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -100,10 +100,9 @@
100
100
  </div><!-- /wrapper -->
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
104
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
- </div>
107
106
  <script src="../../../prettify.js"></script>
108
107
  <script>
109
108
  window.onload = function () {
@@ -690,10 +690,9 @@ export default MlLayerMagnify;
690
690
  </div><!-- /wrapper -->
691
691
  <div class='footer quiet pad2 space-top1 center small'>
692
692
  Code coverage generated by
693
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
694
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
693
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
694
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
695
695
  </div>
696
- </div>
697
696
  <script src="../../../prettify.js"></script>
698
697
  <script>
699
698
  window.onload = function () {
@@ -100,10 +100,9 @@
100
100
  </div><!-- /wrapper -->
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
104
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
- </div>
107
106
  <script src="../../../prettify.js"></script>
108
107
  <script>
109
108
  window.onload = function () {
@@ -480,10 +480,9 @@ export default MlLayerSwipe;
480
480
  </div><!-- /wrapper -->
481
481
  <div class='footer quiet pad2 space-top1 center small'>
482
482
  Code coverage generated by
483
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
484
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
483
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
484
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
485
485
  </div>
486
- </div>
487
486
  <script src="../../../prettify.js"></script>
488
487
  <script>
489
488
  window.onload = function () {
@@ -100,10 +100,9 @@
100
100
  </div><!-- /wrapper -->
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
104
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
- </div>
107
106
  <script src="../../../prettify.js"></script>
108
107
  <script>
109
108
  window.onload = function () {
@@ -284,11 +284,7 @@
284
284
  <a name='L219'></a><a href='#L219'>219</a>
285
285
  <a name='L220'></a><a href='#L220'>220</a>
286
286
  <a name='L221'></a><a href='#L221'>221</a>
287
- <a name='L222'></a><a href='#L222'>222</a>
288
- <a name='L223'></a><a href='#L223'>223</a>
289
- <a name='L224'></a><a href='#L224'>224</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-neutral">&nbsp;</span>
287
+ <a name='L222'></a><a href='#L222'>222</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
292
288
  <span class="cline-any cline-neutral">&nbsp;</span>
293
289
  <span class="cline-any cline-neutral">&nbsp;</span>
294
290
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -513,7 +509,6 @@
513
509
  import "@fontsource/roboto/300.css";
514
510
  import "@fontsource/roboto/400.css";
515
511
  import "@fontsource/roboto/500.css";
516
- import { css, cx } from '@emotion/css'
517
512
  import "./MlLayerSwitcher.css";
518
513
  //External
519
514
  import { useEffect, useContext, useState } from "react";
@@ -525,7 +520,6 @@ import { MapContext } from "@mapcomponents/react-core";
525
520
  import LayerBox from "./components/LayerBox";
526
521
  import Divider from "@mui/material/Divider";
527
522
  import useMapState from "../../hooks/useMapState";
528
- import LoadingOverlay from "../../ui_components/LoadingOverlay";
529
523
  /**
530
524
  * @component
531
525
  *
@@ -738,10 +732,9 @@ export default MlLayerSwitcher;
738
732
  </div><!-- /wrapper -->
739
733
  <div class='footer quiet pad2 space-top1 center small'>
740
734
  Code coverage generated by
741
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
742
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
735
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
736
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
743
737
  </div>
744
- </div>
745
738
  <script src="../../../prettify.js"></script>
746
739
  <script>
747
740
  window.onload = function () {
@@ -25,28 +25,28 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">0% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/17</span>
28
+ <span class='fraction'>0/6</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">0% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/4</span>
35
+ <span class='fraction'>0/2</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">0% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/3</span>
42
+ <span class='fraction'>0/2</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">0% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/17</span>
49
+ <span class='fraction'>0/6</span>
50
50
  </div>
51
51
 
52
52
 
@@ -137,31 +137,7 @@
137
137
  <a name='L72'></a><a href='#L72'>72</a>
138
138
  <a name='L73'></a><a href='#L73'>73</a>
139
139
  <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
140
+ <a name='L75'></a><a href='#L75'>75</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
165
141
  <span class="cline-any cline-neutral">&nbsp;</span>
166
142
  <span class="cline-any cline-neutral">&nbsp;</span>
167
143
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -171,9 +147,6 @@
171
147
  <span class="cline-any cline-neutral">&nbsp;</span>
172
148
  <span class="cline-any cline-neutral">&nbsp;</span>
173
149
  <span class="cline-any cline-neutral">&nbsp;</span>
174
- <span class="cline-any cline-neutral">&nbsp;</span>
175
- <span class="cline-any cline-no">&nbsp;</span>
176
- <span class="cline-any cline-no">&nbsp;</span>
177
150
  <span class="cline-any cline-no">&nbsp;</span>
178
151
  <span class="cline-any cline-no">&nbsp;</span>
179
152
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -187,8 +160,6 @@
187
160
  <span class="cline-any cline-neutral">&nbsp;</span>
188
161
  <span class="cline-any cline-neutral">&nbsp;</span>
189
162
  <span class="cline-any cline-no">&nbsp;</span>
190
- <span class="cline-any cline-no">&nbsp;</span>
191
- <span class="cline-any cline-no">&nbsp;</span>
192
163
  <span class="cline-any cline-neutral">&nbsp;</span>
193
164
  <span class="cline-any cline-no">&nbsp;</span>
194
165
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -202,25 +173,6 @@
202
173
  <span class="cline-any cline-neutral">&nbsp;</span>
203
174
  <span class="cline-any cline-neutral">&nbsp;</span>
204
175
  <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-no">&nbsp;</span>
206
- <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-no">&nbsp;</span>
208
- <span class="cline-any cline-no">&nbsp;</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-no">&nbsp;</span>
211
- <span class="cline-any cline-no">&nbsp;</span>
212
- <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-no">&nbsp;</span>
214
- <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-no">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-neutral">&nbsp;</span>
223
- <span class="cline-any cline-neutral">&nbsp;</span>
224
176
  <span class="cline-any cline-neutral">&nbsp;</span>
225
177
  <span class="cline-any cline-neutral">&nbsp;</span>
226
178
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -259,11 +211,10 @@
259
211
  <span class="cline-any cline-neutral">&nbsp;</span>
260
212
  <span class="cline-any cline-neutral">&nbsp;</span>
261
213
  <span class="cline-any cline-neutral">&nbsp;</span>
262
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { React, useEffect, useState } from "react";
263
- import { css, cx } from "@emotion/css";
214
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
215
+ import { css } from "@emotion/css";
264
216
  import { Box } from "@mui/system";
265
217
  import ImageLoader from "../../../ui_components/ImageLoader";
266
- import { propsToClassKey } from "@mui/styles";
267
218
  import useMapState from "../../../hooks/useMapState";
268
219
  &nbsp;
269
220
  /**
@@ -271,8 +222,6 @@ import useMapState from "../../../hooks/useMapState";
271
222
  *
272
223
  */
273
224
  const LayerBox = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
274
- const [activeClassName, setActiveClassName] = <span class="cstat-no" title="statement not covered" >useState("");</span>
275
- const [className, setClassName] = <span class="cstat-no" title="statement not covered" >useState("mllayerswitcher-layer-box ");</span>
276
225
  const { layers } = <span class="cstat-no" title="statement not covered" >useMapState({</span>
277
226
  mapId: props.mapId,
278
227
  watch: {
@@ -284,33 +233,12 @@ const LayerBox = <span class="cstat-no" title="statement not covered" ><span cla
284
233
  matchLayerIds: props.layerId,
285
234
  },
286
235
  });
287
- const hoverBorderColor = <span class="cstat-no" title="statement not covered" >"#1C62D7";</span> //Navy Blue
288
- const activeBorderColor = <span class="cstat-no" title="statement not covered" >"";</span>
289
236
  const width = <span class="cstat-no" title="statement not covered" >"40px";</span>
290
237
  &nbsp;
291
238
  const defaultClass = <span class="cstat-no" title="statement not covered" >css`</span>
292
239
  &amp; img:hover {
293
240
  }
294
241
  `;
295
- const activeClass =
296
- <span class="cstat-no" title="statement not covered" > defaultClass +</span>
297
- `&amp; img {
298
- border-color: rgb(196, 240, 0);
299
- border-radius: 8px;
300
- }
301
-
302
- `;
303
- const hoverClass = <span class="cstat-no" title="statement not covered" >css``;</span>
304
- &nbsp;
305
- <span class="cstat-no" title="statement not covered" > useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
306
- const isActive = <span class="cstat-no" title="statement not covered" >props.activeLayers?.indexOf(props.layerId) !== -1;</span>
307
- &nbsp;
308
- <span class="cstat-no" title="statement not covered" > if (isActive) {</span>
309
- <span class="cstat-no" title="statement not covered" > setClassName(activeClass);</span>
310
- } else {
311
- <span class="cstat-no" title="statement not covered" > setClassName(defaultClass);</span>
312
- }
313
- }, [props.activeLayers]);
314
242
  &nbsp;
315
243
  <span class="cstat-no" title="statement not covered" > return (</span>
316
244
  &lt;&gt;
@@ -363,10 +291,9 @@ export default LayerBox;
363
291
  </div><!-- /wrapper -->
364
292
  <div class='footer quiet pad2 space-top1 center small'>
365
293
  Code coverage generated by
366
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
367
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
294
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
295
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
368
296
  </div>
369
- </div>
370
297
  <script src="../../../../prettify.js"></script>
371
298
  <script>
372
299
  window.onload = function () {
@@ -25,28 +25,28 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">0% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/17</span>
28
+ <span class='fraction'>0/6</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">0% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/4</span>
35
+ <span class='fraction'>0/2</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">0% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/3</span>
42
+ <span class='fraction'>0/2</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">0% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/17</span>
49
+ <span class='fraction'>0/6</span>
50
50
  </div>
51
51
 
52
52
 
@@ -84,13 +84,13 @@
84
84
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
85
85
  </td>
86
86
  <td data-value="0" class="pct low">0%</td>
87
- <td data-value="17" class="abs low">0/17</td>
87
+ <td data-value="6" class="abs low">0/6</td>
88
88
  <td data-value="0" class="pct low">0%</td>
89
- <td data-value="4" class="abs low">0/4</td>
89
+ <td data-value="2" class="abs low">0/2</td>
90
90
  <td data-value="0" class="pct low">0%</td>
91
- <td data-value="3" class="abs low">0/3</td>
91
+ <td data-value="2" class="abs low">0/2</td>
92
92
  <td data-value="0" class="pct low">0%</td>
93
- <td data-value="17" class="abs low">0/17</td>
93
+ <td data-value="6" class="abs low">0/6</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -100,10 +100,9 @@
100
100
  </div><!-- /wrapper -->
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
104
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
- </div>
107
106
  <script src="../../../../prettify.js"></script>
108
107
  <script>
109
108
  window.onload = function () {
@@ -100,10 +100,9 @@
100
100
  </div><!-- /wrapper -->
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
104
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
- </div>
107
106
  <script src="../../../prettify.js"></script>
108
107
  <script>
109
108
  window.onload = function () {
@@ -25,7 +25,7 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">0% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/39</span>
28
+ <span class='fraction'>0/38</span>
29
29
  </div>
30
30
 
31
31
 
@@ -46,7 +46,7 @@
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">0% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/37</span>
49
+ <span class='fraction'>0/36</span>
50
50
  </div>
51
51
 
52
52
 
@@ -289,7 +289,6 @@
289
289
  <span class="cline-any cline-no">&nbsp;</span>
290
290
  <span class="cline-any cline-no">&nbsp;</span>
291
291
  <span class="cline-any cline-no">&nbsp;</span>
292
- <span class="cline-any cline-no">&nbsp;</span>
293
292
  <span class="cline-any cline-neutral">&nbsp;</span>
294
293
  <span class="cline-any cline-no">&nbsp;</span>
295
294
  <span class="cline-any cline-no">&nbsp;</span>
@@ -352,6 +351,7 @@
352
351
  <span class="cline-any cline-neutral">&nbsp;</span>
353
352
  <span class="cline-any cline-neutral">&nbsp;</span>
354
353
  <span class="cline-any cline-neutral">&nbsp;</span>
354
+ <span class="cline-any cline-neutral">&nbsp;</span>
355
355
  <span class="cline-any cline-no">&nbsp;</span>
356
356
  <span class="cline-any cline-neutral">&nbsp;</span>
357
357
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -444,7 +444,6 @@ const MlMarker = <span class="cstat-no" title="statement not covered" ><span cla
444
444
  <span class="cstat-no" title="statement not covered" > useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
445
445
  <span class="cstat-no" title="statement not covered" > if (mapRef.current &amp;&amp; iframe.current?.contentWindow?.document?.body?.scrollHeight) {</span>
446
446
  <span class="cstat-no" title="statement not covered" > setTimeout(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
447
- let mapWidth = <span class="cstat-no" title="statement not covered" >mapRef.current._container.clientWidth;</span>
448
447
  let mapHeight = <span class="cstat-no" title="statement not covered" >mapRef.current._container.clientHeight;</span>
449
448
  &nbsp;
450
449
  const _pixelPos = <span class="cstat-no" title="statement not covered" >mapRef.current.project([props.lng, props.lat]);</span>
@@ -501,6 +500,7 @@ const MlMarker = <span class="cstat-no" title="statement not covered" ><span cla
501
500
  ref={iframe}
502
501
  sandbox="allow-same-origin allow-popups-to-escape-sandbox"
503
502
  frameBorder="0"
503
+ title={componentId.current}
504
504
  &gt;&lt;/iframe&gt;
505
505
  &lt;/Paper&gt;
506
506
  )}
@@ -537,10 +537,9 @@ export default MlMarker;
537
537
  </div><!-- /wrapper -->
538
538
  <div class='footer quiet pad2 space-top1 center small'>
539
539
  Code coverage generated by
540
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
541
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
540
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
541
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
542
542
  </div>
543
- </div>
544
543
  <script src="../../../prettify.js"></script>
545
544
  <script>
546
545
  window.onload = function () {
@@ -25,7 +25,7 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">0% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/39</span>
28
+ <span class='fraction'>0/38</span>
29
29
  </div>
30
30
 
31
31
 
@@ -46,7 +46,7 @@
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">0% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/37</span>
49
+ <span class='fraction'>0/36</span>
50
50
  </div>
51
51
 
52
52
 
@@ -84,13 +84,13 @@
84
84
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
85
85
  </td>
86
86
  <td data-value="0" class="pct low">0%</td>
87
- <td data-value="39" class="abs low">0/39</td>
87
+ <td data-value="38" class="abs low">0/38</td>
88
88
  <td data-value="0" class="pct low">0%</td>
89
89
  <td data-value="18" class="abs low">0/18</td>
90
90
  <td data-value="0" class="pct low">0%</td>
91
91
  <td data-value="7" class="abs low">0/7</td>
92
92
  <td data-value="0" class="pct low">0%</td>
93
- <td data-value="37" class="abs low">0/37</td>
93
+ <td data-value="36" class="abs low">0/36</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -100,10 +100,9 @@
100
100
  </div><!-- /wrapper -->
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
104
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
- </div>
107
106
  <script src="../../../prettify.js"></script>
108
107
  <script>
109
108
  window.onload = function () {
@@ -762,10 +762,9 @@ export default MlNavigationCompass;
762
762
  </div><!-- /wrapper -->
763
763
  <div class='footer quiet pad2 space-top1 center small'>
764
764
  Code coverage generated by
765
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
766
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
765
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
766
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
767
767
  </div>
768
- </div>
769
768
  <script src="../../../prettify.js"></script>
770
769
  <script>
771
770
  window.onload = function () {
@@ -100,10 +100,9 @@
100
100
  </div><!-- /wrapper -->
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
104
- at Wed Dec 15 2021 17:41:09 GMT+0000 (Coordinated Universal Time)
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at Thu Jan 13 2022 12:08:19 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
- </div>
107
106
  <script src="../../../prettify.js"></script>
108
107
  <script>
109
108
  window.onload = function () {