@mapcomponents/react-maplibre 0.1.34 → 0.1.35

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 (305) hide show
  1. package/.babelrc +3 -0
  2. package/.github/workflows/storybook.yml +1 -1
  3. package/.storybook/.babelrc +26 -0
  4. package/.storybook/main.js +15 -1
  5. package/.storybook/mapcomponents_logo.png +0 -0
  6. package/CHANGELOG.md +6 -1
  7. package/config/env.js +106 -0
  8. package/config/getHttpsConfig.js +66 -0
  9. package/config/jest/babelTransform.js +29 -0
  10. package/config/jest/cssTransform.js +14 -0
  11. package/config/jest/fileTransform.js +40 -0
  12. package/config/modules.js +134 -0
  13. package/config/paths.js +75 -0
  14. package/config/pnpTs.js +35 -0
  15. package/config/webpack.config.js +757 -0
  16. package/config/webpackDevServer.config.js +130 -0
  17. package/coverage/clover.xml +822 -900
  18. package/coverage/coverage-final.json +23 -24
  19. package/coverage/lcov-report/index.html +135 -150
  20. package/coverage/lcov-report/src/components/MapLibreMap/{MapLibreMap.js.html → MapLibreMap.tsx.html} +77 -68
  21. package/coverage/lcov-report/src/components/MapLibreMap/index.html +6 -6
  22. package/coverage/lcov-report/src/components/MlCreatePdfButton/{MlCreatePdfButton.js.html → MlCreatePdfButton.tsx.html} +40 -43
  23. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +10 -10
  24. package/coverage/lcov-report/src/components/MlFeatureEditor/{MlFeatureEditor.js.html → MlFeatureEditor.tsx.html} +145 -85
  25. package/coverage/lcov-report/src/components/MlFeatureEditor/index.html +21 -21
  26. package/coverage/lcov-report/src/components/{MlImageMarkerLayer/MlImageMarkerLayer.js.html → MlFillExtrusionLayer/MlFillExtrusionLayer.tsx.html} +141 -111
  27. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +20 -20
  28. package/coverage/lcov-report/src/components/MlFollowGps/{MlFollowGps.js.html → MlFollowGps.tsx.html} +177 -138
  29. package/coverage/lcov-report/src/components/MlFollowGps/index.html +15 -15
  30. package/coverage/lcov-report/src/components/MlGPXViewer/{MlGPXViewer.js.html → MlGPXViewer.tsx.html} +134 -80
  31. package/coverage/lcov-report/src/components/MlGPXViewer/gpxConverter.js.html +1 -1
  32. package/coverage/lcov-report/src/components/MlGPXViewer/index.html +16 -16
  33. package/coverage/lcov-report/src/components/{MlLayer/MlLayer.js.html → MlGeoJsonLayer/MlGeoJsonLayer.tsx.html} +151 -154
  34. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +19 -19
  35. package/coverage/lcov-report/src/components/{MlFillExtrusionLayer/MlFillExtrusionLayer.js.html → MlImageMarkerLayer/MlImageMarkerLayer.tsx.html} +151 -223
  36. package/coverage/lcov-report/src/components/MlImageMarkerLayer/index.html +16 -16
  37. package/coverage/lcov-report/src/components/MlLayer/MlLayer.tsx.html +229 -0
  38. package/coverage/lcov-report/src/components/MlLayer/index.html +21 -21
  39. package/coverage/lcov-report/src/components/MlLayerMagnify/{MlLayerMagnify.js.html → MlLayerMagnify.tsx.html} +134 -77
  40. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +20 -20
  41. package/coverage/lcov-report/src/components/MlLayerSwipe/{MlLayerSwipe.js.html → MlLayerSwipe.tsx.html} +83 -41
  42. package/coverage/lcov-report/src/components/MlLayerSwipe/index.html +2 -2
  43. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +3 -15
  44. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +1 -1
  45. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +1 -1
  46. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +1 -1
  47. package/coverage/lcov-report/src/components/MlMarker/{MlMarker.js.html → MlMarker.tsx.html} +89 -137
  48. package/coverage/lcov-report/src/components/MlMarker/index.html +10 -10
  49. package/coverage/lcov-report/src/components/MlNavigationCompass/{MlNavigationCompass.js.html → MlNavigationCompass.tsx.html} +76 -25
  50. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +17 -17
  51. package/coverage/lcov-report/src/components/MlNavigationTools/{MlNavigationTools.js.html → MlNavigationTools.tsx.html} +67 -52
  52. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +10 -10
  53. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +1 -1
  54. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +1 -1
  55. package/coverage/lcov-report/src/components/MlScaleReference/MlScaleReference.js.html +1 -1
  56. package/coverage/lcov-report/src/components/MlScaleReference/index.html +1 -1
  57. package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html +1 -1
  58. package/coverage/lcov-report/src/components/MlShareMapState/index.html +1 -1
  59. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +3 -3
  60. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/index.html +1 -1
  61. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreeJsLayer.js.html +5 -5
  62. package/coverage/lcov-report/src/components/MlThreeJsLayer/index.html +1 -1
  63. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/{MlTransitionGeoJsonLayer.js.html → MlTransitionGeoJsonLayer.tsx.html} +127 -118
  64. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/index.html +11 -11
  65. package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html +1 -1
  66. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +1 -1
  67. package/coverage/lcov-report/src/components/MlVectorTileLayer/{MlVectorTileLayer.js.html → MlVectorTileLayer.tsx.html} +59 -11
  68. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +2 -2
  69. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +1 -1
  70. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +1 -1
  71. package/coverage/lcov-report/src/components/MlWmsLayer/{MlWmsLayer.js.html → MlWmsLayer.tsx.html} +56 -11
  72. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +2 -2
  73. package/coverage/lcov-report/src/components/MlWmsLoader/{MlWmsLoader.js.html → MlWmsLoader.tsx.html} +102 -78
  74. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +8 -8
  75. package/coverage/lcov-report/src/hooks/index.html +44 -29
  76. package/coverage/lcov-report/src/{components/MlGeoJsonLayer/MlGeoJsonLayer.js.html → hooks/useLayer.ts.html} +328 -184
  77. package/coverage/lcov-report/src/hooks/{useMap.js.html → useMap.ts.html} +140 -50
  78. package/coverage/lcov-report/src/hooks/{useMapState.js.html → useMapState.ts.html} +166 -61
  79. package/coverage/lcov-report/src/hooks/useWms.js.html +1 -1
  80. package/coverage/lcov-report/src/index.html +15 -15
  81. package/coverage/lcov-report/src/{i18n.js.html → index.ts.html} +50 -32
  82. package/coverage/lcov.info +1540 -1669
  83. package/dist/index.esm.css +195 -0
  84. package/dist/index.esm.js +17049 -4280
  85. package/dist/index.esm.js.map +1 -1
  86. package/docs-build/0.d0c23b79.iframe.bundle.js +2 -0
  87. package/docs-build/0.d0c23b79.iframe.bundle.js.map +1 -0
  88. package/docs-build/0.fd1aa3ea21956d993519.manager.bundle.js +1 -0
  89. package/docs-build/1.34075652.iframe.bundle.js +10 -0
  90. package/docs-build/1.34075652.iframe.bundle.js.map +1 -0
  91. package/docs-build/16.ca488dae.iframe.bundle.js +2 -0
  92. package/docs-build/16.ca488dae.iframe.bundle.js.map +1 -0
  93. package/docs-build/17.e40eac7f.iframe.bundle.js +17 -0
  94. package/docs-build/17.e40eac7f.iframe.bundle.js.map +1 -0
  95. package/docs-build/18.62af0912.iframe.bundle.js +14 -0
  96. package/docs-build/18.62af0912.iframe.bundle.js.map +1 -0
  97. package/docs-build/19.0a217189.iframe.bundle.js +2 -0
  98. package/docs-build/19.0a217189.iframe.bundle.js.map +1 -0
  99. package/docs-build/2.f15ae19a.iframe.bundle.js +2 -0
  100. package/docs-build/2.f15ae19a.iframe.bundle.js.map +1 -0
  101. package/docs-build/20.4c43e27c.iframe.bundle.js +4 -0
  102. package/docs-build/20.4c43e27c.iframe.bundle.js.map +1 -0
  103. package/docs-build/21.19c21085.iframe.bundle.js +22 -0
  104. package/docs-build/21.19c21085.iframe.bundle.js.map +1 -0
  105. package/docs-build/3.5dd9e88b.iframe.bundle.js +2 -0
  106. package/docs-build/3.5dd9e88b.iframe.bundle.js.map +1 -0
  107. package/docs-build/4.f741dafe1833630ec8bf.manager.bundle.js +2 -0
  108. package/docs-build/4.f741dafe1833630ec8bf.manager.bundle.js.LICENSE.txt +8 -0
  109. package/docs-build/5.d4de191e7daeefb036ca.manager.bundle.js +1 -0
  110. package/docs-build/6.2b178c5444648ee5c0fa.manager.bundle.js +2 -0
  111. package/docs-build/6.2b178c5444648ee5c0fa.manager.bundle.js.LICENSE.txt +12 -0
  112. package/docs-build/7.7c16aea8ec7ea6e91994.manager.bundle.js +1 -0
  113. package/docs-build/8.52fa838fdf937b29676a.manager.bundle.js +1 -0
  114. package/docs-build/assets/dop.png +0 -0
  115. package/docs-build/assets/historic.png +0 -0
  116. package/docs-build/assets/marker.png +0 -0
  117. package/docs-build/assets/osm.png +0 -0
  118. package/docs-build/assets/sample.gpx +716 -0
  119. package/docs-build/{.gitkeep → catalogue/.gitkeep} +0 -0
  120. package/docs-build/catalogue/mc_meta.json +1 -0
  121. package/docs-build/favicon.ico +0 -0
  122. package/docs-build/iframe.html +348 -0
  123. package/docs-build/index.html +59 -0
  124. package/docs-build/logo.png +0 -0
  125. package/docs-build/main.8a7ec710ea1c16b5e13f.manager.bundle.js +1 -0
  126. package/docs-build/main~24120820.ba6665a8.iframe.bundle.js +2 -0
  127. package/docs-build/main~24120820.ba6665a8.iframe.bundle.js.map +1 -0
  128. package/docs-build/manifest.json +25 -0
  129. package/docs-build/robots.txt +3 -0
  130. package/docs-build/runtime~main.67aa1de2d72f40a81164.manager.bundle.js +1 -0
  131. package/docs-build/static/media/mapcomponents_logo.98b01a05.png +0 -0
  132. package/docs-build/static/media/wg-marker.bf3eeb2d.png +0 -0
  133. package/docs-build/stories.json +331 -0
  134. package/docs-build/thumbnails/MapLibreMap.png +0 -0
  135. package/docs-build/thumbnails/MlCameraFollowPath.png +0 -0
  136. package/docs-build/thumbnails/MlCreatePdfButton.png +0 -0
  137. package/docs-build/thumbnails/MlDeckGlLayer.png +0 -0
  138. package/docs-build/thumbnails/MlDeckGlTerrainLayer.png +0 -0
  139. package/docs-build/thumbnails/MlDemoDashboard.png +0 -0
  140. package/docs-build/thumbnails/MlFeatureEditor.png +0 -0
  141. package/docs-build/thumbnails/MlFillExtrusionLayer.png +0 -0
  142. package/docs-build/thumbnails/MlFollowGps.png +0 -0
  143. package/docs-build/thumbnails/MlGPXViewer.png +0 -0
  144. package/docs-build/thumbnails/MlGeoJsonLayer.png +0 -0
  145. package/docs-build/thumbnails/MlHillshadeLayer.png +0 -0
  146. package/docs-build/thumbnails/MlIconLayer.png +0 -0
  147. package/docs-build/thumbnails/MlLaermkarte.png +0 -0
  148. package/docs-build/thumbnails/MlLayerMagnify.png +0 -0
  149. package/docs-build/thumbnails/MlLayerSwipe.png +0 -0
  150. package/docs-build/thumbnails/MlMapDrawTools.png +0 -0
  151. package/docs-build/thumbnails/MlMobilerImker.png +0 -0
  152. package/docs-build/thumbnails/MlNavigationCompass.png +0 -0
  153. package/docs-build/thumbnails/MlNavigationTools.png +0 -0
  154. package/docs-build/thumbnails/MlOsmLayer.png +0 -0
  155. package/docs-build/thumbnails/MlScaleReference.png +0 -0
  156. package/docs-build/thumbnails/MlSpatialElevationProfile.png +0 -0
  157. package/docs-build/thumbnails/MlThreeJsLayer.png +0 -0
  158. package/docs-build/thumbnails/MlTransitionGeoJsonLayer.png +0 -0
  159. package/docs-build/thumbnails/MlVectorTileLayer.png +0 -0
  160. package/docs-build/thumbnails/MlWanderApp.png +0 -0
  161. package/docs-build/thumbnails/MlWmsLayer.png +0 -0
  162. package/docs-build/thumbnails/MlWmsLoader.png +0 -0
  163. package/docs-build/vendors~main.351900838c49e9200954.manager.bundle.js +2 -0
  164. package/docs-build/vendors~main.351900838c49e9200954.manager.bundle.js.LICENSE.txt +101 -0
  165. package/docs-build/vendors~main~0ad7406a.a6abfed7.iframe.bundle.js +8 -0
  166. package/docs-build/vendors~main~0ad7406a.a6abfed7.iframe.bundle.js.map +1 -0
  167. package/docs-build/vendors~main~0f485567.1d7a15b7.iframe.bundle.js +2 -0
  168. package/docs-build/vendors~main~0f485567.1d7a15b7.iframe.bundle.js.map +1 -0
  169. package/docs-build/vendors~main~41a6ab2c.525ecc56.iframe.bundle.js +2 -0
  170. package/docs-build/vendors~main~41a6ab2c.525ecc56.iframe.bundle.js.map +1 -0
  171. package/docs-build/vendors~main~52589227.1d1558cd.iframe.bundle.js +8 -0
  172. package/docs-build/vendors~main~52589227.1d1558cd.iframe.bundle.js.map +1 -0
  173. package/docs-build/vendors~main~73914085.227c6747.iframe.bundle.js +293 -0
  174. package/docs-build/vendors~main~73914085.227c6747.iframe.bundle.js.map +1 -0
  175. package/docs-build/vendors~main~9c5b28f6.f02cc741.iframe.bundle.js +7 -0
  176. package/docs-build/vendors~main~9c5b28f6.f02cc741.iframe.bundle.js.map +1 -0
  177. package/docs-build/vendors~main~b5906859.4083ac60.iframe.bundle.js +21 -0
  178. package/docs-build/vendors~main~b5906859.4083ac60.iframe.bundle.js.map +1 -0
  179. package/docs-build/vendors~main~b8f44717.7a612c34.iframe.bundle.js +89 -0
  180. package/docs-build/vendors~main~b8f44717.7a612c34.iframe.bundle.js.map +1 -0
  181. package/docs-build/vendors~main~b9cf3951.45da142d.iframe.bundle.js +68 -0
  182. package/docs-build/vendors~main~b9cf3951.45da142d.iframe.bundle.js.map +1 -0
  183. package/docs-build/vendors~main~d939e436.92c27fbf.iframe.bundle.js +2 -0
  184. package/docs-build/vendors~main~d939e436.92c27fbf.iframe.bundle.js.map +1 -0
  185. package/docs-build/vendors~main~dab50aa4.b0d58038.iframe.bundle.js +107 -0
  186. package/docs-build/vendors~main~dab50aa4.b0d58038.iframe.bundle.js.map +1 -0
  187. package/package.json +132 -115
  188. package/public/favicon.ico +0 -0
  189. package/public/logo.png +0 -0
  190. package/rollup.config.js +26 -3
  191. package/scripts/start.js +166 -0
  192. package/scripts/test.js +53 -0
  193. package/src/components/MapLibreMap/MapLibreMap.stories.js +14 -5
  194. package/src/components/MapLibreMap/MapLibreMap.test.js +1 -1
  195. package/src/components/MapLibreMap/{MapLibreMap.js → MapLibreMap.tsx} +40 -37
  196. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.test.js +3 -3
  197. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.ts +636 -0
  198. package/src/components/MlComponentTemplate/MlComponentTemplate.stories.js +0 -2
  199. package/src/components/MlComponentTemplate/MlComponentTemplate.tsx +42 -0
  200. package/src/components/MlCreatePdfButton/MlCreatePdfButton.stories.js +0 -5
  201. package/src/components/MlCreatePdfButton/MlCreatePdfButton.tsx +51 -0
  202. package/src/components/MlCreatePdfButton/lib/{createPdf.js → createPdf.ts} +26 -23
  203. package/src/components/MlCreatePdfButton/lib/{nominatimMap.js → nominatimMap.ts} +3 -3
  204. package/src/components/MlFeatureEditor/MlFeatureEditor.tsx +139 -0
  205. package/src/components/MlFeatureEditor/custom-direct-select-mode.js +12 -8
  206. package/src/components/MlFeatureEditor/custom-polygon-mode.js +9 -5
  207. package/src/components/MlFeatureEditor/custom-select-mode.js +11 -7
  208. package/src/components/MlFeatureEditor/lib/LICENSE.md +18 -0
  209. package/src/components/MlFeatureEditor/lib/common_selectors.js +4 -0
  210. package/src/components/MlFeatureEditor/lib/constants.js +4 -0
  211. package/src/components/MlFeatureEditor/lib/constrain_feature_movement.js +4 -0
  212. package/src/components/MlFeatureEditor/lib/create_midpoint.js +4 -0
  213. package/src/components/MlFeatureEditor/lib/create_supplementary_points.js +4 -0
  214. package/src/components/MlFeatureEditor/lib/create_vertex.js +4 -0
  215. package/src/components/MlFeatureEditor/lib/double_click_zoom.js +4 -0
  216. package/src/components/MlFeatureEditor/lib/euclidean_distance.js +4 -0
  217. package/src/components/MlFeatureEditor/lib/features_at.js +4 -0
  218. package/src/components/MlFeatureEditor/lib/get_features_and_set_cursor.js +4 -0
  219. package/src/components/MlFeatureEditor/lib/is_click.js +4 -0
  220. package/src/components/MlFeatureEditor/lib/is_event_at_coordinates.js +4 -0
  221. package/src/components/MlFeatureEditor/lib/is_tap.js +4 -0
  222. package/src/components/MlFeatureEditor/lib/map_event_to_bounding_box.js +4 -0
  223. package/src/components/MlFeatureEditor/lib/mode_handler.js +4 -0
  224. package/src/components/MlFeatureEditor/lib/mouse_event_point.js +4 -0
  225. package/src/components/MlFeatureEditor/lib/move_features.js +4 -0
  226. package/src/components/MlFeatureEditor/lib/sort_features.js +4 -0
  227. package/src/components/MlFeatureEditor/lib/string_set.js +4 -0
  228. package/src/components/MlFeatureEditor/lib/string_sets_are_equal.js +4 -0
  229. package/src/components/MlFeatureEditor/lib/theme.js +4 -0
  230. package/src/components/MlFeatureEditor/lib/to_dense_array.js +4 -0
  231. package/src/components/MlFeatureEditor/lib/utils.js +4 -0
  232. package/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.stories.js +6 -11
  233. package/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.tsx +85 -0
  234. package/src/components/MlFollowGps/MlFollowGps.stories.js +0 -2
  235. package/src/components/MlFollowGps/{MlFollowGps.js → MlFollowGps.tsx} +99 -86
  236. package/src/components/MlGPXViewer/{MlGPXViewer.js → MlGPXViewer.tsx} +68 -50
  237. package/src/components/MlGPXViewer/util/GeoJsonContext.ts +13 -0
  238. package/src/components/MlGPXViewer/util/{GeoJsonProvider.js → GeoJsonProvider.tsx} +3 -7
  239. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.stories.js +8 -3
  240. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.tsx +106 -0
  241. package/src/components/MlGeoJsonLayer/util/{getDefaultLayerTypeByGeometry.js → getDefaultLayerTypeByGeometry.ts} +6 -1
  242. package/src/components/MlGeoJsonLayer/util/{getDefaultPaintPropsByType.js → getDefaultPaintPropsByType.ts} +1 -1
  243. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.stories.js +1 -4
  244. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.tsx +129 -0
  245. package/src/components/MlLayer/MlLayer.stories.js +0 -2
  246. package/src/components/MlLayer/MlLayer.tsx +48 -0
  247. package/src/components/MlLayerMagnify/MlLayerMagnify.stories.js +3 -3
  248. package/src/components/MlLayerMagnify/{MlLayerMagnify.js → MlLayerMagnify.tsx} +62 -43
  249. package/src/components/MlLayerSwipe/MlLayerSwipe.stories.js +0 -2
  250. package/src/components/MlLayerSwipe/{MlLayerSwipe.js → MlLayerSwipe.tsx} +38 -24
  251. package/src/components/MlLayerSwitcher/MlLayerSwitcher.js +0 -4
  252. package/src/components/MlMarker/MlMarker.tsx +140 -0
  253. package/src/components/MlNavigationCompass/{MlNavigationCompass.js → MlNavigationCompass.tsx} +27 -10
  254. package/src/components/MlNavigationTools/{MlNavigationTools.js → MlNavigationTools.tsx} +37 -32
  255. package/src/components/MlTransitionGeoJsonLayer/{MlTransitionGeoJsonLayer.js → MlTransitionGeoJsonLayer.tsx} +76 -73
  256. package/src/components/MlVectorTileLayer/{MlVectorTileLayer.js → MlVectorTileLayer.tsx} +23 -7
  257. package/src/components/MlWmsLayer/{MlWmsLayer.js → MlWmsLayer.tsx} +22 -7
  258. package/src/components/MlWmsLoader/{MlWmsLoader.js → MlWmsLoader.tsx} +55 -47
  259. package/src/custom.d.tsx +26 -0
  260. package/src/hooks/useLayer.ts +221 -0
  261. package/src/hooks/{useMap.js → useMap.ts} +48 -17
  262. package/src/hooks/{useMapState.js → useMapState.ts} +42 -7
  263. package/src/{index.js → index.ts} +15 -8
  264. package/tsconfig.json +18 -24
  265. package/.env +0 -1
  266. package/.storybook/main.bck.js +0 -56
  267. package/babel.config.json +0 -4
  268. package/coverage/lcov-report/src/translations/english.js.html +0 -94
  269. package/coverage/lcov-report/src/translations/german.js.html +0 -94
  270. package/coverage/lcov-report/src/translations/index.html +0 -131
  271. package/jest.config.json +0 -16
  272. package/jsdoc.json +0 -21
  273. package/public/assets/3D/posttower.gltf +0 -103
  274. package/public/assets/3D/posttower_simple.gltf +0 -103
  275. package/public/assets/3D/posttower_wh.gltf.glb +0 -0
  276. package/public/bee.png +0 -0
  277. package/public/logo192.png +0 -0
  278. package/public/logo512.png +0 -0
  279. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.js +0 -528
  280. package/src/components/MlComponentTemplate/MlComponentTemplate.js +0 -39
  281. package/src/components/MlCreatePdfButton/MlCreatePdfButton.js +0 -52
  282. package/src/components/MlFeatureEditor/MlFeatureEditor.js +0 -119
  283. package/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.js +0 -153
  284. package/src/components/MlGPXViewer/util/GeoJsonContext.js +0 -6
  285. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js +0 -173
  286. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.js +0 -75
  287. package/src/components/MlLayer/MlLayer.js +0 -107
  288. package/src/components/MlLayerMagnify/utils/compareMagnify.js +0 -173
  289. package/src/components/MlLayerSwipe/utils/swipeCompare.js +0 -220
  290. package/src/components/MlMarker/MlMarker.js +0 -156
  291. package/src/components/index.js +0 -6
  292. package/src/i18n.js +0 -28
  293. package/src/react-app-env.d.ts +0 -1
  294. package/src/stories/IntroductionCore.stories.mdx +0 -3
  295. package/src/stories/assets/code-brackets.svg +0 -1
  296. package/src/stories/assets/colors.svg +0 -1
  297. package/src/stories/assets/comments.svg +0 -1
  298. package/src/stories/assets/direction.svg +0 -1
  299. package/src/stories/assets/flow.svg +0 -1
  300. package/src/stories/assets/plugin.svg +0 -1
  301. package/src/stories/assets/repo.svg +0 -1
  302. package/src/stories/assets/stackalt.svg +0 -1
  303. package/src/stories/components/ComponentTeaser.js +0 -64
  304. package/src/translations/english.js +0 -4
  305. package/src/translations/german.js +0 -4
