@mapcomponents/react-maplibre 0.1.53 → 0.1.56

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 (90) hide show
  1. package/CHANGELOG.md +24 -1
  2. package/coverage/clover.xml +89 -83
  3. package/coverage/coverage-final.json +3 -3
  4. package/coverage/lcov-report/index.html +16 -16
  5. package/coverage/lcov-report/src/components/MapLibreMap/MapLibreMap.tsx.html +1 -1
  6. package/coverage/lcov-report/src/components/MapLibreMap/index.html +1 -1
  7. package/coverage/lcov-report/src/components/MlCenterPosition/MlCenterPosition.tsx.html +1 -1
  8. package/coverage/lcov-report/src/components/MlCenterPosition/index.html +1 -1
  9. package/coverage/lcov-report/src/components/MlCreatePdfButton/MlCreatePdfButton.tsx.html +1 -1
  10. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +1 -1
  11. package/coverage/lcov-report/src/components/MlFeatureEditor/MlFeatureEditor.tsx.html +1 -1
  12. package/coverage/lcov-report/src/components/MlFeatureEditor/index.html +1 -1
  13. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.tsx.html +1 -1
  14. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +1 -1
  15. package/coverage/lcov-report/src/components/MlFollowGps/MlFollowGps.tsx.html +123 -36
  16. package/coverage/lcov-report/src/components/MlFollowGps/index.html +15 -15
  17. package/coverage/lcov-report/src/components/MlGPXViewer/MlGPXViewer.tsx.html +1 -1
  18. package/coverage/lcov-report/src/components/MlGPXViewer/gpxConverter.js.html +1 -1
  19. package/coverage/lcov-report/src/components/MlGPXViewer/index.html +1 -1
  20. package/coverage/lcov-report/src/components/MlGeoJsonLayer/MlGeoJsonLayer.tsx.html +1 -1
  21. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +1 -1
  22. package/coverage/lcov-report/src/components/MlImageMarkerLayer/MlImageMarkerLayer.tsx.html +1 -1
  23. package/coverage/lcov-report/src/components/MlImageMarkerLayer/index.html +1 -1
  24. package/coverage/lcov-report/src/components/MlLayer/MlLayer.tsx.html +20 -2
  25. package/coverage/lcov-report/src/components/MlLayer/index.html +1 -1
  26. package/coverage/lcov-report/src/components/MlLayerMagnify/MlLayerMagnify.tsx.html +1 -1
  27. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +1 -1
  28. package/coverage/lcov-report/src/components/MlLayerSwipe/MlLayerSwipe.tsx.html +1 -1
  29. package/coverage/lcov-report/src/components/MlLayerSwipe/index.html +1 -1
  30. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +1 -1
  31. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +1 -1
  32. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +1 -1
  33. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +1 -1
  34. package/coverage/lcov-report/src/components/MlMarker/MlMarker.tsx.html +1 -1
  35. package/coverage/lcov-report/src/components/MlMarker/index.html +1 -1
  36. package/coverage/lcov-report/src/components/MlMeasureTool/MlMeasureTool.tsx.html +1 -1
  37. package/coverage/lcov-report/src/components/MlMeasureTool/index.html +1 -1
  38. package/coverage/lcov-report/src/components/MlNavigationCompass/MlNavigationCompass.tsx.html +1 -1
  39. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +1 -1
  40. package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.tsx.html +42 -12
  41. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +3 -3
  42. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +1 -1
  43. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.stories_.js.html +1 -1
  44. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +1 -1
  45. package/coverage/lcov-report/src/components/MlScaleReference/MlScaleReference.js.html +1 -1
  46. package/coverage/lcov-report/src/components/MlScaleReference/index.html +1 -1
  47. package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html +1 -1
  48. package/coverage/lcov-report/src/components/MlShareMapState/index.html +1 -1
  49. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +1 -1
  50. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/index.html +1 -1
  51. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreeJsLayer.js.html +1 -1
  52. package/coverage/lcov-report/src/components/MlThreeJsLayer/index.html +1 -1
  53. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.tsx.html +1 -1
  54. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/index.html +1 -1
  55. package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html +1 -1
  56. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +1 -1
  57. package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.tsx.html +1 -1
  58. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +1 -1
  59. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +1 -1
  60. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +1 -1
  61. package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.tsx.html +1 -1
  62. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +1 -1
  63. package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.tsx.html +1 -1
  64. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +1 -1
  65. package/coverage/lcov-report/src/contexts/MapContext.tsx.html +1 -1
  66. package/coverage/lcov-report/src/contexts/SimpleDataContext.js.html +1 -1
  67. package/coverage/lcov-report/src/contexts/SimpleDataProvider.js.html +1 -1
  68. package/coverage/lcov-report/src/contexts/index.html +1 -1
  69. package/coverage/lcov-report/src/hooks/index.html +1 -1
  70. package/coverage/lcov-report/src/hooks/useLayer.ts.html +1 -1
  71. package/coverage/lcov-report/src/hooks/useMap.ts.html +1 -1
  72. package/coverage/lcov-report/src/hooks/useMapState.ts.html +1 -1
  73. package/coverage/lcov-report/src/hooks/useWms.js.html +1 -1
  74. package/coverage/lcov-report/src/index.html +1 -1
  75. package/coverage/lcov-report/src/index.ts.html +1 -1
  76. package/coverage/lcov.info +174 -163
  77. package/dist/components/MlFollowGps/MlFollowGps.d.ts +26 -6
  78. package/dist/components/MlLayer/MlLayer.d.ts +5 -0
  79. package/dist/components/MlNavigationTools/MlNavigationTools.d.ts +9 -0
  80. package/dist/components/MlNavigationTools/MlNavigationTools.stories.d.ts +1 -0
  81. package/dist/index.esm.js +119 -46
  82. package/dist/index.esm.js.map +1 -1
  83. package/package.json +1 -1
  84. package/src/components/MlFollowGps/MlFollowGps.stories.js +4 -2
  85. package/src/components/MlFollowGps/MlFollowGps.tsx +53 -24
  86. package/src/components/MlLayer/MlLayer.tsx +6 -0
  87. package/src/components/MlNavigationTools/MlNavigationTools.stories.js +6 -0
  88. package/src/components/MlNavigationTools/MlNavigationTools.tsx +19 -9
  89. package/src/decorators/MapContextDecorator.js +5 -4
  90. package/src/decorators/MultiMapContextDecorator.js +54 -55
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -592,7 +592,7 @@ export default MlImageMarkerLayer;
592
592
  <div class='footer quiet pad2 space-top1 center small'>
