@opengeoweb/core 4.15.1 → 4.17.0

package/index.esm.js

@@ -29,6 +29,7 @@ import axios from 'axios';
 import { useDebounce } from '@opengeoweb/api';
 import { createStore } from '@redux-eggs/redux-toolkit';
 import { getSagaExtension } from '@redux-eggs/saga-extension';
+import { useNavigate } from 'react-router-dom';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -589,7 +590,11 @@ var getPreviousTimeStepForLayerId = function getPreviousTimeStepForLayerId(layer
   var wmjsTimeDim = getWMJSTimeDimensionForLayerId(layerId);
   if (!wmjsTimeDim) return null;
   var currentIndex = wmjsTimeDim.getIndexForValue(wmjsTimeDim.currentValue, false);
-  if (currentIndex < 0 || currentIndex - 1 < 0) return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+
+  if (currentIndex < 0 || currentIndex - 1 < 0) {
+    return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+  }
+
   return wmjsTimeDim.getValueForIndex(currentIndex - 1);
 };
 /**
@@ -599,9 +604,17 @@ var getPreviousTimeStepForLayerId = function getPreviousTimeStepForLayerId(layer
 
 var getNextTimeStepForLayerId = function getNextTimeStepForLayerId(layerId) {
   var wmjsTimeDim = getWMJSTimeDimensionForLayerId(layerId);
-  if (!wmjsTimeDim) return null;
+
+  if (!wmjsTimeDim) {
+    return null;
+  }
+
   var currentIndex = wmjsTimeDim.getIndexForValue(wmjsTimeDim.currentValue, false);
-  if (currentIndex < 0 || currentIndex + 1 >= wmjsTimeDim.size()) return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+
+  if (currentIndex < 0 || currentIndex + 1 >= wmjsTimeDim.size()) {
+    return wmjsTimeDim.getClosestValue(wmjsTimeDim.currentValue, true);
+  }
+
   return wmjsTimeDim.getValueForIndex(currentIndex + 1);
 };
 /**
@@ -1652,7 +1665,7 @@ var createLayer = function createLayer(_a) {
     status: status
   });
 };
-var initialState$7 = {
+var initialState$8 = {
   byId: {},
   allIds: [],
   availableBaseLayers: {
@@ -1660,8 +1673,8 @@ var initialState$7 = {
     allIds: []
   }
 };
-var slice$7 = createSlice({
-  initialState: initialState$7,
+var slice$8 = createSlice({
+  initialState: initialState$8,
   name: 'layerReducer',
   reducers: {
     addLayer: function addLayer(draft, action) {
@@ -1756,7 +1769,10 @@ var slice$7 = createSlice({
     },
     baseLayerDelete: function baseLayerDelete(draft, action) {
       var layerId = action.payload.layerId;
-      if (draft.byId[layerId].layerType !== LayerType.baseLayer && draft.byId[layerId].layerType !== LayerType.overLayer) return;
+
+      if (draft.byId[layerId].layerType !== LayerType.baseLayer && draft.byId[layerId].layerType !== LayerType.overLayer) {
+        return;
+      }
 
       if (draft.byId[layerId]) {
         draft.allIds = draft.allIds.filter(function (id) {
@@ -1811,8 +1827,13 @@ var slice$7 = createSlice({
 
       var layerTypes = [];
       filtererdBaseLayers.forEach(function (layer) {
-        if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) return;
-        if (!layerTypes.includes(layer.layerType)) layerTypes.push(layer.layerType);
+        if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) {
+          return;
+        }
+
+        if (!layerTypes.includes(layer.layerType)) {
+          layerTypes.push(layer.layerType);
+        }
       });
       var state = current(draft); // remove current layers with same type as one of the passed layers
 
@@ -1835,7 +1856,10 @@ var slice$7 = createSlice({
     },
     addBaseLayer: function addBaseLayer(draft, action) {
       var layer = action.payload.layer;
-      if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) return;
+
+      if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer) {
+        return;
+      }
 
       if (!draft.byId[layer.id]) {
         draft.byId[layer.id] = createLayer(Object.assign({
@@ -1856,7 +1880,10 @@ var slice$7 = createSlice({
     },
     addAvailableBaseLayer: function addAvailableBaseLayer(draft, action) {
       var layer = action.payload.layer;
-      if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer || !layer.mapId) return;
+
+      if (layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer || !layer.mapId) {
+        return;
+      }
 
       if (!draft.availableBaseLayers.byId[layer.id]) {
         draft.availableBaseLayers.byId[layer.id] = createLayer(Object.assign({
@@ -1870,7 +1897,10 @@ var slice$7 = createSlice({
       var layers = action.payload.layers; // add new available baselayers
 
       layers.forEach(function (layer) {
-        if (layer.layerType !== LayerType.baseLayer || draft.availableBaseLayers.byId[layer.id] || !layer.mapId) return;
+        if (layer.layerType !== LayerType.baseLayer || draft.availableBaseLayers.byId[layer.id] || !layer.mapId) {
+          return;
+        }
+
         draft.availableBaseLayers.byId[layer.id] = createLayer(Object.assign({
           id: layer.id,
           layerType: layer.layerType
@@ -1905,9 +1935,9 @@ var slice$7 = createSlice({
           layerDimensions = _action$payload12.layerDimensions;
       var layerStyleAction = layerActions.layerChangeStyle(layerStyle);
       var state = current(draft);
-      var intermediateState = layerStyle === null ? state : reducer$7(state, layerStyleAction);
+      var intermediateState = layerStyle === null ? state : reducer$8(state, layerStyleAction);
       var dimensionsAction = layerActions.layerSetDimensions(layerDimensions);
-      var newState = layerDimensions === null ? intermediateState : reducer$7(intermediateState, dimensionsAction);
+      var newState = layerDimensions === null ? intermediateState : reducer$8(intermediateState, dimensionsAction);
       return newState;
     },
     setSelectedFeature: function setSelectedFeature(draft, action) {
@@ -1963,7 +1993,7 @@ var slice$7 = createSlice({
         };
         /* Handle the Layer action with the same logic, using the same reducer */
 