package/coverage/lcov-report/src/components/MlNavigationCompass/{MlNavigationCompass.js.html → MlNavigationCompass.tsx.html} RENAMED
@@ -3,7 +3,7 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for src/components/MlNavigationCompass/MlNavigationCompass.js</title>
6
+ <title>Code coverage report for src/components/MlNavigationCompass/MlNavigationCompass.tsx</title>
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../base.css" />
@@ -19,20 +19,20 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlNavigationCompass</a> MlNavigationCompass.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlNavigationCompass</a> MlNavigationCompass.tsx</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">53.12% </span>
26
+ <span class="strong">47.36% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>17/32</span>
28
+ <span class='fraction'>18/38</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">20% </span>
33
+ <span class="strong">22.22% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>2/10</span>
35
+ <span class='fraction'>4/18</span>
36
36
  </div>
37
37
 
38
38
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">51.61% </span>
47
+ <span class="strong">47.05% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>16/31</span>
49
+ <span class='fraction'>16/34</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line medium'></div>
64
+ <div class='status-line low'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -272,7 +272,24 @@
272
272
  <a name='L207'></a><a href='#L207'>207</a>
273
273
  <a name='L208'></a><a href='#L208'>208</a>
274
274
  <a name='L209'></a><a href='#L209'>209</a>
