@mapcomponents/react-maplibre 0.1.66 → 0.1.68

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 (287) hide show
  1. package/.github/workflows/node_version_test.yml +1 -1
  2. package/.storybook/main.js +37 -31
  3. package/.storybook/preview.js +21 -0
  4. package/CHANGELOG.md +13 -0
  5. package/coverage/clover.xml +545 -472
  6. package/coverage/coverage-final.json +18 -17
  7. package/coverage/lcov-report/index.html +80 -80
  8. package/coverage/lcov-report/src/components/MapLibreMap/MapLibreMap.tsx.html +50 -26
  9. package/coverage/lcov-report/src/components/MapLibreMap/index.html +5 -5
  10. package/coverage/lcov-report/src/components/MlCenterPosition/MlCenterPosition.tsx.html +30 -51
  11. package/coverage/lcov-report/src/components/MlCenterPosition/index.html +3 -3
  12. package/coverage/lcov-report/src/components/MlCreatePdfButton/MlCreatePdfButton.tsx.html +1 -1
  13. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +1 -1
  14. package/coverage/lcov-report/src/components/MlCreatePdfForm/MlCreatePdfForm.cy.tsx.html +1 -1
  15. package/coverage/lcov-report/src/components/MlCreatePdfForm/MlCreatePdfForm.tsx.html +1 -1
  16. package/coverage/lcov-report/src/components/MlCreatePdfForm/index.html +1 -1
  17. package/coverage/lcov-report/src/components/MlFeatureEditor/MlFeatureEditor.tsx.html +1 -1
  18. package/coverage/lcov-report/src/components/MlFeatureEditor/index.html +1 -1
  19. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.tsx.html +1 -1
  20. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +1 -1
  21. package/coverage/lcov-report/src/components/MlFollowGps/MlFollowGps.tsx.html +48 -105
  22. package/coverage/lcov-report/src/components/MlFollowGps/index.html +15 -15
  23. package/coverage/lcov-report/src/components/MlGeoJsonLayer/MlGeoJsonLayer.tsx.html +2 -2
  24. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +1 -1
  25. package/coverage/lcov-report/src/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.lineStyler.js.html +1 -1
  26. package/coverage/lcov-report/src/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.polygonStyler.js.html +1 -1
  27. package/coverage/lcov-report/src/components/MlGeoJsonLayer/story_utils/MlGeojsonLayerCircleStyler.tsx.html +1 -1
  28. package/coverage/lcov-report/src/components/MlGeoJsonLayer/story_utils/MlGeojsonLayerHeatMapStyler.tsx.html +1 -1
  29. package/coverage/lcov-report/src/components/MlGeoJsonLayer/story_utils/index.html +1 -1
  30. package/coverage/lcov-report/src/components/MlGeojsonLayerWithSource/MlGeojsonLayerWithSource.tsx.html +1 -1
  31. package/coverage/lcov-report/src/components/MlGeojsonLayerWithSource/index.html +1 -1
  32. package/coverage/lcov-report/src/components/MlGpxViewer/MlGpxViewer.tsx.html +1 -1
  33. package/coverage/lcov-report/src/components/MlGpxViewer/index.html +1 -1
  34. package/coverage/lcov-report/src/components/MlImageMarkerLayer/MlImageMarkerLayer.tsx.html +1 -1
  35. package/coverage/lcov-report/src/components/MlImageMarkerLayer/index.html +1 -1
  36. package/coverage/lcov-report/src/components/MlLayer/MlLayer.tsx.html +1 -1
  37. package/coverage/lcov-report/src/components/MlLayer/index.html +1 -1
  38. package/coverage/lcov-report/src/components/MlLayerMagnify/MlLayerMagnify.tsx.html +52 -40
  39. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +10 -10
  40. package/coverage/lcov-report/src/components/MlLayerSwipe/MlLayerSwipe.tsx.html +4 -4
  41. package/coverage/lcov-report/src/components/MlLayerSwipe/index.html +1 -1
  42. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +1 -1
  43. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +1 -1
  44. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +1 -1
  45. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +1 -1
  46. package/coverage/lcov-report/src/components/MlMarker/MlMarker.tsx.html +1 -1
  47. package/coverage/lcov-report/src/components/MlMarker/index.html +1 -1
  48. package/coverage/lcov-report/src/components/MlMeasureTool/MlMeasureTool.tsx.html +1 -1
  49. package/coverage/lcov-report/src/components/MlMeasureTool/index.html +1 -1
  50. package/coverage/lcov-report/src/components/MlNavigationCompass/MlNavigationCompass.tsx.html +1 -1
  51. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +1 -1
  52. package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.tsx.html +41 -113
  53. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +15 -15
  54. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +1 -1
  55. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.stories_.js.html +1 -1
  56. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +1 -1
  57. package/coverage/lcov-report/src/components/MlScaleReference/{MlScaleReference.js.html → MlScaleReference.tsx.html} +57 -36
  58. package/coverage/lcov-report/src/components/MlScaleReference/index.html +2 -2
  59. package/coverage/lcov-report/src/components/MlShareMapState/{MlShareMapState.js.html → MlShareMapState.tsx.html} +192 -84
  60. package/coverage/lcov-report/src/components/MlShareMapState/index.html +20 -20
  61. package/coverage/lcov-report/src/components/MlSketchTool/LayerList/ColorPicker.tsx.html +1 -1
  62. package/coverage/lcov-report/src/components/MlSketchTool/LayerList/LayerList.tsx.html +1 -1
  63. package/coverage/lcov-report/src/components/MlSketchTool/LayerList/LayerListItem.tsx.html +1 -1
  64. package/coverage/lcov-report/src/components/MlSketchTool/LayerList/LayerPropertyForm.tsx.html +2 -2
  65. package/coverage/lcov-report/src/components/MlSketchTool/LayerList/index.html +1 -1
  66. package/coverage/lcov-report/src/components/MlSketchTool/MlSketchTool.tsx.html +2 -2
  67. package/coverage/lcov-report/src/components/MlSketchTool/index.html +1 -1
  68. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.tsx.html +1 -1
  69. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/index.html +1 -1
  70. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreeJsLayer.js.html +1 -1
  71. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreejsLayer.tsx.html +769 -0
  72. package/coverage/lcov-report/src/components/MlThreeJsLayer/index.html +25 -10
  73. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.tsx.html +1 -1
  74. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/index.html +1 -1
  75. package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html +1 -1
  76. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +1 -1
  77. package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.tsx.html +22 -10
  78. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +13 -13
  79. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +11 -11
  80. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +11 -11
  81. package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.tsx.html +1 -1
  82. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +1 -1
  83. package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.tsx.html +27 -18
  84. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +11 -11
  85. package/coverage/lcov-report/src/contexts/MapContext.tsx.html +72 -27
  86. package/coverage/lcov-report/src/contexts/SimpleDataContext.js.html +1 -1
  87. package/coverage/lcov-report/src/contexts/SimpleDataProvider.js.html +1 -1
  88. package/coverage/lcov-report/src/contexts/index.html +1 -1
  89. package/coverage/lcov-report/src/hooks/index.html +21 -21
  90. package/coverage/lcov-report/src/hooks/useCameraFollowPath/index.html +1 -1
  91. package/coverage/lcov-report/src/hooks/useCameraFollowPath/useCameraFollowPath.tsx.html +1 -1
  92. package/coverage/lcov-report/src/hooks/useExportMap/index.html +1 -1
  93. package/coverage/lcov-report/src/hooks/useExportMap/index.ts.html +1 -1
  94. package/coverage/lcov-report/src/hooks/useExportMap/lib.ts.html +2 -2
  95. package/coverage/lcov-report/src/hooks/useGpx/index.html +1 -1
  96. package/coverage/lcov-report/src/hooks/useGpx/useGpx.tsx.html +1 -1
  97. package/coverage/lcov-report/src/hooks/useLayer.ts.html +1 -1
  98. package/coverage/lcov-report/src/hooks/useLayerEvent.js.html +9 -9
  99. package/coverage/lcov-report/src/hooks/useLayerFilter/index.html +1 -1
  100. package/coverage/lcov-report/src/hooks/useLayerFilter/useLayerFilter.ts.html +1 -1
  101. package/coverage/lcov-report/src/hooks/useLayerHoverPopup/index.html +1 -1
  102. package/coverage/lcov-report/src/hooks/useLayerHoverPopup/useLayerHoverPopup.tsx.html +9 -6
  103. package/coverage/lcov-report/src/hooks/useMap.ts.html +2 -2
  104. package/coverage/lcov-report/src/hooks/useMapState.ts.html +8 -29
  105. package/coverage/lcov-report/src/hooks/useSource.ts.html +10 -10
  106. package/coverage/lcov-report/src/hooks/useWms.ts.html +1 -1
  107. package/coverage/lcov-report/src/index.html +1 -1
  108. package/coverage/lcov-report/src/index.ts.html +105 -12
  109. package/coverage/lcov.info +1038 -917
  110. package/dist/components/MapLibreMap/MapLibreMap.d.ts +3 -3
  111. package/dist/components/MapLibreMap/MapLibreMap.stories.d.ts +5 -0
  112. package/dist/components/MapLibreMap/lib/MapLibreGlWrapper.d.ts +17 -15
  113. package/dist/components/MlCenterPosition/MlCenterPosition.d.ts +2 -15
  114. package/dist/components/MlCenterPosition/MlCenterPosition.stories.d.ts +2 -15
  115. package/dist/components/MlComponentTemplate/MlComponentTemplate.d.ts +1 -0
  116. package/dist/components/MlComponentTemplate/MlComponentTemplate.stories.d.ts +2 -1
  117. package/dist/components/MlCreatePdfButton/MlCreatePdfButton.d.ts +1 -0
  118. package/dist/components/MlCreatePdfButton/MlCreatePdfButton.stories.d.ts +2 -1
  119. package/dist/components/MlCreatePdfForm/MlCreatePdfForm.d.ts +1 -0
  120. package/dist/components/MlCreatePdfForm/MlCreatePdfForm.stories.d.ts +2 -1
  121. package/dist/components/MlCreatePdfForm/lib/PdfForm.d.ts +1 -0
  122. package/dist/components/MlCreatePdfForm/lib/_PdfPreview.d.ts +1 -0
  123. package/dist/components/MlFeatureEditor/MlFeatureEditor.d.ts +1 -0
  124. package/dist/components/MlFeatureEditor/lib/create_supplementary_points.d.ts +1 -1
  125. package/dist/components/MlFeatureEditor/lib/create_vertex.d.ts +1 -1
  126. package/dist/components/MlFillExtrusionLayer/MlFillExtrusionLayer.d.ts +1 -0
  127. package/dist/components/MlFollowGps/MlFollowGps.d.ts +5 -23
  128. package/dist/components/MlFollowGps/MlFollowGps.stories.d.ts +2 -2
  129. package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.d.ts +1 -0
  130. package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.stories.d.ts +2 -1
  131. package/dist/components/MlGeoJsonLayer/story_utils/MlGeojsonLayerCircleStyler.d.ts +1 -0
  132. package/dist/components/MlGeoJsonLayer/story_utils/MlGeojsonLayerHeatMapStyler.d.ts +1 -0
  133. package/dist/components/MlGeoJsonLayer/util/getDefaultPaintPropsByType.d.ts +4 -1
  134. package/dist/components/MlGeojsonLayerWithSource/MlGeojsonLayerWithSource.d.ts +1 -0
  135. package/dist/components/MlGeojsonLayerWithSource/MlGeojsonLayerWithSource.stories.d.ts +2 -1
  136. package/dist/components/MlGpxViewer/MlGpxViewer.d.ts +1 -0
  137. package/dist/components/MlGpxViewer/MlGpxViewer.stories.d.ts +2 -1
  138. package/dist/components/MlGpxViewer/util/GeoJsonProvider.d.ts +1 -0
  139. package/dist/components/MlGpxViewer/util/MetadataDrawer.d.ts +1 -0
  140. package/dist/components/MlGpxViewer/util/MlGpxDemoLoader.d.ts +1 -0
  141. package/dist/components/MlGpxViewer/util/MlGpxViewerInstructions.d.ts +1 -0
  142. package/dist/components/MlImageMarkerLayer/MlImageMarkerLayer.d.ts +1 -0
  143. package/dist/components/MlImageMarkerLayer/MlImageMarkerLayer.stories.d.ts +2 -1
  144. package/dist/components/MlLayer/MlLayer.d.ts +1 -0
  145. package/dist/components/MlLayerMagnify/MlLayerMagnify.stories.d.ts +2 -1
  146. package/dist/components/MlLayerSwipe/MlLayerSwipe.stories.d.ts +2 -1
  147. package/dist/components/MlMarker/MlMarker.d.ts +1 -0
  148. package/dist/components/MlMeasureTool/MlMeasureTool.d.ts +1 -0
  149. package/dist/components/MlNavigationCompass/MlNavigationCompass.d.ts +1 -0
  150. package/dist/components/MlNavigationTools/MlNavigationTools.d.ts +5 -0
  151. package/dist/components/MlScaleReference/MlScaleReference.d.ts +8 -1
  152. package/dist/components/MlShareMapState/MlShareMapState.d.ts +33 -13
  153. package/dist/components/MlShareMapState/MlShareMapState.stories.d.ts +16 -9
  154. package/dist/components/MlSketchTool/LayerList/ColorPicker.d.ts +1 -0
  155. package/dist/components/MlSketchTool/LayerList/LayerList.d.ts +1 -0
  156. package/dist/components/MlSketchTool/LayerList/LayerListItem.d.ts +1 -0
  157. package/dist/components/MlSketchTool/LayerList/LayerPropertyForm.d.ts +1 -0
  158. package/dist/components/MlSketchTool/MlSketchTool.d.ts +1 -0
  159. package/dist/components/MlSketchTool/MlSketchTool.stories.d.ts +2 -1
  160. package/dist/components/MlSpatialElevationProfile/MlSpatialElevationProfile.d.ts +1 -0
  161. package/dist/components/MlSpatialElevationProfile/MlSpatialElevationProfile.stories.d.ts +2 -1
  162. package/dist/components/MlSpatialElevationProfile/util/getElevationData.d.ts +1 -1
  163. package/dist/components/MlThreeJsLayer/MlThreeJsLayer.stories.d.ts +2 -1
  164. package/dist/components/MlThreeJsLayer/MlThreejsLayer.d.ts +30 -0
  165. package/dist/components/MlThreeJsLayer/lib/GLTFLoader.d.ts +2 -1
  166. package/dist/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.d.ts +1 -0
  167. package/dist/components/MlVectorTileLayer/MlVectorTileLayer.d.ts +3 -2
  168. package/dist/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.stories.d.ts +2 -1
  169. package/dist/components/MlWmsLayer/MlWmsLayer.d.ts +1 -0
  170. package/dist/components/MlWmsLoader/MlWmsLoader.d.ts +1 -0
  171. package/dist/components/MlWmsLoader/MlWmsLoader.stories.d.ts +2 -1
  172. package/dist/components/MlWmsLoader/utils/MlWmsLoaderInstructions.d.ts +1 -0
  173. package/dist/components/MlWmsLoader/utils/WMSLinks.d.ts +1 -0
  174. package/dist/contexts/MapContext.d.ts +13 -2
  175. package/dist/decorators/EmptyMapDecorator.d.ts +2 -0
  176. package/dist/decorators/MapContextDecorator.d.ts +1 -1
  177. package/dist/decorators/MapContextDecoratorHooks.d.ts +1 -1
  178. package/dist/decorators/MultiMapContextDecorator.d.ts +1 -1
  179. package/dist/decorators/NoNavToolsDecorator.d.ts +1 -1
  180. package/dist/decorators/ThemeDecorator.d.ts +2 -0
  181. package/dist/hooks/useCameraFollowPath/useCameraFollowPath.stories.d.ts +2 -1
  182. package/dist/hooks/useExportMap/lib.d.ts +1 -1
  183. package/dist/hooks/useLayerFilter/useLayerFilter.stories.d.ts +2 -1
  184. package/dist/hooks/useLayerHoverPopup/useLayerHoverPopup.d.ts +1 -0
  185. package/dist/index.d.ts +25 -8
  186. package/dist/index.esm.css +0 -97
  187. package/dist/index.esm.js +2187 -9306
  188. package/dist/index.esm.js.map +1 -1
  189. package/dist/setupTests.d.ts +6 -6
  190. package/dist/ui_components/Dropzone.d.ts +1 -0
  191. package/dist/ui_components/ImageLoader.d.ts +1 -0
  192. package/dist/ui_components/LayerList/LayerList.d.ts +6 -0
  193. package/dist/ui_components/LayerList/LayerList.stories.d.ts +12 -0
  194. package/dist/ui_components/LayerList/LayerListFolder.d.ts +9 -0
  195. package/dist/ui_components/LayerList/LayerListItem.d.ts +18 -0
  196. package/dist/ui_components/LayerList/util/LayerListItemVectorLayer.d.ts +15 -0
  197. package/dist/ui_components/LayerList/util/LayerPropertyForm.d.ts +10 -0
  198. package/dist/ui_components/LayerList/util/input/ColorPicker.d.ts +10 -0
  199. package/dist/ui_components/LoadingOverlayContext.d.ts +0 -1
  200. package/dist/ui_components/MapcomponentsTheme.d.ts +7 -0
  201. package/dist/ui_components/Tooltip.d.ts +1 -0
  202. package/dist/ui_components/TopToolbar.d.ts +1 -0
  203. package/dist/ui_components/UploadButton.d.ts +1 -0
  204. package/dist/util/Instructions.d.ts +1 -0
  205. package/package.json +67 -67
  206. package/public/thumbnails/{MlGPXViewer.png → MlGpxViewer.png} +0 -0
  207. package/rollup.config.js +68 -50
  208. package/src/@types/assets/index.d.ts +20 -0
  209. package/src/App.css +0 -55
  210. package/src/components/MapLibreMap/MapLibreMap.stories.js +38 -32
  211. package/src/components/MapLibreMap/MapLibreMap.tsx +29 -21
  212. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.ts +50 -40
  213. package/src/components/MlCenterPosition/MlCenterPosition.tsx +22 -29
  214. package/src/components/MlCreatePdfForm/lib/PdfForm.tsx +6 -6
  215. package/src/components/MlFollowGps/MlFollowGps.stories.js +28 -10
  216. package/src/components/MlFollowGps/MlFollowGps.tsx +38 -57
  217. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.tsx +1 -1
  218. package/src/components/MlGeoJsonLayer/util/getDefaultPaintPropsByType.ts +16 -10
  219. package/src/components/MlGpxViewer/MlGpxViewer.stories.tsx +4 -13
  220. package/src/components/MlGpxViewer/util/MlGpxDemoLoader.tsx +3 -1
  221. package/src/components/MlLayerMagnify/MlLayerMagnify.tsx +21 -17
  222. package/src/components/MlLayerSwipe/MlLayerSwipe.tsx +3 -3
  223. package/src/components/MlNavigationTools/MlNavigationTools.stories.js +4 -5
  224. package/src/components/MlNavigationTools/MlNavigationTools.tsx +30 -54
  225. package/src/components/MlScaleReference/{MlScaleReference.js → MlScaleReference.tsx} +38 -31
  226. package/src/components/MlShareMapState/MlShareMapState.stories.tsx +100 -0
  227. package/src/components/MlShareMapState/{MlShareMapState.js → MlShareMapState.tsx} +94 -58
  228. package/src/components/MlSketchTool/LayerList/LayerPropertyForm.tsx +1 -1
  229. package/src/components/MlSketchTool/MlSketchTool.tsx +1 -1
  230. package/src/components/MlThreeJsLayer/MlThreejsLayer.tsx +228 -0
  231. package/src/components/MlVectorTileLayer/MlVectorTileLayer.tsx +7 -3
  232. package/src/components/MlWmsLoader/MlWmsLoader.stories.tsx +3 -11
  233. package/src/components/MlWmsLoader/MlWmsLoader.tsx +7 -4
  234. package/src/components/MlWmsLoader/utils/MlWmsLoaderInstructions.tsx +2 -2
  235. package/src/components/MlWmsLoader/utils/WMSLinks.tsx +1 -1
  236. package/src/contexts/MapContext.tsx +34 -20
  237. package/src/custom.d.ts +4 -0
  238. package/src/decorators/EmptyMapDecorator.js +38 -0
  239. package/src/decorators/MapContextDecorator.js +31 -26
  240. package/src/decorators/MapContextDecoratorHooks.js +29 -24
  241. package/src/decorators/MultiMapContextDecorator.js +71 -71
  242. package/src/decorators/NoNavToolsDecorator.js +25 -23
  243. package/src/decorators/ThemeDecorator.js +24 -0
  244. package/src/decorators/style.css +0 -2
  245. package/src/hooks/useCameraFollowPath/useCameraFollowPath.stories.tsx +13 -19
  246. package/src/hooks/useExportMap/lib.ts +1 -1
  247. package/src/hooks/useGpx/useGpx.stories.js +1 -1
  248. package/src/hooks/useLayerHoverPopup/useLayerHoverPopup.stories.js +1 -1
  249. package/src/hooks/useLayerHoverPopup/useLayerHoverPopup.tsx +5 -4
  250. package/src/hooks/useMap.ts +1 -1
  251. package/src/hooks/useMapState.stories.js +1 -1
  252. package/src/hooks/useMapState.ts +6 -13
  253. package/src/hooks/useSource.ts +1 -1
  254. package/src/hooks/useSources.stories.js +1 -1
  255. package/src/index.ts +40 -8
  256. package/src/ui_components/LayerList/LayerList.stories.tsx +136 -0
  257. package/src/ui_components/LayerList/LayerList.tsx +12 -0
  258. package/src/ui_components/LayerList/LayerListFolder.tsx +82 -0
  259. package/src/ui_components/LayerList/LayerListItem.tsx +180 -0
  260. package/src/ui_components/LayerList/assets/sample_1.json +26 -0
  261. package/src/ui_components/LayerList/assets/sample_2.json +22 -0
  262. package/src/ui_components/LayerList/assets/sample_polygon_1.json +33 -0
  263. package/src/ui_components/LayerList/assets/style.json +2599 -0
  264. package/src/ui_components/LayerList/util/LayerListItemVectorLayer.tsx +92 -0
  265. package/src/ui_components/LayerList/util/LayerPropertyForm.tsx +125 -0
  266. package/src/ui_components/LayerList/util/input/ColorPicker.tsx +44 -0
  267. package/src/ui_components/MapcomponentsTheme.tsx +133 -0
  268. package/src/ui_components/Sidebar.tsx +16 -11
  269. package/src/ui_components/TopToolbar.tsx +1 -3
  270. package/src/util/BubbleForInstructions.js +14 -12
  271. package/tsconfig.json +3 -9
  272. package/dist/components/MlGPXViewer/MlGPXViewer.d.ts +0 -29
  273. package/dist/components/MlGPXViewer/MlGPXViewer.stories.d.ts +0 -16
  274. package/dist/components/MlGPXViewer/MlGPXViewer.test.d.ts +0 -1
  275. package/dist/components/MlGPXViewer/gpxConverter.d.ts +0 -11
  276. package/dist/components/MlGPXViewer/util/GeoJsonContext.d.ts +0 -10
  277. package/dist/components/MlGPXViewer/util/GeoJsonProvider.d.ts +0 -4
  278. package/dist/components/MlLayer/MlLayer.stories.d.ts +0 -10
  279. package/dist/custom.d.d.ts +0 -22
  280. package/dist/decorators/ThemeWrapper.d.ts +0 -3
  281. package/dist/hooks/exportMap/index.d.ts +0 -11
  282. package/dist/hooks/exportMap/lib.d.ts +0 -36
  283. package/dist/ui_components/Legend.d.ts +0 -1
  284. package/dist/ui_components/LoadingOverlay.d.ts +0 -2
  285. package/src/components/MlShareMapState/MlShareMapState.stories.js +0 -100
  286. package/src/custom.d.tsx +0 -26
  287. package/src/decorators/ThemeWrapper.tsx +0 -9
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">39.1% </span>
26
+ <span class="strong">38.61% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>680/1739</span>
28
+ <span class='fraction'>699/1810</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">34.32% </span>
33
+ <span class="strong">33.43% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>334/973</span>
35
+ <span class='fraction'>336/1005</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">32.24% </span>
40
+ <span class="strong">32.07% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>118/366</span>
42
+ <span class='fraction'>119/371</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">39.78% </span>
47
+ <span class="strong">39.26% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>652/1639</span>
49
+ <span class='fraction'>671/1709</span>
50
50
  </div>
