@opengeoweb/core 12.7.0 → 12.9.1

package/index.esm.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import React__default, { useState, useCallback, useEffect, useContext, useMemo } from 'react';
 import { Grid, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, DialogContentText, TextField, InputAdornment, Button, Autocomplete, ListItemIcon, Checkbox, Switch, Select } from '@mui/material';
 import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, CustomIconButton, CustomTooltip, TooltipSelect, AlertIcon, useScrollingInIsolation, sliderHeaderStyle, CustomSlider, ToggleMenu, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, CustomDialog, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, dateUtils, useDebounce, sessionStorageProvider, usePrevious, ErrorBoundary } from '@opengeoweb/shared';
-import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, ColumnCollapsed, ColumnCollapse, Copy, None, FastForward, AutoUpdateActive, Both, Delete, Visibility, VisibilityOff, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Layers, ExitDomain, Info, Search, Exclamation, MyLocation, Close, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
+import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, ColumnCollapsed, ColumnCollapse, Copy, None, FastForward, AutoUpdateActive, Both, Delete, Visibility, VisibilityOff, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Overlayers, Layers, ExitDomain, Info, Search, Exclamation, MyLocation, Close, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
 import i18n from 'i18next';
 import { useTranslation, I18nextProvider } from 'react-i18next';
 import { TIMESLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, onsetNewDateDebounced, defaultSecondsPerPx, moveSelectedTimePx, TimeSlider, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
-import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE, webmapTranslations, WEBMAP_NAMESPACE, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, LegendDialog, LegendButton, MapContext, emptyGeoJSON, registerDrawFunction, MapFeatureClass, setMapCenter, OpenLayersFeatureLayer, OpenLayersMapDraw, getIsInsideAcceptanceTime, OpenLayersLayer, useSetIntervalWhenVisible, openLayersGetMapImageStore, TimeContext, OpenLayersMapView, WMSLayer, genericOpenLayersFeatureStyle, OpenLayersGetFeatureInfo, MapControls, OpenLayersZoomControl, getLayerUpdateInfo, publicLayers } from '@opengeoweb/webmap-react';
+import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE, webmapTranslations, WEBMAP_NAMESPACE, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, LegendDialog, LegendButton, MapContext, emptyGeoJSON, MapFeatureClass, setMapCenter, OpenLayersFeatureLayer, OpenLayersMapDraw, getIsInsideAcceptanceTime, OpenLayersLayer, useSetIntervalWhenVisible, openLayersGetMapImageStore, TimeContext, OpenLayersMapView, WMSLayer, genericOpenLayersFeatureStyle, OpenLayersGetFeatureInfo, MapControls, OpenLayersZoomControl, getLayerUpdateInfo, publicLayers } from '@opengeoweb/webmap-react';
 import { useDispatch, useSelector, connect, useStore, Provider } from 'react-redux';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