275
- <a name='L210'></a><a href='#L210'>210</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
275
+ <a name='L210'></a><a href='#L210'>210</a>
276
+ <a name='L211'></a><a href='#L211'>211</a>
277
+ <a name='L212'></a><a href='#L212'>212</a>
278
+ <a name='L213'></a><a href='#L213'>213</a>
279
+ <a name='L214'></a><a href='#L214'>214</a>
280
+ <a name='L215'></a><a href='#L215'>215</a>
281
+ <a name='L216'></a><a href='#L216'>216</a>
282
+ <a name='L217'></a><a href='#L217'>217</a>
283
+ <a name='L218'></a><a href='#L218'>218</a>
284
+ <a name='L219'></a><a href='#L219'>219</a>
285
+ <a name='L220'></a><a href='#L220'>220</a>
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>
290
+ <a name='L225'></a><a href='#L225'>225</a>
291
+ <a name='L226'></a><a href='#L226'>226</a>
292
+ <a name='L227'></a><a href='#L227'>227</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
276
293
  <span class="cline-any cline-neutral">&nbsp;</span>
277
294
  <span class="cline-any cline-neutral">&nbsp;</span>
278
295
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -359,15 +376,28 @@
359
376
  <span class="cline-any cline-neutral">&nbsp;</span>