51
51
 
52
52
 
@@ -100,8 +100,8 @@
100
100
  </td>
101
101
  <td data-value="87.09" class="pct high">87.09%</td>
102
102
  <td data-value="31" class="abs high">27/31</td>
103
- <td data-value="72.72" class="pct medium">72.72%</td>
104
- <td data-value="11" class="abs medium">8/11</td>
103
+ <td data-value="69.23" class="pct medium">69.23%</td>
104
+ <td data-value="13" class="abs medium">9/13</td>
105
105
  <td data-value="100" class="pct high">100%</td>
106
106
  <td data-value="7" class="abs high">7/7</td>
107
107
  <td data-value="90" class="pct high">90%</td>
@@ -116,7 +116,7 @@
116
116
  <td data-value="16.66" class="pct low">16.66%</td>
117
117
  <td data-value="12" class="abs low">2/12</td>
118
118
  <td data-value="0" class="pct low">0%</td>
119
- <td data-value="4" class="abs low">0/4</td>
119
+ <td data-value="2" class="abs low">0/2</td>
120
120
  <td data-value="0" class="pct low">0%</td>
121
121
  <td data-value="4" class="abs low">0/4</td>
122
122
  <td data-value="16.66" class="pct low">16.66%</td>
@@ -185,17 +185,17 @@
185
185
 