-        return reducer$7(prevState, action);
+        return reducer$8(prevState, action);
       }, state);
     }).addCase(setMapPreset, function (draft, action) {
       var mapId = action.payload.mapId;
@@ -1983,8 +2013,8 @@ var slice$7 = createSlice({
     });
   }
 });
-var reducer$7 = slice$7.reducer;
-var layerActions = slice$7.actions;
+var reducer$8 = slice$8.reducer;
+var layerActions = slice$8.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2002,12 +2032,12 @@ var layerActions = slice$7.actions;
  * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * */
-var initialState$6 = {
+var initialState$7 = {
   byId: {},
   allIds: []
 };
-var slice$6 = createSlice({
-  initialState: initialState$6,
+var slice$7 = createSlice({
+  initialState: initialState$7,
   name: 'serviceReducer',
   reducers: {
     serviceSetLayers: function serviceSetLayers(draft, action) {
@@ -2034,13 +2064,13 @@ var slice$6 = createSlice({
       var serviceLayers = action.payload.serviceLayers;
       if (serviceLayers === null) return draft;
       var mapAction = serviceActions.serviceSetLayers(serviceLayers);
-      var newState = reducer$6(draft, mapAction);
+      var newState = reducer$7(draft, mapAction);
       return newState;
     });
   }
 });
-var reducer$6 = slice$6.reducer;
-var serviceActions = slice$6.actions;
+var reducer$7 = slice$7.reducer;
+var serviceActions = slice$7.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2211,13 +2241,13 @@ var createUIDialogElement = function createUIDialogElement(_ref) {
     error: undefined
   };
 };
-var initialState$5 = {
+var initialState$6 = {
   order: [],
   dialogs: {},
   activeWindowId: undefined
 };
-var slice$5 = createSlice({
-  initialState: initialState$5,
+var slice$6 = createSlice({
+  initialState: initialState$6,
   name: 'uiReducer',
   reducers: {
     registerDialog: function registerDialog(draft, action) {
@@ -2306,8 +2336,8 @@ var slice$5 = createSlice({
     }
   }
 });
-var reducer$5 = slice$5.reducer;
-var uiActions = slice$5.actions;
+var reducer$6 = slice$6.reducer;
+var uiActions = slice$6.actions;
 
 var addBaseLayer = layerActions.addBaseLayer,
     addLayer$1 = layerActions.addLayer,
@@ -2358,12 +2388,12 @@ var createLayersWithIds = function createLayersWithIds(state, layers) {
   });
 };
 
-var initialState$4 = {
+var initialState$5 = {
   byId: {},
   allIds: []
 };
-var slice$4 = createSlice({
-  initialState: initialState$4,
+var slice$5 = createSlice({
+  initialState: initialState$5,
   name: 'mapReducer',
   reducers: {
     registerMap: function registerMap(draft, action) {
@@ -2780,8 +2810,13 @@ var slice$4 = createSlice({
       });
 
       if (draft.byId[mapId]) {
-        if (baseLayerIds.length !== 0) draft.byId[mapId].baseLayers = baseLayerIds;
-        if (overLayerIds.length !== 0) draft.byId[mapId].overLayers = overLayerIds;
+        if (baseLayerIds.length !== 0) {
+          draft.byId[mapId].baseLayers = baseLayerIds;
+        }
+
+        if (overLayerIds.length !== 0) {
+          draft.byId[mapId].overLayers = overLayerIds;
+        }
       }
     }).addCase(layerDelete$1, function (draft, action) {
       var _action$payload27 = action.payload,
@@ -2896,13 +2931,13 @@ var slice$4 = createSlice({
         };
         /* Handle the Layer action with the same logic, using the same reducer */
 
-        return reducer$4(prevState, action);
+        return reducer$5(prevState, action);
       }, draft);
     }).addCase(onUpdateLayerInformation, function (draft, action) {
       var mapDimensions = action.payload.mapDimensions;
       if (mapDimensions === null) return draft;
       var mapAction = mapActions$1.mapUpdateAllMapDimensions(mapDimensions);
-      return reducer$4(draft, mapAction);
+      return reducer$5(draft, mapAction);
     }).addCase(mapChangeDimension, function (draft, action) {
       var _action$payload33 = action.payload,
           mapId = _action$payload33.mapId,
@@ -2940,11 +2975,11 @@ var slice$4 = createSlice({
     });
   }
 });
-var mapActions$1 = Object.assign(Object.assign({}, slice$4.actions), {
+var mapActions$1 = Object.assign(Object.assign({}, slice$5.actions), {
   setMapPreset: setMapPreset,
   mapChangeDimension: mapChangeDimension
 });
-var reducer$4 = slice$4.reducer;
+var reducer$5 = slice$5.reducer;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3527,7 +3562,7 @@ var removeInPlace = function removeInPlace(inDraftArray, condition) {
  * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * */
-var initialState$3 = {
+var initialState$4 = {
   sources: {
     byId: {},
     allIds: []
@@ -3551,8 +3586,8 @@ var initialState$3 = {
     }
   }
 };
-var slice$3 = createSlice({
-  initialState: initialState$3,
+var slice$4 = createSlice({
+  initialState: initialState$4,
   name: 'synchronizationGroupsReducer',
   reducers: {
     syncGroupAddSource: function syncGroupAddSource(draft, action) {
@@ -3696,7 +3731,7 @@ var slice$3 = createSlice({
       });
     },
     syncGroupClear: function syncGroupClear() {
-      return initialState$3;
+      return initialState$4;
     },
     syncGroupSetViewState: function syncGroupSetViewState(draft, action) {
       var viewState = action.payload.viewState;
@@ -3768,7 +3803,7 @@ var setBboxOrTimeSync = function setBboxOrTimeSync(state, action) {
   });
 };
 
-var _slice$actions = slice$3.actions,
+var _slice$actions = slice$4.actions,
     syncGroupAddGroup = _slice$actions.syncGroupAddGroup,
     syncGroupAddSource = _slice$actions.syncGroupAddSource,
     syncGroupAddTarget = _slice$actions.syncGroupAddTarget;
@@ -3778,8 +3813,8 @@ var _slice$actions = slice$3.actions,
     syncGroupRemoveSource = _slice$actions.syncGroupRemoveSource,
     syncGroupRemoveTarget = _slice$actions.syncGroupRemoveTarget,
     syncGroupSetViewState = _slice$actions.syncGroupSetViewState;
-var actions = slice$3.actions,
-    reducer$3 = slice$3.reducer;
+var actions = slice$4.actions,
+    reducer$4 = slice$4.reducer;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3836,7 +3871,7 @@ var index = /*#__PURE__*/Object.freeze({
   actions: actions,
   constants: constants,
   types: types$1,
-  initialState: initialState$3
+  initialState: initialState$4
 });
 
 /* *
@@ -4752,7 +4787,7 @@ var initialServicePopupState = {
   serviceId: '',
   variant: 'add'
 };
-var initialState$2 = {
+var initialState$3 = {
   filters: {
     searchFilter: '',
     activeServices: layerSelectActiveServicesAdapter.getInitialState(),
@@ -4768,8 +4803,8 @@ var initialState$2 = {
   },
   servicePopup: initialServicePopupState
 };
-var slice$2 = createSlice({
-  initialState: initialState$2,
+var slice$3 = createSlice({
+  initialState: initialState$3,
   name: DialogTypes.LayerSelect,
   reducers: {
     setSearchFilter: function setSearchFilter(draft, action) {
@@ -4930,8 +4965,8 @@ var slice$2 = createSlice({
     }
   }
 });
-var reducer$2 = slice$2.reducer;
-var layerSelectActions = slice$2.actions;
+var reducer$3 = slice$3.reducer;
+var layerSelectActions = slice$3.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -5220,9 +5255,9 @@ var getServicePopupDetails = function getServicePopupDetails(store) {
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
 var snackbarAdapter = createEntityAdapter();
-var initialState$1 = snackbarAdapter.getInitialState();
-var slice$1 = createSlice({
-  initialState: initialState$1,
+var initialState$2 = snackbarAdapter.getInitialState();
+var slice$2 = createSlice({
+  initialState: initialState$2,
   name: 'snackbar',
   reducers: {
     // To open the snackbar call this action
@@ -5244,8 +5279,8 @@ var slice$1 = createSlice({
     }
   }
 });
-var reducer$1 = slice$1.reducer;
-var snackbarActions = slice$1.actions;
+var reducer$2 = slice$2.reducer;
+var snackbarActions = slice$2.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -5277,6 +5312,34 @@ var getFirstSnackbarMessage = createSelector(getCurrentSnackbarMessages, functio
   return currentMessages.length > 0 ? currentMessages[0] : undefined;
 });
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var initialState$1 = {};
+var slice$1 = createSlice({
+  initialState: initialState$1,
+  name: 'router',
+  reducers: {
+    // eslint-disable-next-line no-unused-vars
+    navigateToUrl: function navigateToUrl(draft, action) {}
+  }
+});
+var reducer$1 = slice$1.reducer;
+var routerActions = slice$1.actions;
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -5638,15 +5701,15 @@ var getMapBaseLayerActionsTargets = function getMapBaseLayerActionsTargets(state
   });
 };
 
-var _marked$5 = /*#__PURE__*/regeneratorRuntime.mark(setTimeSaga),
-    _marked2$5 = /*#__PURE__*/regeneratorRuntime.mark(setBBoxSaga),
+var _marked$6 = /*#__PURE__*/regeneratorRuntime.mark(setTimeSaga),
+    _marked2$6 = /*#__PURE__*/regeneratorRuntime.mark(setBBoxSaga),
     _marked3$4 = /*#__PURE__*/regeneratorRuntime.mark(layerActionsSaga),
     _marked4$3 = /*#__PURE__*/regeneratorRuntime.mark(addLayerActionsSaga),
     _marked5$2 = /*#__PURE__*/regeneratorRuntime.mark(deleteLayerActionsSaga),
     _marked6$1 = /*#__PURE__*/regeneratorRuntime.mark(moveLayerActionsSaga),
     _marked7$1 = /*#__PURE__*/regeneratorRuntime.mark(setActiveLayerIdActionsSaga),
     _marked8$1 = /*#__PURE__*/regeneratorRuntime.mark(mapBaseLayerActionsSaga),
-    _marked9$1 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$5);
+    _marked9$1 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$6);
 var setBaseLayers = layerActions.setBaseLayers,
     addLayer = layerActions.addLayer,
     layerChangeDimension = layerActions.layerChangeDimension,
@@ -5694,7 +5757,7 @@ function setTimeSaga(_ref) {
           return _context.stop();
       }
     }
-  }, _marked$5);
+  }, _marked$6);
 }
 function setBBoxSaga(_ref2) {
   var payload, targets, groups;
@@ -5721,7 +5784,7 @@ function setBBoxSaga(_ref2) {
           return _context2.stop();
       }
     }
-  }, _marked2$5);
+  }, _marked2$6);
 }
 function layerActionsSaga(_ref3) {
   var payload, type, targets;
@@ -5936,7 +5999,7 @@ function mapBaseLayerActionsSaga(_ref8) {
     }
   }, _marked8$1);
 }
-function rootSaga$5() {
+function rootSaga$6() {
   return regeneratorRuntime.wrap(function rootSaga$(_context9) {
     while (1) {
       switch (_context9.prev = _context9.next) {
@@ -6095,11 +6158,11 @@ var sources = function sources(store) {
 
 var createSyncGroupViewStateSelector = createSelector(groups, sources, createSyncGroupViewState);
 
-var _marked$4 = /*#__PURE__*/regeneratorRuntime.mark(updateSourceValueWhenLinkingComponentToGroupSaga),
-    _marked2$4 = /*#__PURE__*/regeneratorRuntime.mark(addGroupTargetSaga),
+var _marked$5 = /*#__PURE__*/regeneratorRuntime.mark(updateSourceValueWhenLinkingComponentToGroupSaga),
+    _marked2$5 = /*#__PURE__*/regeneratorRuntime.mark(addGroupTargetSaga),
     _marked3$3 = /*#__PURE__*/regeneratorRuntime.mark(linkGroupTargetSaga),
     _marked4$2 = /*#__PURE__*/regeneratorRuntime.mark(updateViewStateSaga),
-    _marked5$1 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$4);
+    _marked5$1 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$5);
 function updateSourceValueWhenLinkingComponentToGroupSaga(groupId, targetToUpdate) {
   var group;
   return regeneratorRuntime.wrap(function updateSourceValueWhenLinkingComponentToGroupSaga$(_context) {
@@ -6166,7 +6229,7 @@ function updateSourceValueWhenLinkingComponentToGroupSaga(groupId, targetToUpdat
           return _context.stop();
       }
     }
-  }, _marked$4);
+  }, _marked$5);
 }
 function addGroupTargetSaga(_ref) {
   var payload, groupId, linked, targetToUpdate;
@@ -6190,7 +6253,7 @@ function addGroupTargetSaga(_ref) {
           return _context2.stop();
       }
     }
-  }, _marked2$4);
+  }, _marked2$5);
 }
 function linkGroupTargetSaga(_ref2) {
   var payload, groupId, linked, targetToUpdate;
@@ -6240,7 +6303,7 @@ function updateViewStateSaga() {
   }, _marked4$2);
 }
 