360
377
  <span class="cline-any cline-neutral">&nbsp;</span>
361
378
  <span class="cline-any cline-neutral">&nbsp;</span>
379
+ <span class="cline-any cline-neutral">&nbsp;</span>
380
+ <span class="cline-any cline-neutral">&nbsp;</span>
381
+ <span class="cline-any cline-neutral">&nbsp;</span>
382
+ <span class="cline-any cline-neutral">&nbsp;</span>
383
+ <span class="cline-any cline-neutral">&nbsp;</span>
384
+ <span class="cline-any cline-neutral">&nbsp;</span>
385
+ <span class="cline-any cline-neutral">&nbsp;</span>
386
+ <span class="cline-any cline-neutral">&nbsp;</span>
387
+ <span class="cline-any cline-neutral">&nbsp;</span>
362
388
  <span class="cline-any cline-yes">1x</span>
363
- <span class="cline-any cline-yes">8x</span>
364
- <span class="cline-any cline-yes">8x</span>
389
+ <span class="cline-any cline-yes">6x</span>
390
+ <span class="cline-any cline-neutral">&nbsp;</span>
365
391
  <span class="cline-any cline-neutral">&nbsp;</span>
366
- <span class="cline-any cline-yes">8x</span>
392
+ <span class="cline-any cline-neutral">&nbsp;</span>
393
+ <span class="cline-any cline-yes">6x</span>
394
+ <span class="cline-any cline-neutral">&nbsp;</span>
395
+ <span class="cline-any cline-yes">6x</span>
367
396
  <span class="cline-any cline-yes">4x</span>