186
186
  <tr>
187
187
  <td class="file medium" data-value="src/components/MlFollowGps"><a href="src/components/MlFollowGps/index.html">src/components/MlFollowGps</a></td>
188
- <td data-value="57.89" class="pic medium">
189
- <div class="chart"><div class="cover-fill" style="width: 57%"></div><div class="cover-empty" style="width: 43%"></div></div>
188
+ <td data-value="56.89" class="pic medium">
189
+ <div class="chart"><div class="cover-fill" style="width: 56%"></div><div class="cover-empty" style="width: 44%"></div></div>
190
190
  </td>
191
- <td data-value="57.89" class="pct medium">57.89%</td>
192
- <td data-value="57" class="abs medium">33/57</td>
193
- <td data-value="50" class="pct medium">50%</td>
194
- <td data-value="32" class="abs medium">16/32</td>
191
+ <td data-value="56.89" class="pct medium">56.89%</td>
192
+ <td data-value="58" class="abs medium">33/58</td>
193
+ <td data-value="46.87" class="pct low">46.87%</td>
194
+ <td data-value="32" class="abs low">15/32</td>
195
195
  <td data-value="70" class="pct medium">70%</td>
196
196
  <td data-value="10" class="abs medium">7/10</td>
197
- <td data-value="59.25" class="pct medium">59.25%</td>
198
- <td data-value="54" class="abs medium">32/54</td>
197
+ <td data-value="58.18" class="pct medium">58.18%</td>
198
+ <td data-value="55" class="abs medium">32/55</td>
199
199
  </tr>