-function rootSaga$4() {
+function rootSaga$5() {
   return regeneratorRuntime.wrap(function rootSaga$(_context5) {
     while (1) {
       switch (_context5.prev = _context5.next) {
@@ -6291,14 +6354,14 @@ function rootSaga$4() {
 var synchronizationGroupConfig = {
   id: 'syncronizationGroupStore-module',
   reducersMap: {
-    syncronizationGroupStore: reducer$3
+    syncronizationGroupStore: reducer$4
   },
-  sagas: [rootSaga$5, rootSaga$4]
+  sagas: [rootSaga$6, rootSaga$5]
 };
 
-var _marked$3 = /*#__PURE__*/regeneratorRuntime.mark(registerMapUISaga),
-    _marked2$3 = /*#__PURE__*/regeneratorRuntime.mark(unregisterUIMapSaga),
-    _marked3$2 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$3);
+var _marked$4 = /*#__PURE__*/regeneratorRuntime.mark(registerMapUISaga),
+    _marked2$4 = /*#__PURE__*/regeneratorRuntime.mark(unregisterUIMapSaga),
+    _marked3$2 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$4);
 function registerMapUISaga() {
   var fields, source;
   return regeneratorRuntime.wrap(function registerMapUISaga$(_context) {
@@ -6334,7 +6397,7 @@ function registerMapUISaga() {
           return _context.stop();
       }
     }
-  }, _marked$3);
+  }, _marked$4);
 }
 function unregisterUIMapSaga() {
   var fields, activeUI;
@@ -6386,9 +6449,9 @@ function unregisterUIMapSaga() {
           return _context2.stop();
       }
     }
-  }, _marked2$3);
+  }, _marked2$4);
 }