368
397
  <span class="cline-any cline-neutral">&nbsp;</span>
369
398
  <span class="cline-any cline-yes">2x</span>
370
399
  <span class="cline-any cline-yes">2x</span>
400
+ <span class="cline-any cline-no">&nbsp;</span>
371
401
  <span class="cline-any cline-neutral">&nbsp;</span>
372
402
  <span class="cline-any cline-neutral">&nbsp;</span>
373
403
  <span class="cline-any cline-yes">2x</span>
@@ -378,7 +408,7 @@
378
408
  <span class="cline-any cline-neutral">&nbsp;</span>
379
409
  <span class="cline-any cline-neutral">&nbsp;</span>
380
410
  <span class="cline-any cline-neutral">&nbsp;</span>
381
- <span class="cline-any cline-yes">8x</span>
411
+ <span class="cline-any cline-yes">6x</span>
382
412
  <span class="cline-any cline-neutral">&nbsp;</span>
383
413
  <span class="cline-any cline-neutral">&nbsp;</span>
384
414
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -407,6 +437,8 @@
407
437
  <span class="cline-any cline-neutral">&nbsp;</span>
408
438
  <span class="cline-any cline-neutral">&nbsp;</span>
409
439
  <span class="cline-any cline-no">&nbsp;</span>
440
+ <span class="cline-any cline-neutral">&nbsp;</span>
441
+ <span class="cline-any cline-no">&nbsp;</span>
410
442
  <span class="cline-any cline-no">&nbsp;</span>
411
443
  <span class="cline-any cline-no">&nbsp;</span>
412
444
  <span class="cline-any cline-no">&nbsp;</span>
@@ -436,6 +468,8 @@
436
468
  <span class="cline-any cline-neutral">&nbsp;</span>
437
469
  <span class="cline-any cline-neutral">&nbsp;</span>
438
470
  <span class="cline-any cline-no">&nbsp;</span>
471
+ <span class="cline-any cline-neutral">&nbsp;</span>
472
+ <span class="cline-any cline-no">&nbsp;</span>
439
473
  <span class="cline-any cline-no">&nbsp;</span>
440
474
  <span class="cline-any cline-no">&nbsp;</span>
441
475
  <span class="cline-any cline-no">&nbsp;</span>
@@ -561,6 +595,15 @@ const RotateButton = styled.div`
561
595
  }
562
596
  `;
563
597
  &nbsp;
598
+ interface MlNavigationCompassProps {
599
+ mapId?: string;
600
+ insertBeforeLayer?: string;
601
+ style?: any;
602
+ backgroundStyle?: any;
603
+ needleStyle?: any;
604
+ rotateRightStyle?: any;
605
+ rotateLeftStyle?: any;
606
+ }
564
607
  /**
565
608
  * Navigation component that displays a compass component which indicates the current oriantation of the map it is registered for and offers controls to turn the bearing 90° left/right or reset north to point up.
566
609
  *
@@ -568,22 +611,26 @@ const RotateButton = styled.div`
568
611
  *
569
612
  * @component
570
613
  */
571
- const MlNavigationCompass = (props) =&gt; {
572
- const mapHook = useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });
614
+ const MlNavigationCompass = (props: MlNavigationCompassProps) =&gt; {
615
+ const mapHook = useMap({
616
+ mapId: props.mapId,
617
+ waitForLayer: props.insertBeforeLayer,
618
+ });
573
619
  const [bearing, setBearing] = useState(0);
574
620
  &nbsp;
575
621
  useEffect(() =&gt; {
576
622
  if (!mapHook.map) return;
577
623
  &nbsp;
578
624
  let _updateBearing = () =&gt; {
579
- setBearing(Math.round(mapHook.map.getBearing()));
625
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (!mapHook.map?.map?.getBearing) return;
626
+ <span class="cstat-no" title="statement not covered" > setBearing(Math.round(mapHook.map.map.getBearing()));</span>
580
627
  };
581
628
  &nbsp;
582
629
  mapHook.map.on("rotate", _updateBearing, mapHook.componentId);
583
630
  _updateBearing();
584
631
  &nbsp;
585
632
  return () =&gt; {
586
- mapHook.map.off("rotate", _updateBearing);
633
+ mapHook.map?.map.off("rotate", _updateBearing);
587
634
  };
588
635
  }, [mapHook.map, props.mapId]);
589
636
  &nbsp;
@@ -615,7 +662,9 @@ const MlNavigationCompass = (props) =&gt; {
615
662
  &lt;RotateButton className={css({ ...props.rotateRightStyle })}&gt;
616
663
  &lt;RotateRightIcon
617
664
  onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
618
- let bearing = <span class="cstat-no" title="statement not covered" >Math.round(mapHook.map?.getBearing());</span>
665
+ <span class="cstat-no" title="statement not covered" > if(!mapHook.map)<span class="cstat-no" title="statement not covered" >return;</span></span>
666
+ &nbsp;
667
+ let bearing = <span class="cstat-no" title="statement not covered" >Math.round(mapHook.map.map.getBearing());</span>
619
668
  let rest = <span class="cstat-no" title="statement not covered" >Math.round(bearing % 90);</span>
620
669
  <span class="cstat-no" title="statement not covered" > if (bearing &gt; 0) {</span>
621
670
  <span class="cstat-no" title="statement not covered" > rest = 90 - rest;</span>
@@ -623,19 +672,19 @@ const MlNavigationCompass = (props) =&gt; {
623
672
  <span class="cstat-no" title="statement not covered" > if (rest === 0) {</span>
624
673
  <span class="cstat-no" title="statement not covered" > rest = 90;</span>
625
674
  }
626
- <span class="cstat-no" title="statement not covered" > mapHook.map?.setBearing(Math.round(bearing + Math.abs(rest)));</span>
675
+ <span class="cstat-no" title="statement not covered" > mapHook.map.map.setBearing(Math.round(bearing + Math.abs(rest)));</span>
627
676
  }}
628
677
  &gt;&lt;/RotateRightIcon&gt;
629
678
  &lt;/RotateButton&gt;
630
679
  &lt;NeedleButton
631
680
  className={css({ ...props.needleStyle })}
632
681
  onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
633
- <span class="cstat-no" title="statement not covered" > mapHook.map?.setBearing(0);</span>
682
+ <span class="cstat-no" title="statement not covered" > mapHook.map?.map.setBearing(0);</span>
634
683
  }}
635
684
  &gt;
636
685
  &lt;NeedleContainer