200
200
 
201
201
  <tr>
@@ -290,17 +290,17 @@
290
290
 
291
291
  <tr>
292
292
  <td class="file medium" data-value="src/components/MlLayerMagnify"><a href="src/components/MlLayerMagnify/index.html">src/components/MlLayerMagnify</a></td>
293
- <td data-value="75.38" class="pic medium">
293
+ <td data-value="75.75" class="pic medium">
294
294
  <div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
295
295
  </td>
296
- <td data-value="75.38" class="pct medium">75.38%</td>
297
- <td data-value="65" class="abs medium">49/65</td>
296
+ <td data-value="75.75" class="pct medium">75.75%</td>
297
+ <td data-value="66" class="abs medium">50/66</td>
298
298
  <td data-value="63.88" class="pct medium">63.88%</td>
299
299
  <td data-value="36" class="abs medium">23/36</td>
300
300
  <td data-value="53.84" class="pct medium">53.84%</td>
301
301
  <td data-value="13" class="abs medium">7/13</td>
302
- <td data-value="77.41" class="pct medium">77.41%</td>
303
- <td data-value="62" class="abs medium">48/62</td>
302
+ <td data-value="77.77" class="pct medium">77.77%</td>
303
+ <td data-value="63" class="abs medium">49/63</td>
304
304
  </tr>