@@ -46,6 +46,8 @@ var en = {
 	"layermanager-title": "Layer Manager",
 	"layermanager-baselayers-title": "Base layer",
 	"layermanager-baselayers-no-available": "No service available",
+	"layermanager-overlayers-title": "Select overlayer",
+	"layermanager-overlayers-overlayer": "Overlayer",
 	"layermanager-acceptance-time": "Acc Time",
 	"layermanager-dimensions-total-values": "Dimension value ({{total_dimensions}} options)",
 	"layermanager-dimensions-title": "Dimensions",
@@ -122,6 +124,8 @@ var fi = {
 	"layermanager-title": "Karttatasot",
 	"layermanager-baselayers-title": "Pohjakartta",
 	"layermanager-baselayers-no-available": "Palvelu ei käytettävissä",
+	"layermanager-overlayers-title": "Valitse päällystaso",
+	"layermanager-overlayers-overlayer": "Päällystaso",
 	"layermanager-acceptance-time": "Hyväksymisaika",
 	"layermanager-dimensions-total-values": "Dimension arvon ({{total_dimensions}} valinnat)",
 	"layermanager-dimensions-title": "Dimensiot",
@@ -198,6 +202,8 @@ var no = {
 	"layermanager-title": "Kartlag",
 	"layermanager-baselayers-title": "Basislag",
 	"layermanager-baselayers-no-available": "Ingen tjenester tilgjengelig",
+	"layermanager-overlayers-title": "ikke oversatt",
+	"layermanager-overlayers-overlayer": "ikke oversatt",
 	"layermanager-acceptance-time": "Aksep.tid",
 	"layermanager-dimensions-total-values": "Dimensjonsverdi ({{total_dimensions}} valg)",
 	"layermanager-dimensions-title": "Dimensjoner",
@@ -274,6 +280,8 @@ var nl = {
 	"layermanager-title": "Lagen Manager",
 	"layermanager-baselayers-title": "Basislaag",
 	"layermanager-baselayers-no-available": "Geen service beschikbaar",
+	"layermanager-overlayers-title": "Selecteer een overlayer",
+	"layermanager-overlayers-overlayer": "Overlayer",
 	"layermanager-acceptance-time": "Acc Tijd",
 	"layermanager-dimensions-total-values": "Opties voor dimensie ({{total_dimensions}})",
 	"layermanager-dimensions-title": "Dimensies",
@@ -909,7 +917,7 @@ var layerManagerStyle = {
   '.is-dragging header+.MuiBox-root': {
     overflow: 'hidden'
   },
-  // baselayer & projection
+  // baselayer, overlayer & projection
   '.baseLayer': {
     width: "calc(" + flexibleAreaWidth + " * 0.25)"
   },
@@ -972,7 +980,7 @@ var layerManagerStyle = {
       '.activateLayer-btn, .enable-btn, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
         display: 'none'
       },
-      '.addLayer-column, .setProjection-column': {
+      '.addLayer-column, .setProjection-column, .overlayers-column': {
         display: 'none'
       },
       '.descriptionRow': {
@@ -2480,7 +2488,7 @@ var LayerRow = styled(LayerRowUnstyled)(function (_ref9) {
       backgroundColor: isEnabled ? theme.palette.geowebColors.layerManager.tableRowDefaultCardContainer.fill : theme.palette.geowebColors.layerManager.tableRowDisabledCardContainer.fill,
       border: '1px solid',
       borderColor: isEnabled ? theme.palette.geowebColors.layerManager.tableRowDefaultCardContainer.borderColor : theme.palette.geowebColors.layerManager.tableRowDisabledCardContainer.borderColor,
-      borderRadius: 1 * theme.shape.borderRadius,
+      borderRadius: theme.shape.borderRadius,
       marginBottom: theme.spacing(0.25),
       minHeight: '32px'
     }
@@ -3016,7 +3024,8 @@ var ActivateLayerConnect = function ActivateLayerConnect(_ref) {
     } else if (thisLayerHasAutoTimestep) {
       dispatch(mapActions.setAutoTimestepLayerId({
         mapId: mapId,
-        autoTimestepLayerId: undefined
+        autoTimestepLayerId: undefined,
+        origin: mapEnums.MapActionOrigin.map
       }));
       if (isTimestepAuto) {
         dispatch(mapActions.toggleTimestepAuto({
@@ -3039,7 +3048,8 @@ var ActivateLayerConnect = function ActivateLayerConnect(_ref) {
     } else if (thisLayerHasAutoUpdate) {
       dispatch(mapActions.setAutoUpdateLayerId({
         mapId: mapId,
-        autoUpdateLayerId: undefined
+        autoUpdateLayerId: undefined,
+        origin: mapEnums.MapActionOrigin.map
       }));
     }
   }
@@ -3055,7 +3065,8 @@ var ActivateLayerConnect = function ActivateLayerConnect(_ref) {
   function handleAutoUpdateClick() {
     dispatch(mapActions.setAutoUpdateLayerId({
       mapId: mapId,
-      autoUpdateLayerId: layerId
+      autoUpdateLayerId: layerId,
+      origin: mapEnums.MapActionOrigin.map
     }));
     if (thisLayerHasAutoTimestep) {
       dispatch(mapActions.setAutoTimestepLayerId({
@@ -3086,7 +3097,8 @@ var ActivateLayerConnect = function ActivateLayerConnect(_ref) {
   function handleAutoTimestepClick() {
     dispatch(mapActions.setAutoTimestepLayerId({
       mapId: mapId,
-      autoTimestepLayerId: layerId
+      autoTimestepLayerId: layerId,
+      origin: mapEnums.MapActionOrigin.map
     }));
     if (thisLayerHasAutoUpdate) {
       dispatch(mapActions.setAutoUpdateLayerId({
@@ -4736,6 +4748,100 @@ var ProjectionSelectConnect = function ProjectionSelectConnect(_ref) {
   });
 };
 
+var availableOverlayers = [{
+  name: 'Default Overlayer',
+  value: 'Default Overlayer'
+},
+// TODO: rename to 'None' when implemented: https://gitlab.com/opengeoweb/opengeoweb/-/issues/6095
+{
+  name: 'None (not implemented)',
+  value: 'None'
+}];
+var OverlayersSelect = function OverlayersSelect(_ref) {
+  var _availableOverlayers$;
+  var selectedOverlayer = _ref.selectedOverlayer,
+    onChangeOverlayer = _ref.onChangeOverlayer;
+  var _useCoreTranslation = useCoreTranslation(),
+    t = _useCoreTranslation.t;
+  var index = availableOverlayers.findIndex(function (layer) {
+    return layer.value === selectedOverlayer;
+  });
+  var selectedOverlayerName = (_availableOverlayers$ = availableOverlayers.find(function (layer) {
+    return layer.value === selectedOverlayer;
+  })) == null ? void 0 : _availableOverlayers$.name;
+  return jsxs(Grid, {
+    container: true,
+    className: "overlayers-column",
+    sx: {
+      width: '100%',
+      height: '36px'
+    },
+    children: [jsx(Grid, {
+      sx: [{
+        marginTop: '-2px'
+      }, leftButtonsStyle],
+      children: jsx(CustomIconButton, {
+        sx: {
+          margin: 'auto 0px auto 32px'
+        },
+        disabled: true,
+        children: jsx(Overlayers, {})
+      })
+    }), jsx(Grid, {
+      className: columnClasses.baseLayer,
+      children: jsx(FormControl, {
+        style: {
+          width: '100%'
+        },
+        children: jsxs(TooltipSelect, {
+          disableUnderline: true,
+          SelectDisplayProps: {
+            'aria-label': 'overlayerSelect'
+          },
+          tooltip: t('layermanager-overlayers-overlayer') + ": " + selectedOverlayerName,
+          isEnabled: true,
+          style: {
+            maxWidth: '100%'
+          },
+          value: selectedOverlayer,
+          list: availableOverlayers,
+          currentIndex: index,
+          onChange: function onChange(event) {
+            event.stopPropagation();
+            onChangeOverlayer(event.target.value);
+          },
+          onChangeMouseWheel: function onChangeMouseWheel(e) {
+            onChangeOverlayer(e.value);
+          },
+          children: [jsx(MenuItem, {
+            disabled: true,
+            children: t('layermanager-overlayers-title')
+          }), availableOverlayers.map(function (_ref2) {
+            var name = _ref2.name,
+              value = _ref2.value;
+            return jsx(MenuItem, {
+              value: value,
+              children: name
+            }, name);
+          })]
+        })
+      })
+    })]
+  });
+};
+
+var OverlayersSelectConnect = function OverlayersSelectConnect() {
+  var _React$useState = React__default.useState('Default Overlayer'),
+    selectedOverlayer = _React$useState[0],
+    setSelectedOverlayer = _React$useState[1];
+  return jsx(OverlayersSelect, {
+    selectedOverlayer: selectedOverlayer,
+    onChangeOverlayer: function onChangeOverlayer(selection) {
+      setSelectedOverlayer(selection);
+    }
+  });
+};
+
 var styles$1 = {
   layerRowContainer: {
     position: 'relative',
@@ -4892,7 +4998,7 @@ var LayerManager = function LayerManager(_ref) {
             mapId: mapId,
             settings: settings == null ? void 0 : settings.content,
             collapsedColumns: collapsedColumns
-          }), jsx(BaseLayerRow, {
+          }), jsx(OverlayersSelectConnect, {}), jsx(BaseLayerRow, {
             mapId: mapId,
             tooltip: t('layermanager-baselayers-tooltip'),
             preloadedAvailableBaseLayers: preloadedAvailableBaseLayers,
@@ -7123,43 +7229,6 @@ var LocationSearch = function LocationSearch(_ref) {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var myLocationDrawFunction = function myLocationDrawFunction(args) {
-  var ctx = args.context,
-    coord = args.coord;
-  // Draw outer circle
-  ctx.strokeStyle = '#fff';
-  ctx.fillStyle = '#fff';
-  ctx.shadowColor = '#00000080';
-  ctx.shadowBlur = 4;
-  ctx.beginPath();
-  ctx.arc(coord.x, coord.y, 14, 0, 2 * Math.PI);
-  ctx.fill();
-  ctx.shadowBlur = 0;
-  // Draw inner circle
-  ctx.fillStyle = '#186dff';
-  ctx.beginPath();
-  ctx.arc(coord.x, coord.y, 10, 0, 2 * Math.PI);
-  ctx.fill();
-};
-var selectedLocationDrawFunction = function selectedLocationDrawFunction(args) {
-  var ctx = args.context,
-    coord = args.coord;
-  ctx.strokeStyle = '#051039';
-  ctx.fillStyle = '#051039';
-  ctx.beginPath();
-  var topRadius = 7;
-  var topHeight = 2 * topRadius;
-  ctx.arc(coord.x, coord.y - topHeight, topRadius, Math.PI, Math.PI * 2);
-  ctx.bezierCurveTo(coord.x + topRadius, coord.y - topHeight, coord.x + topRadius / 1.6, coord.y - topRadius, coord.x, coord.y);
-  ctx.bezierCurveTo(coord.x, coord.y, coord.x - topRadius / 1.6, coord.y - topRadius, coord.x - topRadius, coord.y - topHeight);
-  ctx.stroke();
-  ctx.fill();
-  /* Fill center circle */
-  ctx.fillStyle = '#FFF';
-  ctx.beginPath();
-  ctx.arc(coord.x, coord.y - topHeight, topRadius / 2.5, Math.PI * 2, 0);
-  ctx.fill();
-};
 var geometryStyling = {
   fill: '#FF7800',
   'fill-opacity': 0.25,
@@ -7167,7 +7236,7 @@ var geometryStyling = {
   'stroke-opacity': 1,
   'stroke-width': 4
 };
-var makeGeoJSONFeatureFromLocation = function makeGeoJSONFeatureFromLocation(location, drawFunctionId, hoverDrawFunctionId, mapFeatureClass, t) {
+var makeGeoJSONFeatureFromLocation = function makeGeoJSONFeatureFromLocation(location, mapFeatureClass, t) {
   var _location$geometry;
   var collection = {
     type: 'FeatureCollection',
@@ -7177,7 +7246,6 @@ var makeGeoJSONFeatureFromLocation = function makeGeoJSONFeatureFromLocation(loc
   var geometry = Object.assign({}, location.geometry, {
     properties: Object.assign({}, geometryStyling, {
       name: name,
-      hoverDrawFunctionId: hoverDrawFunctionId,
       mapFeatureClass: mapFeatureClass,
       showNameOnHover: true
     })
@@ -7186,8 +7254,6 @@ var makeGeoJSONFeatureFromLocation = function makeGeoJSONFeatureFromLocation(loc
     type: 'Feature',
     properties: {
       name: name,
-      drawFunctionId: drawFunctionId,
-      hoverDrawFunctionId: hoverDrawFunctionId,
       mapFeatureClass: mapFeatureClass,
       showNameOnHover: true
     },
@@ -7206,53 +7272,7 @@ var makeGeoJSONFeatureFromLocation = function makeGeoJSONFeatureFromLocation(loc
   }
   return collection;
 };
-var fitText = function fitText(ctx, text, x, y, lineheight) {
-  var lines = text.split('\n');
-  for (var i = 0; i < lines.length; i += 1) {
-    ctx.fillText(lines[i], x, y + i * lineheight);
-  }
-};
-var roundRect = function roundRect(ctx, w, h, x, y, radius) {
-  if (radius === void 0) {
-    radius = 2;
-  }
-  var r = x + w;
-  var b = y + h;
-  ctx.beginPath();
-  ctx.moveTo(x + radius, y);
-  ctx.lineTo(r - radius, y);
-  ctx.quadraticCurveTo(r, y, r, y + radius);
-  ctx.lineTo(r, y + h - radius);
-  ctx.quadraticCurveTo(r, b, r - radius, b);
-  ctx.lineTo(x + radius, b);
-  ctx.quadraticCurveTo(x, b, x, b - radius);
-  ctx.lineTo(x, y + radius);
-  ctx.quadraticCurveTo(x, y, x + radius, y);
-  ctx.stroke();
-  ctx.fill();
-};
-var hoverDrawFunction = function hoverDrawFunction(args) {
-  var ctx = args.context,
-    coord = args.coord,
-    feature = args.feature;
-  var fontSize = 16;
-  var padding = 20;
-  // eslint-disable-next-line no-param-reassign
-  ctx.font = fontSize + "px Roboto";
-  var x = coord.x,
-    y = coord.y;
-  ctx.strokeStyle = '#000';
-  ctx.fillStyle = '#000';
-  roundRect(ctx, ctx.measureText(feature.properties.name).width + padding, fontSize + padding, x - padding * 0.5 - ctx.measureText(feature.properties.name).width * 0.5, y + padding);
-  // eslint-disable-next-line no-param-reassign
-  ctx.fillStyle = '#FFF';
-  // eslint-disable-next-line no-param-reassign
-  ctx.textAlign = 'left';
-  if (feature && feature.properties) {
-    fitText(ctx, feature.properties.name, x - ctx.measureText(feature.properties.name).width * 0.5, y + padding * 2, fontSize);
-  }
-};
-var useDrawOnMap = function useDrawOnMap(mapId, drawFunction) {
+var useDrawOnMap = function useDrawOnMap(mapId) {
   var dispatch = useDispatch();
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
@@ -7283,16 +7303,14 @@ var useDrawOnMap = function useDrawOnMap(mapId, drawFunction) {
       }));
     }
   }, [dispatch, layerId, mapId, shouldAddLayer]);
-  var drawFunctionId = React__default.useRef(registerDrawFunction(drawFunction)).current;
-  var hoverDrawFunctionId = React__default.useRef(registerDrawFunction(hoverDrawFunction)).current;
   var updateGeoJSON = React__default.useCallback(function (location) {
     var mapFeatureClass = (location == null ? void 0 : location.source) === 'MyMapLocation' ? MapFeatureClass.MyLocation : MapFeatureClass.GenericMarker;
-    var geojson = location ? makeGeoJSONFeatureFromLocation(location, drawFunctionId, hoverDrawFunctionId, mapFeatureClass, t) : emptyGeoJSON;
+    var geojson = location ? makeGeoJSONFeatureFromLocation(location, mapFeatureClass, t) : emptyGeoJSON;
     dispatch(layerActions.updateFeature({
       layerId: layerId,
       geojson: geojson
     }));
-  }, [dispatch, drawFunctionId, hoverDrawFunctionId, layerId, t]);
+  }, [dispatch, layerId, t]);
   var zoomToFeature = React__default.useCallback(function (location) {
     if (map) {
       setMapCenter(map, location.lon, location.lat);
@@ -7313,9 +7331,9 @@ var LocationSearchConnect = function LocationSearchConnect(_ref) {
   var dialogType = uiTypes.DialogTypes.Search + "-" + mapId;
   var _useSetupDialog = useSetupDialog(dialogType),
     isDialogOpen = _useSetupDialog.isDialogOpen;
-  var _useDrawOnMap = useDrawOnMap(mapId, selectedLocationDrawFunction),
+  var _useDrawOnMap = useDrawOnMap(mapId),
     updateMapPin = _useDrawOnMap[0];
-  var _useDrawOnMap2 = useDrawOnMap(mapId, myLocationDrawFunction),
+  var _useDrawOnMap2 = useDrawOnMap(mapId),
     updateMyLocation = _useDrawOnMap2[0];
   var mapLayers = useSelector(function (store) {
     return layerSelectors.getLayersByMapId(store, mapId);
@@ -7699,7 +7717,9 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
   }, [warningDialogFeatures]);
   var linkedFeaturesFromState = useSelector(function (store) {
     var _store$syncGroups;
-    return genericSelectors.selectLinkedFeatures((_store$syncGroups = store.syncGroups) == null ? void 0 : _store$syncGroups.linkedState, mapId);
+    return genericSelectors.selectLinkedFeatures((_store$syncGroups = store.syncGroups) == null ? void 0 : _store$syncGroups.linkedState, {
+      mapId: mapId
+    });
   });
   var filteredLinkedFeaturesFromState = React.useMemo(function () {
     return linkedFeaturesFromState.filter(function (feature) {
@@ -7708,7 +7728,9 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
   }, [linkedFeaturesFromState, warningDialogOriginalIds]);
   var linkedFormFeaturesFromState = useSelector(function (store) {
     var _store$syncGroups2;
-    return genericSelectors.selectLinkedFormFeatures((_store$syncGroups2 = store.syncGroups) == null ? void 0 : _store$syncGroups2.linkedState, mapId);
+    return genericSelectors.selectLinkedFormFeatures((_store$syncGroups2 = store.syncGroups) == null ? void 0 : _store$syncGroups2.linkedState, {
+      mapId: mapId
+    });
   });
   var linkedFeatures = React.useMemo(function () {
     return {
@@ -7809,9 +7831,10 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
         selectedFeatureId: selectedFeatureId
       }
     }));
-    selectedMapIds.forEach(function (mapId) {
+    var linkedMapIds = selectedMapIds.length > 0 ? selectedMapIds : [mapId];
+    linkedMapIds.forEach(function (id) {
       dispatch(mapActions.setMapPinLocation({
-        mapId: mapId,
+        mapId: id,
         mapPinLocation: mapPinLocation
       }));
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "12.7.0",
+  "version": "12.9.1",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,22 +8,22 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "12.7.0",
+    "@opengeoweb/shared": "12.9.1",
     "react-redux": "^9.2.0",
-    "@opengeoweb/store": "12.7.0",
-    "@opengeoweb/timeslider": "12.7.0",
+    "@opengeoweb/store": "12.9.1",
+    "@opengeoweb/timeslider": "12.9.1",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "12.7.0",
-    "@opengeoweb/webmap": "12.7.0",
-    "@opengeoweb/theme": "12.7.0",
+    "@opengeoweb/webmap-react": "12.9.1",
+    "@opengeoweb/webmap": "12.9.1",
+    "@opengeoweb/theme": "12.9.1",
     "axios": "^1.7.7",
-    "@opengeoweb/layer-select": "12.7.0",
+    "@opengeoweb/layer-select": "12.9.1",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.1",
     "@mui/system": "^7.0.1",
-    "@opengeoweb/snackbar": "12.7.0",
+    "@opengeoweb/snackbar": "12.9.1",
     "react-router-dom": "^6.21.0",
     "react-draggable": "^4.4.6",
     "i18next": "^25.0.1",
@@ -32,7 +32,8 @@
     "@mui/material": "^7.0.1",
     "@sentry/react": "^8.34.0",
     "@tanstack/react-query": "^5.69.2",
-    "@opengeoweb/api": "12.7.0"
+    "@opengeoweb/api": "12.9.1",
+    "@types/geojson": "^7946.0.14"
   },
   "peerDependencies": {
     "react": "18",
@@ -42,5 +43,5 @@
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",
-  "types": "./index.esm.d.ts"
+  "types": "./index.d.ts"
 }

package/src/lib/components/LayerManager/LayerManagerUtils.d.ts

@@ -142,7 +142,7 @@ export declare const layerManagerStyle: {
             '.activateLayer-btn, .enable-btn, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
                 display: string;
             };
-            '.addLayer-column, .setProjection-column': {
+            '.addLayer-column, .setProjection-column, .overlayers-column': {
                 display: string;
             };
             '.descriptionRow': {

package/src/lib/components/LayerManager/OverlayersRow/OverlayersSelect.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface OverlayersSelectProps {
+    selectedOverlayer: string;
+    onChangeOverlayer: (overlayer: string) => void;
+}
+declare const OverlayersSelect: React.FC<OverlayersSelectProps>;
+export default OverlayersSelect;

package/src/lib/components/LayerManager/OverlayersRow/OverlayersSelectConnect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const OverlayersSelectConnect: React.FC;
+export default OverlayersSelectConnect;

package/src/lib/components/LayerManager/OverlayersRow/OverlayersSelectConnect.integration.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/LocationSearch/utils.d.ts

@@ -1,8 +1,4 @@
-import { MapDrawDrawFunctionArgs } from '@opengeoweb/webmap-react';
 import { GeoJsonProperties } from 'geojson';
 import { LocationDetail } from './types';
-export declare const myLocationDrawFunction: (args: MapDrawDrawFunctionArgs) => void;
-export declare const selectedLocationDrawFunction: (args: MapDrawDrawFunctionArgs) => void;
 export declare const geometryStyling: GeoJsonProperties;
-export declare const hoverDrawFunction: (args: MapDrawDrawFunctionArgs) => void;
-export declare const useDrawOnMap: (mapId: string, drawFunction: (args: MapDrawDrawFunctionArgs) => void) => [(location?: LocationDetail) => void];
+export declare const useDrawOnMap: (mapId: string) => [(location?: LocationDetail) => void];

package/src/lib/components/MultiMapViewConnect/storyUtils/mapPresets.d.ts

@@ -6,7 +6,7 @@ export declare const mapPresetRadar: {
         enabled: boolean;
         style: string;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
     }[];
     proj: {
         bbox: {
@@ -23,7 +23,7 @@ export declare const mapPresetObsTA: {
         service: string;
         name: string;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
     }[];
     proj: {
         bbox: {
@@ -40,7 +40,7 @@ export declare const mapPresetObsWind: {
         service: string;
         name: string;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
     }[];
     proj: {
         bbox: {
@@ -57,7 +57,7 @@ export declare const mapPresetObsPP: {
         service: string;
         name: string;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
     }[];
     proj: {
         bbox: {
@@ -74,7 +74,7 @@ export declare const mapPresetObsRH: {
         service: string;
         name: string;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
     }[];
     proj: {
         bbox: {
@@ -91,7 +91,7 @@ export declare const mapPresetObsQG: {
         service: string;
         name: string;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
     }[];
     proj: {
         bbox: {
@@ -109,7 +109,7 @@ export declare const mapPresetEumetsat: {
         name: string;
         enabled: boolean;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
     }[];
     proj: {
         bbox: {
@@ -126,7 +126,7 @@ export declare const mapPresetHarmoniePrecipitationFlux: {
         service: string;
         name: string;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
         enabled: boolean;
     }[];
     proj: {
@@ -144,7 +144,7 @@ export declare const mapPresetHarmonieTemperature2m: {
         service: string;
         name: string;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
         enabled: boolean;
     }[];
     proj: {
@@ -162,7 +162,7 @@ export declare const mapPresetHarmoniePressureMSL: {
         service: string;
         name: string;
         id: string;
-        layerType: import("dist/libs/webmap/src").LayerType;
+        layerType: import("@opengeoweb/webmap").LayerType;
         enabled: boolean;
     }[];
     proj: {