637
686
  style={{
638
- transform: "rotate(" + bearing + "deg)",
687
+ transform: "rotate(" + (bearing&gt;0?<span class="branch-0 cbranch-no" title="branch not covered" >"-"+bearing:</span>-1*bearing) + "deg)",
639
688
  }}
640
689
  &gt;
641
690
  &lt;NeedleIcon /&gt;
@@ -644,7 +693,9 @@ const MlNavigationCompass = (props) =&gt; {
644
693
  &lt;RotateButton className={css({ ...props.rotateLeftStyle })}&gt;
645
694
  &lt;RotateLeftIcon
646
695
  onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
647
- let bearing = <span class="cstat-no" title="statement not covered" >Math.round(mapHook.map?.getBearing());</span>
696
+ <span class="cstat-no" title="statement not covered" > if(!mapHook.map)<span class="cstat-no" title="statement not covered" >return;</span></span>
697
+ &nbsp;
698
+ let bearing = <span class="cstat-no" title="statement not covered" >Math.round(mapHook.map.map.getBearing());</span>
648
699
  let rest = <span class="cstat-no" title="statement not covered" >Math.round(bearing % 90);</span>
649
700
  <span class="cstat-no" title="statement not covered" > if (bearing &lt; 0) {</span>
650
701
  <span class="cstat-no" title="statement not covered" > rest = 90 + rest;</span>
@@ -652,7 +703,7 @@ const MlNavigationCompass = (props) =&gt; {
652
703
  <span class="cstat-no" title="statement not covered" > if (rest === 0) {</span>
653
704
  <span class="cstat-no" title="statement not covered" > rest = 90;</span>
654
705
  }
655
- <span class="cstat-no" title="statement not covered" > mapHook.map?.setBearing(Math.round(bearing - Math.abs(rest)));</span>
706
+ <span class="cstat-no" title="statement not covered" > mapHook.map.map.setBearing(Math.round(bearing - Math.abs(rest)));</span>
656
707
  }}
657
708
  &gt;&lt;/RotateLeftIcon&gt;
658
709
  &lt;/RotateButton&gt;
@@ -697,7 +748,7 @@ export default MlNavigationCompass;
697
748
  <div class='footer quiet pad2 space-top1 center small'>
698
749
  Code coverage generated by
699
750
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
700
- at Thu Mar 24 2022 19:39:33 GMT+0000 (Coordinated Universal Time)
751
+ at Wed Apr 20 2022 07:57:24 GMT+0000 (Coordinated Universal Time)
701
752
  </div>
702
753
  <script src="../../../prettify.js"></script>
703
754
  <script>
package/coverage/lcov-report/src/components/MlNavigationCompass/index.html CHANGED
@@ -23,16 +23,16 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">53.12% </span>
26
+ <span class="strong">47.36% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>17/32</span>
28
+ <span class='fraction'>18/38</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">20% </span>
33
+ <span class="strong">22.22% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>2/10</span>
35
+ <span class='fraction'>4/18</span>
36
36
  </div>
37
37
 
38
38
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">51.61% </span>
47
+ <span class="strong">47.05% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>16/31</span>
49
+ <span class='fraction'>16/34</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line medium'></div>
64
+ <div class='status-line low'></div>
65
65
  <div class="pad1">
66
66
  <table class="coverage-summary">
67
67
  <thead>
@@ -79,18 +79,18 @@
79
79
  </tr>
80
80
  </thead>
81
81
  <tbody><tr>
82
- <td class="file medium" data-value="MlNavigationCompass.js"><a href="MlNavigationCompass.js.html">MlNavigationCompass.js</a></td>
83
- <td data-value="53.12" class="pic medium">
84
- <div class="chart"><div class="cover-fill" style="width: 53%"></div><div class="cover-empty" style="width: 47%"></div></div>
82
+ <td class="file low" data-value="MlNavigationCompass.tsx"><a href="MlNavigationCompass.tsx.html">MlNavigationCompass.tsx</a></td>
83
+ <td data-value="47.36" class="pic low">
84
+ <div class="chart"><div class="cover-fill" style="width: 47%"></div><div class="cover-empty" style="width: 53%"></div></div>
85
85
  </td>
86
- <td data-value="53.12" class="pct medium">53.12%</td>
87
- <td data-value="32" class="abs medium">17/32</td>
88
- <td data-value="20" class="pct low">20%</td>
89
- <td data-value="10" class="abs low">2/10</td>
86
+ <td data-value="47.36" class="pct low">47.36%</td>
87
+ <td data-value="38" class="abs low">18/38</td>
88
+ <td data-value="22.22" class="pct low">22.22%</td>
89
+ <td data-value="18" class="abs low">4/18</td>
90
90
  <td data-value="57.14" class="pct medium">57.14%</td>
91
91
  <td data-value="7" class="abs medium">4/7</td>
92
- <td data-value="51.61" class="pct medium">51.61%</td>
93
- <td data-value="31" class="abs medium">16/31</td>
92
+ <td data-value="47.05" class="pct low">47.05%</td>
93
+ <td data-value="34" class="abs low">16/34</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 Thu Mar 24 2022 19:39:33 GMT+0000 (Coordinated Universal Time)
104
+ at Wed Apr 20 2022 07:57:24 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/src/components/MlNavigationTools/{MlNavigationTools.js.html → MlNavigationTools.tsx.html} RENAMED
@@ -3,7 +3,7 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for src/components/MlNavigationTools/MlNavigationTools.js</title>
6
+ <title>Code coverage report for src/components/MlNavigationTools/MlNavigationTools.tsx</title>
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../../base.css" />
@@ -19,34 +19,34 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlNavigationTools</a> MlNavigationTools.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlNavigationTools</a> MlNavigationTools.tsx</h1>
23
23
  <div class='clearfix'>
24
24
 
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/38</span>
28
+ <span class='fraction'>0/32</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/38</span>
35
+ <span class='fraction'>0/40</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/10</span>
42
+ <span class='fraction'>0/7</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/34</span>
49
+ <span class='fraction'>0/27</span>
50
50
  </div>
51
51
 
52
52
 
@@ -197,7 +197,19 @@
197
197
  <a name='L132'></a><a href='#L132'>132</a>
198
198
  <a name='L133'></a><a href='#L133'>133</a>
199
199
  <a name='L134'></a><a href='#L134'>134</a>
200
- <a name='L135'></a><a href='#L135'>135</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
200
+ <a name='L135'></a><a href='#L135'>135</a>
201
+ <a name='L136'></a><a href='#L136'>136</a>
202
+ <a name='L137'></a><a href='#L137'>137</a>
203
+ <a name='L138'></a><a href='#L138'>138</a>
204
+ <a name='L139'></a><a href='#L139'>139</a>
205
+ <a name='L140'></a><a href='#L140'>140</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
206
+ <span class="cline-any cline-neutral">&nbsp;</span>
207
+ <span class="cline-any cline-neutral">&nbsp;</span>
208
+ <span class="cline-any cline-neutral">&nbsp;</span>
209
+ <span class="cline-any cline-neutral">&nbsp;</span>
210
+ <span class="cline-any cline-neutral">&nbsp;</span>
211
+ <span class="cline-any cline-neutral">&nbsp;</span>
212
+ <span class="cline-any cline-neutral">&nbsp;</span>
201
213
  <span class="cline-any cline-neutral">&nbsp;</span>
202
214
  <span class="cline-any cline-neutral">&nbsp;</span>
203
215
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -212,7 +224,9 @@
212
224
  <span class="cline-any cline-no">&nbsp;</span>
213
225
  <span class="cline-any cline-no">&nbsp;</span>
214
226
  <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-no">&nbsp;</span>
227
+ <span class="cline-any cline-neutral">&nbsp;</span>
228
+ <span class="cline-any cline-neutral">&nbsp;</span>
229
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
230
  <span class="cline-any cline-no">&nbsp;</span>
217
231
  <span class="cline-any cline-no">&nbsp;</span>
218
232
  <span class="cline-any cline-no">&nbsp;</span>
@@ -240,20 +254,17 @@
240
254
  <span class="cline-any cline-neutral">&nbsp;</span>
241
255
  <span class="cline-any cline-no">&nbsp;</span>
242
256
  <span class="cline-any cline-neutral">&nbsp;</span>
257
+ <span class="cline-any cline-no">&nbsp;</span>
258
+ <span class="cline-any cline-neutral">&nbsp;</span>
243
259
  <span class="cline-any cline-neutral">&nbsp;</span>
244
260
  <span class="cline-any cline-no">&nbsp;</span>
245
261
  <span class="cline-any cline-no">&nbsp;</span>
246
262
  <span class="cline-any cline-neutral">&nbsp;</span>
247
263
  <span class="cline-any cline-no">&nbsp;</span>
248
- <span class="cline-any cline-no">&nbsp;</span>
249
264
  <span class="cline-any cline-neutral">&nbsp;</span>
250
265
  <span class="cline-any cline-neutral">&nbsp;</span>
251
266
  <span class="cline-any cline-neutral">&nbsp;</span>
252
267
  <span class="cline-any cline-no">&nbsp;</span>
253
- <span class="cline-any cline-no">&nbsp;</span>
254
- <span class="cline-any cline-neutral">&nbsp;</span>
255
- <span class="cline-any cline-no">&nbsp;</span>
256
- <span class="cline-any cline-no">&nbsp;</span>
257
268
  <span class="cline-any cline-neutral">&nbsp;</span>
258
269
  <span class="cline-any cline-neutral">&nbsp;</span>
259
270
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -261,24 +272,22 @@
261
272
  <span class="cline-any cline-no">&nbsp;</span>
262
273
  <span class="cline-any cline-neutral">&nbsp;</span>
263
274
  <span class="cline-any cline-no">&nbsp;</span>
264
- <span class="cline-any cline-no">&nbsp;</span>
265
- <span class="cline-any cline-no">&nbsp;</span>
266
275
  <span class="cline-any cline-neutral">&nbsp;</span>
267
- <span class="cline-any cline-no">&nbsp;</span>
268
276
  <span class="cline-any cline-neutral">&nbsp;</span>
269
277
  <span class="cline-any cline-neutral">&nbsp;</span>
270
278
  <span class="cline-any cline-no">&nbsp;</span>
271
- <span class="cline-any cline-no">&nbsp;</span>
279
+ <span class="cline-any cline-neutral">&nbsp;</span>
272
280
  <span class="cline-any cline-neutral">&nbsp;</span>
273
281
  <span class="cline-any cline-neutral">&nbsp;</span>
274
282
  <span class="cline-any cline-no">&nbsp;</span>
275
283
  <span class="cline-any cline-no">&nbsp;</span>
276
284
  <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-neutral">&nbsp;</span>
278
285
  <span class="cline-any cline-no">&nbsp;</span>
279
286
  <span class="cline-any cline-no">&nbsp;</span>
280
287
  <span class="cline-any cline-no">&nbsp;</span>
281
288
  <span class="cline-any cline-neutral">&nbsp;</span>
289
+ <span class="cline-any cline-no">&nbsp;</span>
290
+ <span class="cline-any cline-neutral">&nbsp;</span>
282
291
  <span class="cline-any cline-neutral">&nbsp;</span>
283
292
  <span class="cline-any cline-no">&nbsp;</span>
284
293
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -306,10 +315,11 @@
306
315
  <span class="cline-any cline-neutral">&nbsp;</span>
307
316
  <span class="cline-any cline-neutral">&nbsp;</span>
308
317
  <span class="cline-any cline-neutral">&nbsp;</span>
318
+ <span class="cline-any cline-no">&nbsp;</span>
319
+ <span class="cline-any cline-neutral">&nbsp;</span>
309
320
  <span class="cline-any cline-neutral">&nbsp;</span>
310
321
  <span class="cline-any cline-neutral">&nbsp;</span>
311
322
  <span class="cline-any cline-neutral">&nbsp;</span>
312
- <span class="cline-any cline-no">&nbsp;</span>
313
323
  <span class="cline-any cline-neutral">&nbsp;</span>
314
324
  <span class="cline-any cline-neutral">&nbsp;</span>
315
325
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -336,18 +346,27 @@ import Button from "@mui/material/Button";
336
346
  import ButtonGroup from "@mui/material/ButtonGroup";
337
347
  import ControlPointIcon from "@mui/icons-material/ControlPoint";
338
348
  import RemoveCircleOutlineIcon from "@mui/icons-material/RemoveCircleOutline";
339
- import GpsFixedIcon from "@mui/icons-material/GpsFixed";
340
349
  &nbsp;
341
350
  import MlNavigationCompass from "../MlNavigationCompass/MlNavigationCompass";
342
351
  import MlFollowGps from "../MlFollowGps/MlFollowGps";
343
352
  import useMediaQuery from "@mui/material/useMediaQuery";
344
353
  import useMap from "../../hooks/useMap";
345
354
  &nbsp;
346
- const MlNavigationTools = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
347
- const mapHook = <span class="cstat-no" title="statement not covered" >useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });</span>
355
+ interface MlNavigationToolsProps {
356
+ mapId?: string;
357
+ insertBeforeLayer?: string;
358
+ }
359
+ &nbsp;
360
+ /**
361
+ * @component
362
+ */
363
+ const MlNavigationTools = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops: MlNavigationToolsProps) =&gt; {</span>
364
+ const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
365
+ mapId: props.mapId,
366
+ waitForLayer: props.insertBeforeLayer,
367
+ });
348
368
  &nbsp;