305
305
 
306
306
  <tr>
@@ -395,17 +395,17 @@
395
395
 
396
396
  <tr>
397
397
  <td class="file low" data-value="src/components/MlNavigationTools"><a href="src/components/MlNavigationTools/index.html">src/components/MlNavigationTools</a></td>
398
- <td data-value="5.71" class="pic low">
399
- <div class="chart"><div class="cover-fill" style="width: 5%"></div><div class="cover-empty" style="width: 95%"></div></div>
398
+ <td data-value="6.45" class="pic low">
399
+ <div class="chart"><div class="cover-fill" style="width: 6%"></div><div class="cover-empty" style="width: 94%"></div></div>
400
400
  </td>
401
- <td data-value="5.71" class="pct low">5.71%</td>
402
- <td data-value="35" class="abs low">2/35</td>
401
+ <td data-value="6.45" class="pct low">6.45%</td>
402
+ <td data-value="31" class="abs low">2/31</td>
403
403
  <td data-value="0" class="pct low">0%</td>
404
- <td data-value="44" class="abs low">0/44</td>
404
+ <td data-value="36" class="abs low">0/36</td>
405
405
  <td data-value="0" class="pct low">0%</td>
406
- <td data-value="8" class="abs low">0/8</td>
407
- <td data-value="6.66" class="pct low">6.66%</td>
408
- <td data-value="30" class="abs low">2/30</td>
406
+ <td data-value="6" class="abs low">0/6</td>
407
+ <td data-value="7.69" class="pct low">7.69%</td>
408
+ <td data-value="26" class="abs low">2/26</td>
409
409
  </tr>
410
410
 
411
411
  <tr>
@@ -440,17 +440,17 @@
440
440
 
441
441
  <tr>
442
442
  <td class="file low" data-value="src/components/MlShareMapState"><a href="src/components/MlShareMapState/index.html">src/components/MlShareMapState</a></td>
443
- <td data-value="0" class="pic low">
444
- <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
443
+ <td data-value="7.47" class="pic low">
444
+ <div class="chart"><div class="cover-fill" style="width: 7%"></div><div class="cover-empty" style="width: 93%"></div></div>
445
445
  </td>