-function rootSaga$3() {
+function rootSaga$4() {
   return regeneratorRuntime.wrap(function rootSaga$(_context3) {
     while (1) {
       switch (_context3.prev = _context3.next) {
@@ -6427,9 +6490,9 @@ function rootSaga$3() {
 var uiModuleConfig = {
   id: 'ui-module',
   reducersMap: {
-    ui: reducer$5
+    ui: reducer$6
   },
-  sagas: [rootSaga$3]
+  sagas: [rootSaga$4]
 };
 
 /* *
@@ -8022,8 +8085,8 @@ var LegendConnect = function LegendConnect(_a) {
   }, props));
 };
 
-var _marked$2 = /*#__PURE__*/regeneratorRuntime.mark(startAnimationSaga),
-    _marked2$2 = /*#__PURE__*/regeneratorRuntime.mark(stopAnimationSaga),
+var _marked$3 = /*#__PURE__*/regeneratorRuntime.mark(startAnimationSaga),
+    _marked2$3 = /*#__PURE__*/regeneratorRuntime.mark(stopAnimationSaga),
     _marked3$1 = /*#__PURE__*/regeneratorRuntime.mark(deleteLayerSaga),
     _marked4$1 = /*#__PURE__*/regeneratorRuntime.mark(updateAnimation),
     _marked5 = /*#__PURE__*/regeneratorRuntime.mark(setLayerDimensionsSaga),
@@ -8031,7 +8094,7 @@ var _marked$2 = /*#__PURE__*/regeneratorRuntime.mark(startAnimationSaga),
     _marked7 = /*#__PURE__*/regeneratorRuntime.mark(handleBaseLayersSaga),
     _marked8 = /*#__PURE__*/regeneratorRuntime.mark(setMapPresetSaga),
     _marked9 = /*#__PURE__*/regeneratorRuntime.mark(unregisterMapSaga),
-    _marked10 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$2);
+    _marked10 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$3);
 
 var generateTimeList = function generateTimeList(start, end, interval) {
   var timeList = [];
@@ -8094,7 +8157,7 @@ function startAnimationSaga(_ref) {
           return _context.stop();
       }
     }
-  }, _marked$2);
+  }, _marked$3);
 }
 function stopAnimationSaga(_ref2) {
   var payload, mapId;
@@ -8112,7 +8175,7 @@ function stopAnimationSaga(_ref2) {
           return _context2.stop();
       }
     }
-  }, _marked2$2);
+  }, _marked2$3);
 }
 function deleteLayerSaga(_ref3) {
   var payload, mapId, layers;
@@ -8950,7 +9013,7 @@ function unregisterMapSaga(_ref7) {
     }
   }, _marked9);
 }
