@opengeoweb/core 4.15.0 → 4.16.0

package/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@reduxjs/toolkit'), require('immer'), require('moment'), require('react'), require('lodash'), require('redux-saga/effects'), require('react-redux'), require('@opengeoweb/shared'), require('@opengeoweb/theme'), require('@mui/material'), require('@opengeoweb/webmap'), require('react-sortablejs'), require('sortablejs'), require('react-window'), require('@mui/material/Box'), require('@mui/material/Typography'), require('@mui/material/Grid'), require('@opengeoweb/form-fields'), require('react-hook-form'), require('@mui/system'), require('throttle-debounce'), require('lodash.clonedeep'), require('proj4'), require('@turf/turf'), require('react-draggable'), require('re-resizable'), require('axios'), require('@opengeoweb/api'), require('@redux-eggs/redux-toolkit'), require('@redux-eggs/saga-extension')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@reduxjs/toolkit', 'immer', 'moment', 'react', 'lodash', 'redux-saga/effects', 'react-redux', '@opengeoweb/shared', '@opengeoweb/theme', '@mui/material', '@opengeoweb/webmap', 'react-sortablejs', 'sortablejs', 'react-window', '@mui/material/Box', '@mui/material/Typography', '@mui/material/Grid', '@opengeoweb/form-fields', 'react-hook-form', '@mui/system', 'throttle-debounce', 'lodash.clonedeep', 'proj4', '@turf/turf', 'react-draggable', 're-resizable', 'axios', '@opengeoweb/api', '@redux-eggs/redux-toolkit', '@redux-eggs/saga-extension'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Core = {}, global.toolkit, global.produce, global.moment, global.React, global._, global.effects, global.reactRedux, global.shared, global.theme, global.material, global.webmap, global.reactSortablejs, global.Sortable, global.reactWindow, global.Box, global.Typography, global.Grid, global.formFields, global.reactHookForm, global.system, global.throttleDebounce, global.cloneDeep, global.proj4, global.turf, global.Draggable, global.reResizable, global.axios, global.api, global.reduxToolkit, global.sagaExtension));
-})(this, (function (exports, toolkit, produce, moment, React, _, effects, reactRedux, shared, theme, material, webmap, reactSortablejs, Sortable, reactWindow, Box, Typography, Grid, formFields, reactHookForm, system, throttleDebounce, cloneDeep, proj4, turf, Draggable, reResizable, axios, api, reduxToolkit, sagaExtension) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@reduxjs/toolkit'), require('immer'), require('moment'), require('react'), require('lodash'), require('redux-saga/effects'), require('react-redux'), require('@opengeoweb/shared'), require('@opengeoweb/theme'), require('@mui/material'), require('@opengeoweb/webmap'), require('react-sortablejs'), require('sortablejs'), require('react-window'), require('@mui/material/Box'), require('@mui/material/Typography'), require('@mui/material/Grid'), require('@opengeoweb/form-fields'), require('react-hook-form'), require('@mui/system'), require('throttle-debounce'), require('lodash.clonedeep'), require('proj4'), require('@turf/turf'), require('react-draggable'), require('re-resizable'), require('axios'), require('@opengeoweb/api'), require('@redux-eggs/redux-toolkit'), require('@redux-eggs/saga-extension'), require('react-router-dom')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@reduxjs/toolkit', 'immer', 'moment', 'react', 'lodash', 'redux-saga/effects', 'react-redux', '@opengeoweb/shared', '@opengeoweb/theme', '@mui/material', '@opengeoweb/webmap', 'react-sortablejs', 'sortablejs', 'react-window', '@mui/material/Box', '@mui/material/Typography', '@mui/material/Grid', '@opengeoweb/form-fields', 'react-hook-form', '@mui/system', 'throttle-debounce', 'lodash.clonedeep', 'proj4', '@turf/turf', 'react-draggable', 're-resizable', 'axios', '@opengeoweb/api', '@redux-eggs/redux-toolkit', '@redux-eggs/saga-extension', 'react-router-dom'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Core = {}, global.toolkit, global.produce, global.moment, global.React, global._, global.effects, global.reactRedux, global.shared, global.theme, global.material, global.webmap, global.reactSortablejs, global.Sortable, global.reactWindow, global.Box, global.Typography, global.Grid, global.formFields, global.reactHookForm, global.system, global.throttleDebounce, global.cloneDeep, global.proj4, global.turf, global.Draggable, global.reResizable, global.axios, global.api, global.reduxToolkit, global.sagaExtension, global.reactRouterDom));
+})(this, (function (exports, toolkit, produce, moment, React, _, effects, reactRedux, shared, theme, material, webmap, reactSortablejs, Sortable, reactWindow, Box, Typography, Grid, formFields, reactHookForm, system, throttleDebounce, cloneDeep, proj4, turf, Draggable, reResizable, axios, api, reduxToolkit, sagaExtension, reactRouterDom) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1513,7 +1513,7 @@
         status: status
       });
     };