349
369
  const [pitch, setPitch] = <span class="cstat-no" title="statement not covered" >useState(0);</span>
350
- const [locationAccessDenied, setLocationAccessDenied] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
351
370
  const mediaIsMobile = <span class="cstat-no" title="statement not covered" >useMediaQuery("(max-width:900px)");</span>
352
371
  const buttonStyle = <span class="cstat-no" title="statement not covered" >{</span>
353
372
  minWidth: "20px",
@@ -370,24 +389,32 @@ const MlNavigationTools = <span class="cstat-no" title="statement not covered" >
370
389
  <span class="cstat-no" title="statement not covered" > if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
371
390
  &nbsp;
372
391
  <span class="cstat-no" title="statement not covered" > mapHook.map.on("pitchend", <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
373
- <span class="cstat-no" title="statement not covered" > setPitch(mapHook.map.getPitch());</span>
374
- });
375
- <span class="cstat-no" title="statement not covered" > setPitch(mapHook.map.getPitch());</span>
392
+ <span class="cstat-no" title="statement not covered" > if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
393
+ &nbsp;
394
+ <span class="cstat-no" title="statement not covered" > setPitch(mapHook.map.map.getPitch());</span>
395
+ },mapHook.componentId);
396
+ <span class="cstat-no" title="statement not covered" > setPitch(mapHook.map.map.getPitch());</span>
376
397
  }, [mapHook.map, props.mapId]);