-function rootSaga$2() {
+function rootSaga$3() {
   return regeneratorRuntime.wrap(function rootSaga$(_context10) {
     while (1) {
       switch (_context10.prev = _context10.next) {
@@ -8993,11 +9056,11 @@ function rootSaga$2() {
 var moduleConfig = {
   id: 'webmap-module',
   reducersMap: {
-    webmap: reducer$4,
-    services: reducer$6,
-    layers: reducer$7
+    webmap: reducer$5,
+    services: reducer$7,
+    layers: reducer$8
   },
-  sagas: [rootSaga$2]
+  sagas: [rootSaga$3]
 };
 
 /* *
@@ -9051,10 +9114,10 @@ var isNoIdService = function isNoIdService(param) {
   return !!((serviceParam === null || serviceParam === void 0 ? void 0 : serviceParam.name) && (serviceParam === null || serviceParam === void 0 ? void 0 : serviceParam.url));
 };
 
-var _marked$1 = /*#__PURE__*/regeneratorRuntime.mark(newServiceAddedSaga),
-    _marked2$1 = /*#__PURE__*/regeneratorRuntime.mark(layerSelectCloseInfoDialogSaga),
+var _marked$2 = /*#__PURE__*/regeneratorRuntime.mark(newServiceAddedSaga),
+    _marked2$2 = /*#__PURE__*/regeneratorRuntime.mark(layerSelectCloseInfoDialogSaga),
     _marked3 = /*#__PURE__*/regeneratorRuntime.mark(layerSelectRemoveServiceSaga),
-    _marked4 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$1);
+    _marked4 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$2);
 function newServiceAddedSaga(capturedAction) {
   var addedService, id, serviceUrl, name, scope, _abstract, isUpdating, keywords, groups;
 
@@ -9108,7 +9171,7 @@ function newServiceAddedSaga(capturedAction) {
           return _context.stop();
       }
     }
-  }, _marked$1);
+  }, _marked$2);
 }
 function layerSelectCloseInfoDialogSaga(_ref) {
   var type, payload, togglePayload, activeMapIdPayload, isLayerInfoDialogOpen, _isLayerInfoDialogOpen, filteredLayers, dialogInfo;
@@ -9208,7 +9271,7 @@ function layerSelectCloseInfoDialogSaga(_ref) {
           return _context2.stop();
       }
     }
-  }, _marked2$1);
+  }, _marked2$2);
 }
 function layerSelectRemoveServiceSaga(capturedAction) {
   var removedService, serviceId, serviceUrl, results, services, servicesEnabled;
@@ -9282,7 +9345,7 @@ function removeServiceFromLocalStorageSaga(_ref5) {
   delete updatedServices[serviceUrl];
   setUserAddedServices(updatedServices);
 }
-function rootSaga$1() {
+function rootSaga$2() {
   return regeneratorRuntime.wrap(function rootSaga$(_context4) {
     while (1) {
       switch (_context4.prev = _context4.next) {
@@ -9317,13 +9380,13 @@ function rootSaga$1() {
 var layerSelectConfig = {
   id: 'layerSelect-module',
   reducersMap: {
-    layerSelect: reducer$2
+    layerSelect: reducer$3
   },
-  sagas: [rootSaga$1]
+  sagas: [rootSaga$2]
 };
 
-var _marked = /*#__PURE__*/regeneratorRuntime.mark(openSnackbarSaga),
-    _marked2 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga);
+var _marked$1 = /*#__PURE__*/regeneratorRuntime.mark(openSnackbarSaga),
+    _marked2$1 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga$1);
 var hideTime = 4000;
 function openSnackbarSaga(capturedAction) {
   var snackbarMessage, currentSnackbarMessages, id, currentSnackbarMessagesOpen;
@@ -9381,9 +9444,9 @@ function openSnackbarSaga(capturedAction) {
           return _context.stop();
       }
     }
-  }, _marked);
+  }, _marked$1);
 }
-function rootSaga() {
+function rootSaga$1() {
   return regeneratorRuntime.wrap(function rootSaga$(_context2) {
     while (1) {
       switch (_context2.prev = _context2.next) {
@@ -9396,7 +9459,7 @@ function rootSaga() {
           return _context2.stop();
       }
     }
-  }, _marked2);
+  }, _marked2$1);
 }
 
 /* *
@@ -9418,9 +9481,9 @@ function rootSaga() {
 var snackbarModuleConfig = {
   id: 'snackbar-module',
   reducersMap: {
-    snackbar: reducer$1
+    snackbar: reducer$2
   },
-  sagas: [rootSaga]
+  sagas: [rootSaga$1]
 };
 
 /* *
@@ -13070,17 +13133,23 @@ var SearchFieldButtonContainer = function SearchFieldButtonContainer(_ref) {
     }, /*#__PURE__*/React__default.createElement(Clear, null)));
   };
 