-    var initialState$7 = {
+    var initialState$8 = {
       byId: {},
       allIds: [],
       availableBaseLayers: {
@@ -1521,8 +1521,8 @@
         allIds: []
       }
     };
-    var slice$7 = toolkit.createSlice({
-      initialState: initialState$7,
+    var slice$8 = toolkit.createSlice({
+      initialState: initialState$8,
       name: 'layerReducer',
       reducers: {
         addLayer: function addLayer(draft, action) {
@@ -1766,9 +1766,9 @@
               layerDimensions = _a.layerDimensions;
           var layerStyleAction = layerActions.layerChangeStyle(layerStyle);
           var state = produce.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) {
@@ -1824,7 +1824,7 @@
             };
             /* 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;
@@ -1844,8 +1844,8 @@
         });
       }
     });
-    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");
@@ -1863,12 +1863,12 @@
      * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2020 - Finnish Meteorological Institute (FMI)
      * */
-    var initialState$6 = {
+    var initialState$7 = {
       byId: {},
       allIds: []
     };
-    var slice$6 = toolkit.createSlice({
-      initialState: initialState$6,
+    var slice$7 = toolkit.createSlice({
+      initialState: initialState$7,
       name: 'serviceReducer',
       reducers: {
         serviceSetLayers: function serviceSetLayers(draft, action) {
@@ -1895,13 +1895,13 @@
           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");
@@ -2090,13 +2090,13 @@
         error: undefined
       };
     };
-    var initialState$5 = {
+    var initialState$6 = {
       order: [],
       dialogs: {},
       activeWindowId: undefined
     };
-    var slice$5 = toolkit.createSlice({
-      initialState: initialState$5,
+    var slice$6 = toolkit.createSlice({
+      initialState: initialState$6,
       name: 'uiReducer',
       reducers: {
         registerDialog: function registerDialog(draft, action) {
@@ -2185,8 +2185,8 @@
         }
       }
     });
-    var reducer$5 = slice$5.reducer;
-    var uiActions = slice$5.actions;
+    var reducer$6 = slice$6.reducer;
+    var uiActions = slice$6.actions;
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2253,12 +2253,12 @@
       });
     };
 
-    var initialState$4 = {
+    var initialState$5 = {
       byId: {},
       allIds: []
     };
-    var slice$4 = toolkit.createSlice({
-      initialState: initialState$4,
+    var slice$5 = toolkit.createSlice({
+      initialState: initialState$5,
       name: 'mapReducer',
       reducers: {
         registerMap: function registerMap(draft, action) {
@@ -2791,13 +2791,13 @@
             };
             /* 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 _a = action.payload,
               mapId = _a.mapId,
@@ -2835,11 +2835,11 @@
         });
       }
     });
-    var mapActions$1 = __assign(__assign({}, slice$4.actions), {
+    var mapActions$1 = __assign(__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");
@@ -3423,7 +3423,7 @@
      * Copyright 2020 - Finnish Meteorological Institute (FMI)
      * */
     var _a$2;
-    var initialState$3 = {
+    var initialState$4 = {
       sources: {
         byId: {},
         allIds: []
@@ -3447,8 +3447,8 @@
         }
       }
     };
-    var slice$3 = toolkit.createSlice({
-      initialState: initialState$3,
+    var slice$4 = toolkit.createSlice({
+      initialState: initialState$4,
       name: 'synchronizationGroupsReducer',
       reducers: {
         syncGroupAddSource: function syncGroupAddSource(draft, action) {
@@ -3592,7 +3592,7 @@
           });
         },
         syncGroupClear: function syncGroupClear() {
-          return initialState$3;
+          return initialState$4;
         },
         syncGroupSetViewState: function syncGroupSetViewState(draft, action) {
           var viewState = action.payload.viewState;
@@ -3664,7 +3664,7 @@
       });
     };
 
-    var syncGroupAddGroup = (_a$2 = slice$3.actions, _a$2.syncGroupAddGroup),
+    var syncGroupAddGroup = (_a$2 = slice$4.actions, _a$2.syncGroupAddGroup),
         syncGroupAddSource = _a$2.syncGroupAddSource,
         syncGroupAddTarget = _a$2.syncGroupAddTarget;
         _a$2.syncGroupClear;
@@ -3673,8 +3673,8 @@
         syncGroupRemoveSource = _a$2.syncGroupRemoveSource,
         syncGroupRemoveTarget = _a$2.syncGroupRemoveTarget,
         syncGroupSetViewState = _a$2.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");
@@ -3731,7 +3731,7 @@
         actions: actions,
         constants: constants,
         types: types$1,
-        initialState: initialState$3
+        initialState: initialState$4
     });
 
     /* *
@@ -4680,7 +4680,7 @@
       serviceId: '',
       variant: 'add'
     };
-    var initialState$2 = {
+    var initialState$3 = {
       filters: {
         searchFilter: '',
         activeServices: layerSelectActiveServicesAdapter.getInitialState(),
@@ -4696,8 +4696,8 @@
       },
       servicePopup: initialServicePopupState
     };
-    var slice$2 = toolkit.createSlice({
-      initialState: initialState$2,
+    var slice$3 = toolkit.createSlice({
+      initialState: initialState$3,
       name: DialogTypes.LayerSelect,
       reducers: {
         setSearchFilter: function setSearchFilter(draft, action) {
@@ -4868,8 +4868,8 @@
         }
       }
     });
-    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");
@@ -5166,9 +5166,9 @@
      * Copyright 2022 - Finnish Meteorological Institute (FMI)
      * */
     var snackbarAdapter = toolkit.createEntityAdapter();
-    var initialState$1 = snackbarAdapter.getInitialState();
-    var slice$1 = toolkit.createSlice({
-      initialState: initialState$1,
+    var initialState$2 = snackbarAdapter.getInitialState();
+    var slice$2 = toolkit.createSlice({
+      initialState: initialState$2,
       name: 'snackbar',
       reducers: {
         // To open the snackbar call this action
@@ -5190,8 +5190,8 @@
         }
       }
     });
-    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");
@@ -5221,6 +5221,34 @@
       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 = toolkit.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.
@@ -5895,7 +5923,7 @@
         }
       });
     }
-    function rootSaga$5() {
+    function rootSaga$6() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -6265,7 +6293,7 @@
       });
     }
 
-    function rootSaga$4() {
+    function rootSaga$5() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -6342,9 +6370,9 @@
     var synchronizationGroupConfig = {
       id: 'syncronizationGroupStore-module',
       reducersMap: {
-        syncronizationGroupStore: reducer$3
+        syncronizationGroupStore: reducer$4
       },
-      sagas: [rootSaga$5, rootSaga$4]
+      sagas: [rootSaga$6, rootSaga$5]
     };
 
     /* *
@@ -6466,7 +6494,7 @@
         }
       });
     }
-    function rootSaga$3() {
+    function rootSaga$4() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -6510,9 +6538,9 @@
     var uiModuleConfig = {
       id: 'ui-module',
       reducersMap: {
-        ui: reducer$5
+        ui: reducer$6
       },
-      sagas: [rootSaga$3]
+      sagas: [rootSaga$4]
     };
 
     /* *
@@ -9207,7 +9235,7 @@
         }
       });
     }
-    function rootSaga$2() {
+    function rootSaga$3() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -9272,11 +9300,11 @@
     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]
     };
 
     function _typeof(obj) {
@@ -9606,7 +9634,7 @@
       delete updatedServices[serviceUrl];
       setUserAddedServices(updatedServices);
     }
-    function rootSaga$1() {
+    function rootSaga$2() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -9655,9 +9683,9 @@
     var layerSelectConfig = {
       id: 'layerSelect-module',
       reducersMap: {
-        layerSelect: reducer$2
+        layerSelect: reducer$3
       },
-      sagas: [rootSaga$1]
+      sagas: [rootSaga$2]
     };
 
     /* *
@@ -9749,7 +9777,7 @@
         }
       });
     }
-    function rootSaga() {
+    function rootSaga$1() {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
@@ -9786,9 +9814,9 @@
     var snackbarModuleConfig = {
       id: 'snackbar-module',
       reducersMap: {
-        snackbar: reducer$1
+        snackbar: reducer$2
       },
-      sagas: [rootSaga]
+      sagas: [rootSaga$1]
     };
 
     /* *
@@ -21325,7 +21353,7 @@
     var setServiceMetadata = function setServiceMetadata(wmLayer, mapId, mapProperties, onUpdateLayerInformation) {
       var origin = LayerActionOrigin.ReactMapViewParseLayer;
       var service = webmap.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 */
 
@@ -23984,7 +24012,14 @@
             var _a = _this.props,
                 onUpdateLayerInformation = _a.onUpdateLayerInformation,
                 mapId = _a.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) {
@@ -24154,7 +24189,7 @@
               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);
               }
 
@@ -25149,7 +25184,7 @@
         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;
         }
 
@@ -27489,6 +27524,148 @@
       }, /*#__PURE__*/React__default["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
+    };
+
+    /* *
+     * 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)
+     * */
+    function navigateToUrlSaga(action) {
+      var payload;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            payload = action.payload;
+            return [4
+            /*yield*/
+            , effects.call(historyDict.navigate, payload.url)];
+
+          case 1:
+            _a.sent();
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    }
+    function rootSaga() {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , effects.takeLatest(routerActions.navigateToUrl.type, navigateToUrlSaga)];
+
+          case 1:
+            _a.sent();
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    }
+
+    /* *
+     * 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 = reactRouterDom.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 = shared.withEggs([routerModuleConfig])(function (props) {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.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.
@@ -27643,6 +27820,7 @@
     exports.MultiMapViewConnect = MultiMapViewConnect;
     exports.ReactMapView = ReactMapView;
     exports.ReactMapViewLayer = ReactMapViewLayer;
+    exports.RouterWrapperConnect = RouterWrapperConnect;
     exports.SnackbarWrapperConnect = SnackbarWrapperConnect;
     exports.SyncGroupViewerConnect = SyncGroupViewerConnect;
     exports.SyncGroups = index;
@@ -27678,7 +27856,7 @@
     exports.getWMJSTimeDimensionForLayerId = getWMJSTimeDimensionForLayerId;
     exports.getWMLayerById = getWMLayerById;
     exports.layerActions = layerActions;
-    exports.layerReducer = reducer$7;
+    exports.layerReducer = reducer$8;
     exports.layerSelectors = selectors$2;
     exports.layerTypes = types$3;
     exports.mapActions = mapActions;
@@ -27693,6 +27871,7 @@
     exports.registerDrawFunction = registerDrawFunction;
     exports.registerWMJSMap = registerWMJSMap;
     exports.registerWMLayer = registerWMLayer;
+    exports.routerActions = routerActions;
     exports.snackbarActions = snackbarActions;
     exports.store = store;
     exports.syncGroupActions = genericActions;

package/lib/components/RouterWrapper/NavigateSetter.d.ts

@@ -0,0 +1 @@
+export declare const NavigateSetter: () => null;

package/lib/components/RouterWrapper/NavigateSetter.spec.d.ts

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

package/lib/components/RouterWrapper/RouterWrapperConnect.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface WrapperProps {
+    children?: React.ReactElement;
+}
+export declare const RouterWrapperConnect: React.FC<WrapperProps>;
+export {};

package/lib/components/RouterWrapper/RouterWrapperConnect.spec.d.ts

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

package/lib/components/RouterWrapper/index.d.ts

@@ -0,0 +1 @@
+export { RouterWrapperConnect } from './RouterWrapperConnect';