593
593
  Code coverage generated by
594
594
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
595
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
595
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
596
596
  </div>
597
597
  <script src="../../../prettify.js"></script>
598
598
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -111,7 +111,18 @@
111
111
  <a name='L46'></a><a href='#L46'>46</a>
112
112
  <a name='L47'></a><a href='#L47'>47</a>
113
113
  <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a>
116
+ <a name='L51'></a><a href='#L51'>51</a>
117
+ <a name='L52'></a><a href='#L52'>52</a>
118
+ <a name='L53'></a><a href='#L53'>53</a>
119
+ <a name='L54'></a><a href='#L54'>54</a>
120
+ <a name='L55'></a><a href='#L55'>55</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
121
+ <span class="cline-any cline-neutral">&nbsp;</span>
122
+ <span class="cline-any cline-neutral">&nbsp;</span>
123
+ <span class="cline-any cline-neutral">&nbsp;</span>
124
+ <span class="cline-any cline-neutral">&nbsp;</span>
125
+ <span class="cline-any cline-neutral">&nbsp;</span>
115
126
  <span class="cline-any cline-neutral">&nbsp;</span>
116
127
  <span class="cline-any cline-neutral">&nbsp;</span>
117
128
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -155,6 +166,7 @@
155
166
  <span class="cline-any cline-neutral">&nbsp;</span>
156
167
  <span class="cline-any cline-neutral">&nbsp;</span>
157
168
  <span class="cline-any cline-neutral">&nbsp;</span>
169
+ <span class="cline-any cline-neutral">&nbsp;</span>
158
170
  <span class="cline-any cline-yes">20x</span>
159
171
  <span class="cline-any cline-neutral">&nbsp;</span>
160
172
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -162,6 +174,7 @@
162
174
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
163
175
  &nbsp;
164
176
  import useLayer from "../../hooks/useLayer";
177
+ import { Feature, FeatureCollection } from "@turf/turf";
165
178
  &nbsp;
166
179
  interface MlLayerProps {
167
180
  /**
@@ -181,6 +194,10 @@ interface MlLayerProps {
181
194
  * Javascript object that is passed the addLayer command as first parameter.
182
195
  */
183
196
  options?: any;
197
+ /**
198
+ * GeoJSON data that is supposed to be rendered by this component.
199
+ */
200
+ geojson?: Feature | FeatureCollection | undefined;
184
201
  }