446
- <td data-value="0" class="pct low">0%</td>
447
- <td data-value="108" class="abs low">0/108</td>
448
- <td data-value="0" class="pct low">0%</td>
449
- <td data-value="54" class="abs low">0/54</td>
450
- <td data-value="0" class="pct low">0%</td>
451
- <td data-value="19" class="abs low">0/19</td>
452
- <td data-value="0" class="pct low">0%</td>
453
- <td data-value="100" class="abs low">0/100</td>
446
+ <td data-value="7.47" class="pct low">7.47%</td>
447
+ <td data-value="107" class="abs low">8/107</td>
448
+ <td data-value="1.56" class="pct low">1.56%</td>
449
+ <td data-value="64" class="abs low">1/64</td>
450
+ <td data-value="5.88" class="pct low">5.88%</td>
451
+ <td data-value="17" class="abs low">1/17</td>
452
+ <td data-value="8" class="pct low">8%</td>
453
+ <td data-value="100" class="abs low">8/100</td>
454
454
  </tr>
455
455
 
456
456
  <tr>
@@ -499,18 +499,18 @@
499
499
  </tr>
500
500
 
501
501
  <tr>
502
- <td class="file medium" data-value="src/components/MlThreeJsLayer"><a href="src/components/MlThreeJsLayer/index.html">src/components/MlThreeJsLayer</a></td>
503
- <td data-value="58.57" class="pic medium">
504
- <div class="chart"><div class="cover-fill" style="width: 58%"></div><div class="cover-empty" style="width: 42%"></div></div>
502
+ <td class="file low" data-value="src/components/MlThreeJsLayer"><a href="src/components/MlThreeJsLayer/index.html">src/components/MlThreeJsLayer</a></td>
503
+ <td data-value="28.87" class="pic low">
504
+ <div class="chart"><div class="cover-fill" style="width: 28%"></div><div class="cover-empty" style="width: 72%"></div></div>
505
505
  </td>
506
- <td data-value="58.57" class="pct medium">58.57%</td>
507
- <td data-value="70" class="abs medium">41/70</td>
508
- <td data-value="62.5" class="pct medium">62.5%</td>
509
- <td data-value="24" class="abs medium">15/24</td>
510
- <td data-value="55.55" class="pct medium">55.55%</td>
511
- <td data-value="9" class="abs medium">5/9</td>
512
- <td data-value="57.35" class="pct medium">57.35%</td>
513
- <td data-value="68" class="abs medium">39/68</td>
506
+ <td data-value="28.87" class="pct low">28.87%</td>
507
+ <td data-value="142" class="abs low">41/142</td>
508
+ <td data-value="28.84" class="pct low">28.84%</td>
509
+ <td data-value="52" class="abs low">15/52</td>
510
+ <td data-value="27.77" class="pct low">27.77%</td>
511
+ <td data-value="18" class="abs low">5/18</td>
512
+ <td data-value="28.26" class="pct low">28.26%</td>
513
+ <td data-value="138" class="abs low">39/138</td>
514
514
  </tr>
515
515
 
516
516
  <tr>
@@ -544,33 +544,33 @@
544
544
  </tr>
545
545
 
546
546
  <tr>
547
- <td class="file medium" data-value="src/components/MlVectorTileLayer"><a href="src/components/MlVectorTileLayer/index.html">src/components/MlVectorTileLayer</a></td>
548
- <td data-value="79.24" class="pic medium">
549
- <div class="chart"><div class="cover-fill" style="width: 79%"></div><div class="cover-empty" style="width: 21%"></div></div>
547
+ <td class="file high" data-value="src/components/MlVectorTileLayer"><a href="src/components/MlVectorTileLayer/index.html">src/components/MlVectorTileLayer</a></td>
548
+ <td data-value="80" class="pic high">
549
+ <div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
550
550
  </td>
551
- <td data-value="79.24" class="pct medium">79.24%</td>
552
- <td data-value="53" class="abs medium">42/53</td>
551
+ <td data-value="80" class="pct high">80%</td>
552
+ <td data-value="55" class="abs high">44/55</td>
553
553
  <td data-value="64.7" class="pct medium">64.7%</td>
554
554
  <td data-value="34" class="abs medium">22/34</td>
555
555
  <td data-value="88.88" class="pct high">88.88%</td>
556
556
  <td data-value="9" class="abs high">8/9</td>
557
- <td data-value="84.78" class="pct high">84.78%</td>
558
- <td data-value="46" class="abs high">39/46</td>
557
+ <td data-value="85.41" class="pct high">85.41%</td>
558
+ <td data-value="48" class="abs high">41/48</td>
559
559
  </tr>
560
560
 
561
561
  <tr>
562
562
  <td class="file low" data-value="src/components/MlWmsFeatureInfoPopup"><a href="src/components/MlWmsFeatureInfoPopup/index.html">src/components/MlWmsFeatureInfoPopup</a></td>
563
- <td data-value="0" class="pic low">
564
- <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
563
+ <td data-value="14.28" class="pic low">
564
+ <div class="chart"><div class="cover-fill" style="width: 14%"></div><div class="cover-empty" style="width: 86%"></div></div>
565
565
  </td>
566
- <td data-value="0" class="pct low">0%</td>
567
- <td data-value="21" class="abs low">0/21</td>
566
+ <td data-value="14.28" class="pct low">14.28%</td>
567
+ <td data-value="21" class="abs low">3/21</td>
568
568
  <td data-value="0" class="pct low">0%</td>
569
569
  <td data-value="8" class="abs low">0/8</td>
570
570
  <td data-value="0" class="pct low">0%</td>
571
571
  <td data-value="4" class="abs low">0/4</td>
572
- <td data-value="0" class="pct low">0%</td>
573
- <td data-value="20" class="abs low">0/20</td>
572
+ <td data-value="15" class="pct low">15%</td>
573
+ <td data-value="20" class="abs low">3/20</td>
574
574
  </tr>
575
575
 
576
576
  <tr>
@@ -590,17 +590,17 @@
590
590
 
591
591
  <tr>
592
592
  <td class="file low" data-value="src/components/MlWmsLoader"><a href="src/components/MlWmsLoader/index.html">src/components/MlWmsLoader</a></td>
593
- <td data-value="0" class="pic low">
594
- <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
593
+ <td data-value="3.7" class="pic low">
594
+ <div class="chart"><div class="cover-fill" style="width: 3%"></div><div class="cover-empty" style="width: 97%"></div></div>
595
595
  </td>
596
- <td data-value="0" class="pct low">0%</td>
597
- <td data-value="108" class="abs low">0/108</td>
596
+ <td data-value="3.7" class="pct low">3.7%</td>
597
+ <td data-value="108" class="abs low">4/108</td>
598
598
  <td data-value="0" class="pct low">0%</td>
599
599
  <td data-value="62" class="abs low">0/62</td>