-  if (isURL(localSearchString)) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginRight: '15px'
-    }
-  }, /*#__PURE__*/React__default.createElement(ClearButton, null)), /*#__PURE__*/React__default.createElement(Button, {
-    variant: "tertiary",
-    onClick: function onClick() {
-      return setPopupIsOpen(true);
-    }
-  }, "Save"));
-  if (localSearchString) return /*#__PURE__*/React__default.createElement(ClearButton, null);
+  if (isURL(localSearchString)) {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        marginRight: '15px'
+      }
+    }, /*#__PURE__*/React__default.createElement(ClearButton, null)), /*#__PURE__*/React__default.createElement(Button, {
+      variant: "tertiary",
+      onClick: function onClick() {
+        return setPopupIsOpen(true);
+      }
+    }, "Save"));
+  }
+
+  if (localSearchString) {
+    return /*#__PURE__*/React__default.createElement(ClearButton, null);
+  }
+
   return /*#__PURE__*/React__default.createElement(CustomTooltip, {
     title: "Search",
     placement: "top"
@@ -16269,6 +16338,13 @@ var DimensionSelectSlider = function DimensionSelectSlider(_ref) {
   var sliderValue = managedValue !== null ? values.findIndex(function (v) {
     return v === managedValue;
   }) : currentIndex;
+
+  var upDownNavigation = function upDownNavigation(event) {
+    if (event.key === 'ArrowLeft' || event.key === 'ArrowRight' || event.metaKey || event.ctrlKey) {
+      event.preventDefault();
+    }
+  };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
     "data-testid": "slider-dimensionSelect",
     sx: {
@@ -16294,6 +16370,7 @@ var DimensionSelectSlider = function DimensionSelectSlider(_ref) {
     } : {},
     disabled: isDisabled,
     value: sliderValue,
+    onKeyDown: upDownNavigation,
     onChange: function onChange(e, val) {
       onChangeDimensionValue(values[val].toString());
       if (!managedValue) setCurrentIndex(val);
@@ -18424,7 +18501,11 @@ function useAnimationTime(animationStartTime, animationEndTime, onSetAnimationSt
     if (leftMarkerDragging) {
       var mousePosition = leftMarkerPx + x;
       var rightAnimationPosition = rightMarkerPx - DRAG_AREA_WIDTH * 2;
-      if (mousePosition >= rightAnimationPosition || mousePosition <= 0) return; // eslint-disable-next-line no-param-reassign
+
+      if (mousePosition >= rightAnimationPosition || mousePosition <= 0) {
+        return;
+      } // eslint-disable-next-line no-param-reassign
+
 
       dragTooltipPosition.current = pixelsToLeft ? mousePosition + pixelsToLeft : mousePosition;
       var mouseTimeUnix = pixelToTimestamp(mousePosition, centerTime, canvasWidth, secondsPerPx);
@@ -18437,7 +18518,11 @@ function useAnimationTime(animationStartTime, animationEndTime, onSetAnimationSt
       var _mousePosition = rightMarkerPx + x;
 
       var leftAnimationPosition = leftMarkerPx + DRAG_AREA_WIDTH * 2;
-      if (leftAnimationPosition >= _mousePosition || _mousePosition >= canvasWidth) return; // eslint-disable-next-line no-param-reassign
+
+      if (leftAnimationPosition >= _mousePosition || _mousePosition >= canvasWidth) {
+        return;
+      } // eslint-disable-next-line no-param-reassign
+
 
       dragTooltipPosition.current = pixelsToLeft ? _mousePosition + pixelsToLeft : _mousePosition;
 
@@ -18683,7 +18768,9 @@ var TimeSliderLegend = function TimeSliderLegend(_ref) {
       isClickOrDrag.current = 'drag';
     }
 
-    if (selectedTimeDragging || leftMarkerDragging || rightMarkerDragging) return;
+    if (selectedTimeDragging || leftMarkerDragging || rightMarkerDragging) {
+      return;
+    }
 
     var _map5 = [localAnimationStartTime, localAnimationEndTime, selectedTime].map(function (timestamp) {
       return timestampToPixel(timestamp, centerTime, width, secondsPerPx);
@@ -19776,10 +19863,12 @@ var TimeSliderCurrentTimeBoxConnectComponent = function TimeSliderCurrentTimeBox
     isAutoUpdating: isAutoUpdating,
     unfilteredSelectedTime: unfilteredSelectedTime || selectedTime,
     setUnfilteredSelectedTime: function setUnfilteredSelectedTime(timeSliderUnfilteredSelectedTime) {
-      if (setTimeSliderUnfilteredSelectedTime) setTimeSliderUnfilteredSelectedTime({
-        timeSliderUnfilteredSelectedTime: timeSliderUnfilteredSelectedTime,
-        mapId: mapId
-      });
+      if (setTimeSliderUnfilteredSelectedTime) {
+        setTimeSliderUnfilteredSelectedTime({
+          timeSliderUnfilteredSelectedTime: timeSliderUnfilteredSelectedTime,
+          mapId: mapId
+        });
+      }
     },
     onSetNewDate: function onSetNewDate(newDate) {
       if (isAnimating) {
@@ -20388,7 +20477,7 @@ var getCurrentDimensionValue = function getCurrentDimensionValue() {
 var setServiceMetadata = function setServiceMetadata(wmLayer, mapId, mapProperties, onUpdateLayerInformation) {
   var origin = LayerActionOrigin.ReactMapViewParseLayer;
   var service = WMGetServiceFromStore(wmLayer.service);
-  var serviceName = mapProperties.services[service.id].name;
+  var serviceName = mapProperties.services && mapProperties.services[service.id] && mapProperties.services[service.id].name || service.id;
   var webMapJSInstance = getWMJSMapById(mapId);
   /* Update list of layers for service */
 
@@ -21529,12 +21618,19 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
         if (this.myDrawMode === DRAWMODE.POINT || this.myDrawMode === DRAWMODE.MULTIPOINT) {
           /* Create points */
           var pointGeometry = feature.geometry;
-          if (pointGeometry) if (pointGeometry.coordinates === undefined) {
-            pointGeometry.coordinates = [];
+
+          if (pointGeometry) {
+            if (pointGeometry.coordinates === undefined) {
+              pointGeometry.coordinates = [];
+            }
           }
+
           var multiPointGeometry = feature.geometry;
-          if (multiPointGeometry) if (multiPointGeometry.coordinates === undefined) {
-            multiPointGeometry.coordinates = [[]];
+
+          if (multiPointGeometry) {
+            if (multiPointGeometry.coordinates === undefined) {
+              multiPointGeometry.coordinates = [[]];
+            }
           }
 
           if (this.myDrawMode === DRAWMODE.POINT) {
@@ -21575,8 +21671,11 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
         if (this.myDrawMode === DRAWMODE.POLYGON || this.myDrawMode === DRAWMODE.BOX) {
           /* Create poly's and boxes */
           this.myEditMode = EDITMODE.ADD_FEATURE;
-          if (feature.geometry) if (feature.geometry.coordinates === undefined) {
-            feature.geometry.coordinates = [[]];
+
+          if (feature.geometry) {
+            if (feature.geometry.coordinates === undefined) {
+              feature.geometry.coordinates = [[]];
+            }
           }
 
           if (feature.geometry.coordinates[0] === undefined || feature.geometry.coordinates[0].length === 0) {
@@ -21997,7 +22096,9 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "validatePolys",
     value: function validatePolys(fixPolys) {
-      if (!this.geojson || !this.geojson.features || !this.geojson.features.length) return;
+      if (!this.geojson || !this.geojson.features || !this.geojson.features.length) {
+        return;
+      }
 
       for (var featureIndex = 0; featureIndex < this.geojson.features.length; featureIndex += 1) {
         if (!this.geojson.features) this.geojson.features = [];
@@ -22082,7 +22183,11 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props12 = this.props,
           featureNrToEdit = _this$props12.featureNrToEdit,
           isInEditMode = _this$props12.isInEditMode;
-      if (!this.geojson || !this.geojson.features || !this.geojson.features.length) return;
+
+      if (!this.geojson || !this.geojson.features || !this.geojson.features.length) {
+        return;
+      }
+
       this.textPositions = [];
       this.mouseOverPolygonCoordinates = [];
       this.mouseOverPolygonFeatureIndex = -1;
@@ -22644,7 +22749,11 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
           featureNrToEdit = _this$props14.featureNrToEdit;
       var feature = this.geojson.features[featureIndex];
       if (!feature || !feature.geometry) return;
-      if (feature.geometry.type !== 'Polygon' && feature.geometry.type !== 'MultiPolygon') return;
+
+      if (feature.geometry.type !== 'Polygon' && feature.geometry.type !== 'MultiPolygon') {
+        return;
+      }
+
       var polyProps = feature.properties;
       if (!polyProps) polyProps = this.defaultPolyProps;
       /* Draw polygons and calculate center of poly */
@@ -22756,7 +22865,10 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         this.validateFeature(feature); // eslint-disable-next-line no-underscore-dangle
 
-        if (feature.properties._adaguctype) delete feature.properties._adaguctype; // eslint-disable-next-line default-case
+        if (feature.properties._adaguctype) {
+          delete feature.properties._adaguctype;
+        } // eslint-disable-next-line default-case
+
 
         switch (type) {
           case DRAWMODE.POINT:
@@ -22765,8 +22877,12 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
 
           case DRAWMODE.MULTIPOINT:
             feature.geometry.type = 'MultiPoint';
-            if (feature.geometry.coordinates.length === 0) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+            if (feature.geometry.coordinates.length === 0) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
               feature.geometry.coordinates.push([]);
+            }
+
             break;
 
           case DRAWMODE.BOX:
@@ -22777,14 +22893,22 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
 
           case DRAWMODE.POLYGON:
             feature.geometry.type = 'Polygon';
-            if (feature.geometry.coordinates.length === 0) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+            if (feature.geometry.coordinates.length === 0) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
               feature.geometry.coordinates.push([]);
+            }
+
             break;
 
           case DRAWMODE.LINESTRING:
             feature.geometry.type = 'LineString';
-            if (feature.geometry.coordinates.length === 0) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+            if (feature.geometry.coordinates.length === 0) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
               feature.geometry.coordinates.push([]);
+            }
+
             break;
         }
       }
@@ -22795,7 +22919,10 @@ var AdagucMapDraw = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "checkIfFeatureIsBox",
     value: function checkIfFeatureIsBox(feature) {
-      if (!feature || !feature.properties || !feature.properties._adaguctype) return false;
+      if (!feature || !feature.properties || !feature.properties._adaguctype) {
+        return false;
+      }
+
       return feature.properties._adaguctype === 'box';
     }
   }, {
@@ -22988,24 +23115,31 @@ var getWMJSLayerFromReactLayer = function getWMJSLayerFromReactLayer(mapId, wmLa
   var wmjsMap = getWMJSMapById(mapId);
   /* Some safety checks */
 
-  if (!wmjsMap || !wmLayers || !reactLayerId || !layerName) return {
-    layer: null,
-    layerArrayMutated: false
-  };
+  if (!wmjsMap || !wmLayers || !reactLayerId || !layerName) {
+    return {
+      layer: null,
+      layerArrayMutated: false
+    };
+  }
   /* Find the wmlayer by its react layer id */
 
+
   var matchingLayerIndex = wmLayers.findIndex(function (wmLayer) {
     return wmLayer.id === reactLayerId;
   });
-  if (matchingLayerIndex === -1) return {
-    layer: null,
-    layerArrayMutated: false
-  };
+
+  if (matchingLayerIndex === -1) {
+    return {
+      layer: null,
+      layerArrayMutated: false
+    };
+  }
   /*
      The layer order in the react children array index is
      reversed compared to the layer order in the wmLayer array index
   */
 
+
   var reactLayerIndex = wmLayers.length - 1 - wmLayerIndex;
   var isMapLayer = isAMapLayer(reactWebMapJSLayer.props);
   var mapLayerArrayShouldBeMutated = isMapLayer && matchingLayerIndex !== reactLayerIndex;
@@ -23095,7 +23229,14 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
         var _this$props = _this.props,
             onUpdateLayerInformation = _this$props.onUpdateLayerInformation,
             mapId = _this$props.mapId;
-        setServiceMetadata(wmLayer, mapId, _this.props, onUpdateLayerInformation);
+
+        try {
+          setServiceMetadata(wmLayer, mapId, _this.props, onUpdateLayerInformation);
+        } catch (e) {
+          /* Provide a hint on what is going wrong */
+          console.error(e);
+        }
+
         var wmjsMap = getWMJSMapById(mapId);
 
         if (child) {
@@ -23271,7 +23412,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
             var propDimension = props.dimensions[d];
             var mapDim = wmjsMap.getDimension(propDimension.name);
 
-            if (mapDim && mapDim.currentValue !== propDimension.currentValue) {
+            if (mapDim && mapDim.currentValue !== propDimension.currentValue || !mapDim) {
               wmjsMap.setDimension(propDimension.name, propDimension.currentValue, false, false);
             }
 
@@ -24272,7 +24413,7 @@ var MapViewConnect = function MapViewConnect(_a) {
     var wmjsMap = getWMJSMapById(mapId);
     /* Check if the map not already has this value set, otherwise this component will re-render */
 
-    if (wmjsMap.getDimension('time').currentValue === setTimePayload.value) {
+    if (wmjsMap && wmjsMap.getDimension('time') && wmjsMap.getDimension('time').currentValue === setTimePayload.value) {
       return;
     }
 
@@ -25451,6 +25592,7 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_a) {
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, []);
+  var mapControlsPositionTop = title ? 24 : 8;
   return /*#__PURE__*/React__default.createElement(Box, {
     sx: {
       width: '100%',
@@ -25459,13 +25601,13 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_a) {
       overflow: 'hidden'
     },
     "data-testid": "ConfigurableMap"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
+  }, title && /*#__PURE__*/React__default.createElement(Typography, {
     "data-testid": "mapTitle",
     sx: titleStyle
-  }, title || mapId), /*#__PURE__*/React__default.createElement(MapControls, {
+  }, title), /*#__PURE__*/React__default.createElement(MapControls, {
     "data-testid": "mapControls",
     style: {
-      top: 24
+      top: mapControlsPositionTop
     }
   }, /*#__PURE__*/React__default.createElement(ZoomControlConnect, {
     mapId: id
@@ -25599,7 +25741,7 @@ var MultiMapViewConnect = function MultiMapViewConnect(_ref) {
       style: mapStyle,
       sx: mapBoxStyle
     }, /*#__PURE__*/React__default.createElement(ConfigurableMapConnect, {
-      title: map.title,
+      title: map.title || mapId,
       id: mapId,
       layers: map.layers || [],
       activeLayerId: map.activeLayerId || undefined,
@@ -26516,6 +26658,130 @@ var CoreThemeStoreProvider = function CoreThemeStoreProvider(_ref3) {
   }, /*#__PURE__*/React__default.createElement(SnackbarWrapperConnect, null, children)));
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+// stores navigate hook method to object, so it can be used outside components
+var historyDict = {
+  navigate: null
+};
+
+var _marked = /*#__PURE__*/regeneratorRuntime.mark(navigateToUrlSaga),
+    _marked2 = /*#__PURE__*/regeneratorRuntime.mark(rootSaga);
+function navigateToUrlSaga(action) {
+  var payload;
+  return regeneratorRuntime.wrap(function navigateToUrlSaga$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          payload = action.payload;
+          _context.next = 3;
+          return call(historyDict.navigate, payload.url);
+
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _marked);
+}
+function rootSaga() {
+  return regeneratorRuntime.wrap(function rootSaga$(_context2) {
+    while (1) {
+      switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return takeLatest(routerActions.navigateToUrl.type, navigateToUrlSaga);
+
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }
+  }, _marked2);
+}
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var routerModuleConfig = {
+  id: 'router',
+  reducersMap: {
+    router: reducer$1
+  },
+  sagas: [rootSaga]
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var NavigateSetter = function NavigateSetter() {
+  // stores navigate hook method to historyDict, so it can be used outside components
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  historyDict.navigate = useNavigate();
+  return null;
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var RouterWrapperConnect = withEggs([routerModuleConfig])(function (props) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavigateSetter, null), props.children);
+});
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -26643,4 +26909,4 @@ var MapWarningProperties = function MapWarningProperties(_ref) {
  * */
 var mapActions = Object.assign(Object.assign(Object.assign({}, layerActions), mapActions$1), serviceActions);
 
-export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DockedLayerManagerConnect, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, Legend, LegendConnect, LegendMapButtonConnect, MapControls, MapView, MapViewConnect, MapViewLayer, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, ReactMapView, ReactMapViewLayer, SnackbarWrapperConnect, SyncGroupViewerConnect, index as SyncGroups, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnect, TimeSliderConnect, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, appActions, componentsLookUp, coreModuleConfig, dateFormat, defaultBbox, defaultConfigurations, filterLayers, filterMapPresets, filterNonTimeDimensions, filterServices, generateLayerId, generateMapId, generateTimesliderId, getDrawFunctionFromStore, getFirstTimeStepForLayerId, getInitialAppPresets, getLastTimeStepForLayerId, getNextTimeStepForLayerId, getPreviousTimeStepForLayerId, getWMJSDimensionForLayerAndDimension, getWMJSMapById, getWMJSTimeDimensionForLayerId, getWMLayerById, layerActions, reducer$7 as layerReducer, selectors$2 as layerSelectors, types$3 as layerTypes, mapActions, moduleConfig as mapModuleConfig, selectors as mapSelectors, types$2 as mapTypes, utils as mapUtils, parseBoolean, parseLayer, publicLayers, publicServices, registerDrawFunction, registerWMJSMap, registerWMLayer, snackbarActions, store, genericActions as syncGroupActions, synchronizationGroupConfig as synchronizationGroupModuleConfig, synchronizationGroupConfig as synchronizationGroupsConfig, testLayers, timeSliderUtils, uiActions, uiModuleConfig, selectors$1 as uiSelectors, types as uiTypes, unRegisterWMJSLayer, unRegisterWMJSMap, useSetupDialog };
+export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DockedLayerManagerConnect, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, Legend, LegendConnect, LegendMapButtonConnect, MapControls, MapView, MapViewConnect, MapViewLayer, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, ReactMapView, ReactMapViewLayer, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, index as SyncGroups, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnect, TimeSliderConnect, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, appActions, componentsLookUp, coreModuleConfig, dateFormat, defaultBbox, defaultConfigurations, filterLayers, filterMapPresets, filterNonTimeDimensions, filterServices, generateLayerId, generateMapId, generateTimesliderId, getDrawFunctionFromStore, getFirstTimeStepForLayerId, getInitialAppPresets, getLastTimeStepForLayerId, getNextTimeStepForLayerId, getPreviousTimeStepForLayerId, getWMJSDimensionForLayerAndDimension, getWMJSMapById, getWMJSTimeDimensionForLayerId, getWMLayerById, layerActions, reducer$8 as layerReducer, selectors$2 as layerSelectors, types$3 as layerTypes, mapActions, moduleConfig as mapModuleConfig, selectors as mapSelectors, types$2 as mapTypes, utils as mapUtils, parseBoolean, parseLayer, publicLayers, publicServices, registerDrawFunction, registerWMJSMap, registerWMLayer, routerActions, snackbarActions, store, genericActions as syncGroupActions, synchronizationGroupConfig as synchronizationGroupModuleConfig, synchronizationGroupConfig as synchronizationGroupsConfig, testLayers, timeSliderUtils, uiActions, uiModuleConfig, selectors$1 as uiSelectors, types as uiTypes, unRegisterWMJSLayer, unRegisterWMJSMap, useSetupDialog };