185
202
  &nbsp;
186
203
  /**
@@ -193,6 +210,7 @@ const MlLayer = (props: MlLayerProps) =&gt; {
193
210
  idPrefix: 'MlLayer-',
194
211
  layerId: props.layerId,
195
212
  mapId: props.mapId,
213
+ geojson: props.geojson,
196
214
  options: {
197
215
  type: "background",
198
216
  paint: {
@@ -214,7 +232,7 @@ export default MlLayer;
214
232
  <div class='footer quiet pad2 space-top1 center small'>
215
233
  Code coverage generated by
216
234
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
217
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
235
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
218
236
  </div>
219
237
  <script src="../../../prettify.js"></script>
220
238
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -736,7 +736,7 @@ export default MlLayerMagnify;
736
736
  <div class='footer quiet pad2 space-top1 center small'>
737
737
  Code coverage generated by
738
738
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
739
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
739
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
740
740
  </div>
741
741
  <script src="../../../prettify.js"></script>
742
742
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -508,7 +508,7 @@ export default MlLayerSwipe;
508
508
  <div class='footer quiet pad2 space-top1 center small'>
509
509
  Code coverage generated by
510
510
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
511
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
511
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
512
512
  </div>
513
513
  <script src="../../../prettify.js"></script>
514
514
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -721,7 +721,7 @@ export default MlLayerSwitcher;
721
721
  <div class='footer quiet pad2 space-top1 center small'>
722
722
  Code coverage generated by
723
723
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
724
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
724
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
725
725
  </div>
726
726
  <script src="../../../prettify.js"></script>
727
727
  <script>
@@ -292,7 +292,7 @@ export default LayerBox;
292
292
  <div class='footer quiet pad2 space-top1 center small'>
293
293
  Code coverage generated by
294
294
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
295
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
295
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
296
296
  </div>
297
297
  <script src="../../../../prettify.js"></script>
298
298
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../../prettify.js"></script>
107
107
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -490,7 +490,7 @@ export default MlMarker;
490
490
  <div class='footer quiet pad2 space-top1 center small'>
491
491
  Code coverage generated by
492
492
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
493
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
493
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
494
494
  </div>
495
495
  <script src="../../../prettify.js"></script>
496
496
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -250,7 +250,7 @@ export default MlMeasureTool;
250
250
  <div class='footer quiet pad2 space-top1 center small'>
251
251
  Code coverage generated by
252
252
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
253
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
253
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
254
254
  </div>
255
255
  <script src="../../../prettify.js"></script>
256
256
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -748,7 +748,7 @@ export default MlNavigationCompass;
748
748
  <div class='footer quiet pad2 space-top1 center small'>
749
749
  Code coverage generated by
750
750
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
751
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
751
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
752
752
  </div>
753
753
  <script src="../../../prettify.js"></script>
754
754
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -32,7 +32,7 @@
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/46</span>
35
+ <span class='fraction'>0/44</span>
36
36
  </div>
37
37
 
38
38
 
@@ -253,7 +253,23 @@
253
253
  <a name='L188'></a><a href='#L188'>188</a>
254
254
  <a name='L189'></a><a href='#L189'>189</a>
255
255
  <a name='L190'></a><a href='#L190'>190</a>
256
- <a name='L191'></a><a href='#L191'>191</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
256
+ <a name='L191'></a><a href='#L191'>191</a>
257
+ <a name='L192'></a><a href='#L192'>192</a>
258
+ <a name='L193'></a><a href='#L193'>193</a>
259
+ <a name='L194'></a><a href='#L194'>194</a>
260
+ <a name='L195'></a><a href='#L195'>195</a>
261
+ <a name='L196'></a><a href='#L196'>196</a>
262
+ <a name='L197'></a><a href='#L197'>197</a>
263
+ <a name='L198'></a><a href='#L198'>198</a>
264
+ <a name='L199'></a><a href='#L199'>199</a>
265
+ <a name='L200'></a><a href='#L200'>200</a>
266
+ <a name='L201'></a><a href='#L201'>201</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
267
+ <span class="cline-any cline-neutral">&nbsp;</span>
268
+ <span class="cline-any cline-neutral">&nbsp;</span>
269
+ <span class="cline-any cline-neutral">&nbsp;</span>
270
+ <span class="cline-any cline-neutral">&nbsp;</span>
271
+ <span class="cline-any cline-neutral">&nbsp;</span>
272
+ <span class="cline-any cline-neutral">&nbsp;</span>
257
273
  <span class="cline-any cline-neutral">&nbsp;</span>
258
274
  <span class="cline-any cline-neutral">&nbsp;</span>
259
275
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -443,11 +459,17 @@
443
459
  <span class="cline-any cline-neutral">&nbsp;</span>
444
460
  <span class="cline-any cline-neutral">&nbsp;</span>
445
461
  <span class="cline-any cline-neutral">&nbsp;</span>
462
+ <span class="cline-any cline-neutral">&nbsp;</span>
463
+ <span class="cline-any cline-neutral">&nbsp;</span>
464
+ <span class="cline-any cline-neutral">&nbsp;</span>
465
+ <span class="cline-any cline-neutral">&nbsp;</span>
446
466
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useEffect, useState } from "react";
447
467
  import Button from "@mui/material/Button";
448
468
  import ButtonGroup from "@mui/material/ButtonGroup";
449
469
  import ControlPointIcon from "@mui/icons-material/ControlPoint";
450
470
  import RemoveCircleOutlineIcon from "@mui/icons-material/RemoveCircleOutline";
471
+ import Box from "@mui/material/Box";
472
+ import { SxProps } from "@mui/material";
451
473
  &nbsp;
452
474
  import MlNavigationCompass from "../MlNavigationCompass/MlNavigationCompass";
453
475
  import MlFollowGps from "../MlFollowGps/MlFollowGps";
@@ -485,6 +507,10 @@ interface MlNavigationToolsProps {
485
507
  * Additional JSX Elements to be rendered below MlNavigationTools buttons
486
508
  */