600
600
  <td data-value="0" class="pct low">0%</td>
601
601
  <td data-value="30" class="abs low">0/30</td>
602
- <td data-value="0" class="pct low">0%</td>
603
- <td data-value="102" class="abs low">0/102</td>
602
+ <td data-value="3.92" class="pct low">3.92%</td>
603
+ <td data-value="102" class="abs low">4/102</td>
604
604
  </tr>
605
605
 
606
606
  <tr>
@@ -620,17 +620,17 @@
620
620
 
621
621
  <tr>
622
622
  <td class="file medium" data-value="src/hooks"><a href="src/hooks/index.html">src/hooks</a></td>
623
- <td data-value="59.16" class="pic medium">
623
+ <td data-value="59.58" class="pic medium">
624
624
  <div class="chart"><div class="cover-fill" style="width: 59%"></div><div class="cover-empty" style="width: 41%"></div></div>
625
625
  </td>
626
- <td data-value="59.16" class="pct medium">59.16%</td>
627
- <td data-value="240" class="abs medium">142/240</td>
628
- <td data-value="53.89" class="pct medium">53.89%</td>
629
- <td data-value="154" class="abs medium">83/154</td>
626
+ <td data-value="59.58" class="pct medium">59.58%</td>
627
+ <td data-value="240" class="abs medium">143/240</td>
628
+ <td data-value="53.84" class="pct medium">53.84%</td>
629
+ <td data-value="156" class="abs medium">84/156</td>
630
630
  <td data-value="63.15" class="pct medium">63.15%</td>
631
631
  <td data-value="38" class="abs medium">24/38</td>
632
- <td data-value="59.73" class="pct medium">59.73%</td>
633
- <td data-value="226" class="abs medium">135/226</td>
632
+ <td data-value="60.17" class="pct medium">60.17%</td>
633
+ <td data-value="226" class="abs medium">136/226</td>
634
634
  </tr>
635
635
 
636
636
  <tr>
@@ -716,7 +716,7 @@
716
716
  <div class='footer quiet pad2 space-top1 center small'>
717
717
  Code coverage generated by
718
718
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
719
- at 2023-01-23T12:34:46.087Z
719
+ at 2023-02-07T08:13:43.414Z
720
720
  </div>
721
721
  <script src="prettify.js"></script>
722
722
  <script>
@@ -30,9 +30,9 @@
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">72.72% </span>
33
+ <span class="strong">69.23% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>8/11</span>
35
+ <span class='fraction'>9/13</span>
36
36
  </div>
37
37
 
38
38
 
@@ -182,7 +182,15 @@
182
182
  <a name='L117'></a><a href='#L117'>117</a>
183
183
  <a name='L118'></a><a href='#L118'>118</a>
184
184
  <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
185
+ <a name='L120'></a><a href='#L120'>120</a>
186
+ <a name='L121'></a><a href='#L121'>121</a>
187
+ <a name='L122'></a><a href='#L122'>122</a>
188
+ <a name='L123'></a><a href='#L123'>123</a>
189
+ <a name='L124'></a><a href='#L124'>124</a>
190
+ <a name='L125'></a><a href='#L125'>125</a>
191
+ <a name='L126'></a><a href='#L126'>126</a>
192
+ <a name='L127'></a><a href='#L127'>127</a>
193
+ <a name='L128'></a><a href='#L128'>128</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
186
194
  <span class="cline-any cline-neutral">&nbsp;</span>
187
195
  <span class="cline-any cline-neutral">&nbsp;</span>
188
196
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -242,6 +250,8 @@
242
250
  <span class="cline-any cline-neutral">&nbsp;</span>
243
251
  <span class="cline-any cline-neutral">&nbsp;</span>
244
252
  <span class="cline-any cline-neutral">&nbsp;</span>
253
+ <span class="cline-any cline-neutral">&nbsp;</span>
254
+ <span class="cline-any cline-neutral">&nbsp;</span>
245
255
  <span class="cline-any cline-yes">20x</span>
246
256
  <span class="cline-any cline-yes">273x</span>
247
257
  <span class="cline-any cline-yes">273x</span>
@@ -274,6 +284,7 @@
274
284
  <span class="cline-any cline-neutral">&nbsp;</span>
275
285
  <span class="cline-any cline-neutral">&nbsp;</span>
276
286
  <span class="cline-any cline-neutral">&nbsp;</span>
287
+ <span class="cline-any cline-neutral">&nbsp;</span>
277
288
  <span class="cline-any cline-yes">83x</span>
278
289
  <span class="cline-any cline-yes">83x</span>
279
290
  <span class="cline-any cline-yes">6x</span>
@@ -294,20 +305,25 @@
294
305
  <span class="cline-any cline-neutral">&nbsp;</span>
295
306
  <span class="cline-any cline-neutral">&nbsp;</span>
296
307
  <span class="cline-any cline-neutral">&nbsp;</span>
297
- <span class="cline-any cline-neutral">&nbsp;</span>
298
308
  <span class="cline-any cline-yes">273x</span>
299
309
  <span class="cline-any cline-neutral">&nbsp;</span>
300
310
  <span class="cline-any cline-neutral">&nbsp;</span>
311
+ <span class="cline-any cline-neutral">&nbsp;</span>
312
+ <span class="cline-any cline-neutral">&nbsp;</span>
313
+ <span class="cline-any cline-neutral">&nbsp;</span>
314
+ <span class="cline-any cline-neutral">&nbsp;</span>
315
+ <span class="cline-any cline-neutral">&nbsp;</span>
316
+ <span class="cline-any cline-neutral">&nbsp;</span>
301
317
  <span class="cline-any cline-yes">20x</span>
302
318
  <span class="cline-any cline-neutral">&nbsp;</span>
303
319
  <span class="cline-any cline-neutral">&nbsp;</span>
304
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect, useContext, FC, RefObject } from "react";
320
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect, useContext, FC, RefObject } from 'react';
305
321
  &nbsp;
306
- import MapContext from "../../contexts/MapContext";
307
- import MapLibreGlWrapper from "./lib/MapLibreGlWrapper";
322
+ import MapContext, { MapContextType } from '../../contexts/MapContext';
323
+ import MapLibreGlWrapper from './lib/MapLibreGlWrapper';
308
324
  &nbsp;