377
398
  &nbsp;
378
399
  const zoomIn = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
379
400
  <span class="cstat-no" title="statement not covered" > if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
380
401
  &nbsp;
381
- <span class="cstat-no" title="statement not covered" > if (mapHook.map.transform._zoom + 0.5 &lt;= mapHook.map.transform._maxZoom) {</span>
382
- <span class="cstat-no" title="statement not covered" > mapHook.map.easeTo({ zoom: mapHook.map.transform._zoom + 0.5 });</span>
402
+ <span class="cstat-no" title="statement not covered" > if (</span>
403
+ mapHook.map.map.transform._zoom + 0.5 &lt;=
404
+ mapHook.map.map.transform._maxZoom
405
+ ) {
406
+ <span class="cstat-no" title="statement not covered" > mapHook.map.map.easeTo({ zoom: mapHook.map.map.transform._zoom + 0.5 });</span>
383
407
  }
384
408
  };
385
409
  &nbsp;
386
410
  const zoomOut = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
387
411
  <span class="cstat-no" title="statement not covered" > if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
388
412
  &nbsp;
389
- <span class="cstat-no" title="statement not covered" > if (mapHook.map.transform._zoom - 0.5 &gt;= mapHook.map.transform._minZoom) {</span>
390
- <span class="cstat-no" title="statement not covered" > mapHook.map.easeTo({ zoom: mapHook.map.transform._zoom - 0.5 });</span>
413
+ <span class="cstat-no" title="statement not covered" > if (</span>
414
+ mapHook.map.map.transform._zoom - 0.5 &gt;=
415
+ mapHook.map.map.transform._minZoom
416
+ ) {
417
+ <span class="cstat-no" title="statement not covered" > mapHook.map.map.easeTo({ zoom: mapHook.map.map.transform._zoom - 0.5 });</span>
391
418
  }
392
419
  };
393
420
  &nbsp;
@@ -395,23 +422,10 @@ const MlNavigationTools = <span class="cstat-no" title="statement not covered" >
395
422
  <span class="cstat-no" title="statement not covered" > if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
396
423
  &nbsp;
397
424
  let targetPitch = <span class="cstat-no" title="statement not covered" >60;</span>
398
- <span class="cstat-no" title="statement not covered" > if (mapHook.map.getPitch() !== 0) {</span>
425
+ <span class="cstat-no" title="statement not covered" > if (mapHook.map.map.getPitch() !== 0) {</span>
399
426
  <span class="cstat-no" title="statement not covered" > targetPitch = 0;</span>
400
427
  }
401
- <span class="cstat-no" title="statement not covered" > mapHook.map.easeTo({ pitch: targetPitch });</span>
402
- };
403
- &nbsp;
404
- const moveToCurrentLocation = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
405
- <span class="cstat-no" title="statement not covered" > navigator.geolocation.getCurrentPosition(getLocationSuccess, getLocationError);</span>
406
- };
407
- &nbsp;
408
- const getLocationSuccess = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(l</span>ocation) =&gt; {</span>
409
- <span class="cstat-no" title="statement not covered" > mapHook.map.setCenter([location.coords.longitude, location.coords.latitude]);</span>
410
- };
411
- &nbsp;
412
- const getLocationError = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
413
- <span class="cstat-no" title="statement not covered" > console.log("Access of user location denied");</span>
414
- <span class="cstat-no" title="statement not covered" > setLocationAccessDenied(true);</span>
428
+ <span class="cstat-no" title="statement not covered" > mapHook.map.map.easeTo({ pitch: targetPitch });</span>
415
429
  };
416
430
  &nbsp;
417
431
  <span class="cstat-no" title="statement not covered" > return (</span>
@@ -437,12 +451,9 @@ const MlNavigationTools = <span class="cstat-no" title="statement not covered" >
437
451
  boxShadow: "0px 0px 18px rgba(0,0,0,.5)",
438
452
  }}
439
453
  /&gt;
440
- &lt;Button sx={{ ...buttonStyle, fontWeight: 600 }} onClick={adjustPitch}&gt;
454
+ &lt;Button sx={{ ...buttonStyle, fontSize:mediaIsMobile?'1.4em':'1em', fontWeight: 600 }} onClick={adjustPitch}&gt;
441
455
  {pitch ? "2D" : "3D"}
442
456
  &lt;/Button&gt;
443
- &lt;Button sx={buttonStyle} onClick={moveToCurrentLocation} disabled={locationAccessDenied}&gt;
444
- &lt;GpsFixedIcon sx={{ fontSize: mediaIsMobile ? "1.5em" : "1.2em" }} /&gt;
445
- &lt;/Button&gt;
446
457
  &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;
447
458
  &lt;ButtonGroup
448
459
  orientation="vertical"
@@ -454,10 +465,14 @@ const MlNavigationTools = <span class="cstat-no" title="statement not covered" >
454
465
  }}
455
466
  &gt;
456
467
  &lt;Button sx={{ ...buttonStyle, color: "#ececec" }} onClick={zoomIn}&gt;
457
- &lt;ControlPointIcon sx={{ fontSize: mediaIsMobile ? "1.5em" : "1.2em" }} /&gt;
468
+ &lt;ControlPointIcon
469
+ sx={{ fontSize: mediaIsMobile ? "1.5em" : "1.2em" }}
470
+ /&gt;
458
471
  &lt;/Button&gt;
459
472
  &lt;Button sx={{ ...buttonStyle, color: "#ececec" }} onClick={zoomOut}&gt;
460
- &lt;RemoveCircleOutlineIcon sx={{ fontSize: mediaIsMobile ? "1.5em" : "1.2em" }} /&gt;
473
+ &lt;RemoveCircleOutlineIcon
474
+ sx={{ fontSize: mediaIsMobile ? "1.5em" : "1.2em" }}
475
+ /&gt;
461
476
  &lt;/Button&gt;
462
477
  &lt;/ButtonGroup&gt;
463
478
  &lt;/div&gt;
@@ -472,7 +487,7 @@ export default MlNavigationTools;
472
487
  <div class='footer quiet pad2 space-top1 center small'>
473
488
  Code coverage generated by
474
489
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
475
- at Thu Mar 24 2022 19:39:33 GMT+0000 (Coordinated Universal Time)
490
+ at Wed Apr 20 2022 07:57:24 GMT+0000 (Coordinated Universal Time)
476
491
  </div>
477
492
  <script src="../../../prettify.js"></script>
478
493
  <script>