487
509
  children?: JSX.Element;
510
+ /**
511
+ * Style attribute for NavigationTools container
512
+ */
513
+ sx?: SxProps;
488
514
  }
489
515
  &nbsp;
490
516
  /**
@@ -516,7 +542,7 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
516
542
  };
517
543
  const iconStyle = <span class="cstat-no" title="statement not covered" >{</span>
518
544
  fontSize: buttonStyle.fontSize,
519
- }
545
+ };
520
546
  &nbsp;
521
547
  <span class="cstat-no" title="statement not covered" > useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
522
548
  <span class="cstat-no" title="statement not covered" > if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
@@ -560,14 +586,14 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
560
586
  };
561
587
  &nbsp;
562
588
  <span class="cstat-no" title="statement not covered" > return (</span>
563
- &lt;div
564
- style={{
589
+ &lt;Box
590
+ sx={{
565
591
  zIndex: 501,
566
592
  position: "absolute",
567
- right: mediaIsMobile ? "15px" : "5px",
568
- bottom: mediaIsMobile ? "40px" : "20px",
569
593
  display: "flex",
570
594
  flexDirection: "column",
595
+ ...(mediaIsMobile ? { margin: "20px 10px 20px 10px" } : {}),
596
+ ...props.sx,
571
597
  }}
572
598
  &gt;
573
599
  &lt;MlNavigationCompass
@@ -591,7 +617,7 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
591
617
  &lt;/Button&gt;
592
618
  )}
593
619
  {props.showFollowGpsButton &amp;&amp; (
594
- &lt;MlFollowGps style={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
620
+ &lt;MlFollowGps buttonSx={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
595
621
  )}
596
622
  {props.showCenterLocationButton &amp;&amp; (
597
623
  &lt;MlCenterPosition style={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
@@ -608,10 +634,10 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
608
634
  {props.showZoomButtons &amp;&amp; (
609
635
  &lt;&gt;
610
636
  &lt;Button sx={{ ...buttonStyle }} onClick={zoomIn}&gt;
611
- &lt;ControlPointIcon sx={{...iconStyle}} /&gt;
637
+ &lt;ControlPointIcon sx={{ ...iconStyle }} /&gt;
612
638
  &lt;/Button&gt;
613
639
  &lt;Button sx={{ ...buttonStyle }} onClick={zoomOut}&gt;
614
- &lt;RemoveCircleOutlineIcon sx={{...iconStyle}} /&gt;
640
+ &lt;RemoveCircleOutlineIcon sx={{ ...iconStyle }} /&gt;
615
641
  &lt;/Button&gt;
616
642
  &lt;/&gt;
617
643
  )}
@@ -620,7 +646,7 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
620
646
  React.cloneElement(props.children, {
621
647
  sx: { ...buttonStyle },
622
648
  })}
623
- &lt;/div&gt;
649
+ &lt;/Box&gt;
624
650
  );
625
651
  };
626
652
  &nbsp;
@@ -630,6 +656,10 @@ MlNavigationTools.defaultProps = {
630
656
  showFollowGpsButton: true,
631
657
  showCenterLocationButton: false,
632
658
  showZoomButtons: true,
659
+ sx: {
660
+ right: "5px",
661
+ bottom: "20px",
662
+ },
633
663
  };
634
664
  &nbsp;
635
665
  export default MlNavigationTools;
@@ -640,7 +670,7 @@ export default MlNavigationTools;
640
670
  <div class='footer quiet pad2 space-top1 center small'>
641
671
  Code coverage generated by
642
672
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
643
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
673
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
644
674
  </div>
645
675
  <script src="../../../prettify.js"></script>
646
676
  <script>
@@ -32,7 +32,7 @@
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/46</span>
35
+ <span class='fraction'>0/44</span>
36
36
  </div>
37
37
 
38
38
 
@@ -86,7 +86,7 @@
86
86
  <td data-value="5.71" class="pct low">5.71%</td>
87
87
  <td data-value="35" class="abs low">2/35</td>
88
88
  <td data-value="0" class="pct low">0%</td>
89
- <td data-value="46" class="abs low">0/46</td>
89
+ <td data-value="44" class="abs low">0/44</td>
90
90
  <td data-value="0" class="pct low">0%</td>
91
91
  <td data-value="8" class="abs low">0/8</td>
92
92
  <td data-value="6.66" class="pct low">6.66%</td>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -283,7 +283,7 @@ export default MlOsmLayer;
283
283
  <div class='footer quiet pad2 space-top1 center small'>
284
284
  Code coverage generated by
285
285
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
286
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
286
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
287
287
  </div>
288
288
  <script src="../../../prettify.js"></script>
289
289
  <script>
@@ -217,7 +217,7 @@ export const ExampleConfig = <span class="cstat-no" title="statement not covered
217
217
  <div class='footer quiet pad2 space-top1 center small'>
218
218
  Code coverage generated by
219
219
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
220
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
220
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
221
221
  </div>
222
222
  <script src="../../../prettify.js"></script>
223
223
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
119
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
120
120
  </div>
121
121
  <script src="../../../prettify.js"></script>
122
122
  <script>
@@ -376,7 +376,7 @@ export default MlScaleReference;
376
376
  <div class='footer quiet pad2 space-top1 center small'>
377
377
  Code coverage generated by
378
378
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
379
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
379
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
380
380
  </div>
381
381
  <script src="../../../prettify.js"></script>
382
382
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -769,7 +769,7 @@ export default MlShareMapState;
769
769
  <div class='footer quiet pad2 space-top1 center small'>
770
770
  Code coverage generated by
771
771
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
772
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
772
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
773
773
  </div>
774
774
  <script src="../../../prettify.js"></script>
775
775
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -742,7 +742,7 @@ export default MlSpatialElevationProfile;
742
742
  <div class='footer quiet pad2 space-top1 center small'>
743
743
  Code coverage generated by
744
744
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
745
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
745
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
746
746
  </div>
747
747
  <script src="../../../prettify.js"></script>
748
748
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -688,7 +688,7 @@ export default MlThreeJsLayer;</pre></td></tr></table></pre>
688
688
  <div class='footer quiet pad2 space-top1 center small'>
689
689
  Code coverage generated by
690
690
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
691
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
691
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
692
692
  </div>
693
693
  <script src="../../../prettify.js"></script>
694
694
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -577,7 +577,7 @@ export default MlTransitionGeoJsonLayer;
577
577
  <div class='footer quiet pad2 space-top1 center small'>
578
578
  Code coverage generated by
579
579
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
580
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
580
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
581
581
  </div>
582
582
  <script src="../../../prettify.js"></script>
583
583
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -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 Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
298
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
299
299
  </div>
300
300
  <script src="../../../prettify.js"></script>
301
301
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -541,7 +541,7 @@ export default MlVectorTileLayer;
541
541
  <div class='footer quiet pad2 space-top1 center small'>
542
542
  Code coverage generated by
543
543
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
544
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
544
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
545
545
  </div>
546
546
  <script src="../../../prettify.js"></script>
547
547
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 11:04:07 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>