309
- import { MapOptions as MapOptionsType } from "maplibre-gl";
310
- import "maplibre-gl/dist/maplibre-gl.css";
325
+ import { MapOptions as MapOptionsType, Map } from 'maplibre-gl';
326
+ import 'maplibre-gl/dist/maplibre-gl.css';
311
327
  &nbsp;
312
328
  type MapLibreMapProps = {
313
329
  /**
@@ -334,16 +350,18 @@ const defaultProps: MapLibreMapProps = {
334
350
  container: '',
335
351
  style: {
336
352
  version: 8,
337
- name: "blank",
353
+ name: 'blank',
338
354
  center: [0, 0],
339
355
  zoom: 0,
340
356
  sources: {},
357
+ sprite: 'https://wms.wheregroup.com/tileserver/sprites/osm-bright',
358
+ glyphs: 'https://wms.wheregroup.com/tileserver/fonts/{fontstack}/{range}.pbf',
341
359
  layers: [
342
360
  {
343
- id: "background",
344
- type: "background",
361
+ id: '_background',
362
+ type: 'background',
345
363
  paint: {
346
- "background-color": "rgba(0,0,0,0)",
364
+ 'background-color': 'rgba(0,0,0,0)',
347
365
  },
348
366
  },
349
367
  ],
@@ -362,22 +380,22 @@ const defaultProps: MapLibreMapProps = {
362
380
  * @category Map components
363
381
  */
364
382
  const MapLibreMap: FC&lt;MapLibreMapProps&gt; = (props: MapLibreMapProps) =&gt; {
365
- const map: any = useRef&lt;MapLibreGlWrapper&gt;(null);
383
+ const map = useRef&lt;MapLibreGlWrapper&gt;();
366
384
  const mapContainer = useRef&lt;HTMLDivElement&gt;();
367
385
  &nbsp;
368
- const mapContext: any = useContext&lt;MapContextType&gt;(MapContext);
386
+ const mapContext = useContext&lt;MapContextType&gt;(MapContext);
369
387
  &nbsp;
370
388
  const mapIdRef = useRef(props.mapId);
371
389
  const initializedRef = useRef(false);
372
390
  const currentStyle = useRef(props.options?.style);
373
391
  &nbsp;
374
392
  useEffect(() =&gt; {
375
- let mapId = mapIdRef.current;
393
+ const mapId = mapIdRef.current;
376
394
  &nbsp;
377
395
  return () =&gt; {
378
396
  mapContext.removeMap(mapId);
379
- map.current?.remove?.();
380
- map.current = null;
397
+ map.current?.map?.remove?.();
398
+ map.current = undefined;
381
399
  };
382
400
  }, []);
383
401
  &nbsp;
@@ -389,11 +407,12 @@ const MapLibreMap: FC&lt;MapLibreMapProps&gt; = (props: MapLibreMapProps) =&gt;
389
407
  map.current = new MapLibreGlWrapper({
390
408
  mapOptions: {
391
409
  style: '',
392
- container: mapContainer.current,
393
410
  ...props.options,
411
+ ...(props?.options?.style ? {} : <span class="branch-1 cbranch-no" title="branch not covered" >{ style: defaultProps?.options?.style })</span>,
412
+ container: mapContainer.current,
394
413
  },
395
- onReady: (map: any, wrapper: any) =&gt; {
396
- map.once("load", () =&gt; {
414
+ onReady: (map: Map, wrapper: MapLibreGlWrapper) =&gt; {
415
+ map.once('load', () =&gt; {
397
416
  if (props.mapId) {
398
417
  mapContext.registerMap(props.mapId, wrapper);
399
418
  } else {
@@ -407,14 +426,19 @@ const MapLibreMap: FC&lt;MapLibreMapProps&gt; = (props: MapLibreMapProps) =&gt;
407
426
  &nbsp;
408
427
  useEffect(() =&gt; {
409
428
  <span class="missing-if-branch" title="if path not taken" >I</span>if (map.current?.map &amp;&amp; props?.options?.style &amp;&amp; currentStyle.current !== props.options.style) {
410
- <span class="cstat-no" title="statement not covered" > console.log("set style");</span>
429
+ <span class="cstat-no" title="statement not covered" > console.log('set style');</span>
411
430
  <span class="cstat-no" title="statement not covered" > currentStyle.current = props.options.style;</span>
412
431
  <span class="cstat-no" title="statement not covered" > map.current.map.setStyle(props.options.style);</span>
413
432
  }
414
- // @ts-ignore: props.options is either passed or populated with default values
415
- }, [props.options.style])
433
+ }, [props?.options?.style]);
416
434
  &nbsp;
417
- return &lt;div ref={mapContainer as RefObject&lt;HTMLDivElement&gt;} className="mapContainer" style={props.style} /&gt;;
435
+ return (
436
+ &lt;div
437
+ ref={mapContainer as RefObject&lt;HTMLDivElement&gt;}
438
+ className="mapContainer"
439
+ style={props.style}
440
+ /&gt;
441
+ );
418
442
  };
419
443
  &nbsp;
420
444
  MapLibreMap.defaultProps = defaultProps;
@@ -427,7 +451,7 @@ export default MapLibreMap;
427
451
  <div class='footer quiet pad2 space-top1 center small'>
428
452
  Code coverage generated by
429
453
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
430
- at 2023-01-23T12:34:46.087Z
454
+ at 2023-02-07T08:13:43.414Z
431
455
  </div>
432
456
  <script src="../../../prettify.js"></script>
433
457
  <script>
@@ -30,9 +30,9 @@
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">72.72% </span>
33
+ <span class="strong">69.23% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>8/11</span>
35
+ <span class='fraction'>9/13</span>
36
36
  </div>
37
37
 
38
38
 
@@ -85,8 +85,8 @@
85
85
  </td>
86
86
  <td data-value="87.09" class="pct high">87.09%</td>
87
87
  <td data-value="31" class="abs high">27/31</td>
88
- <td data-value="72.72" class="pct medium">72.72%</td>
89
- <td data-value="11" class="abs medium">8/11</td>
88
+ <td data-value="69.23" class="pct medium">69.23%</td>
89
+ <td data-value="13" class="abs medium">9/13</td>
90
90
  <td data-value="100" class="pct high">100%</td>
91
91
  <td data-value="7" class="abs high">7/7</td>
92
92
  <td data-value="90" class="pct high">90%</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 2023-01-23T12:34:46.087Z
104
+ at 2023-02-07T08:13:43.414Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>