@opengeoweb/store 12.11.0 → 12.12.0

package/index.esm.js

@@ -1556,8 +1556,8 @@ var updateMinMaxValueWhenReferenceTimeChanges = function updateMinMaxValueWhenRe
   if (wmLayer && wmLayer.dimensions.length >= 2) {
     var referenceTimeDimension = wmLayer.getDimension('reference_time');
     var timeDimension = wmLayer.getDimension('time');
-    var reduxTimeDim = draftLayer.dimensions.find(function (d) {
-      return d.name === 'time';
+    var reduxTimeDim = draftLayer.dimensions.find(function (dimension) {
+      return dimension.name === 'time';
     });
     if (reduxTimeDim && timeDimension && referenceTimeDimension) {
       // When the reference time changes, a new set of timevalues needs to be set in the layer.
@@ -2671,14 +2671,23 @@ var slice$4 = createSlice({
     action) {},
     setDefaultMapSettings: function setDefaultMapSettings(draft, action) {
       draft.defaultMapSettings = action.payload.preset;
+    },
+    changeOverlayer: function changeOverlayer(draft, action) {
+      var _action$payload26 = action.payload,
+        mapId = _action$payload26.mapId,
+        selectedOverlayer = _action$payload26.selectedOverlayer;
+      if (!draft.byId[mapId]) {
+        return;
+      }
+      draft.byId[mapId].overLayers = [selectedOverlayer];
     }
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(layerActions.addLayer, function (draft, action) {
-      var _action$payload26 = action.payload,
-        layerId = _action$payload26.layerId,
-        mapId = _action$payload26.mapId,
-        layer = _action$payload26.layer;
+      var _action$payload27 = action.payload,
+        layerId = _action$payload27.layerId,
+        mapId = _action$payload27.mapId,
+        layer = _action$payload27.layer;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2697,9 +2706,9 @@ var slice$4 = createSlice({
         draft.byId[mapId].mapLayers.unshift(layerId);
       }
     }).addCase(layerActions.duplicateMapLayer, function (draft, action) {
-      var _action$payload27 = action.payload,
-        newLayerId = _action$payload27.newLayerId,
-        mapId = _action$payload27.mapId;
+      var _action$payload28 = action.payload,
+        newLayerId = _action$payload28.newLayerId,
+        mapId = _action$payload28.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2709,10 +2718,10 @@ var slice$4 = createSlice({
       }
       draft.byId[mapId].mapLayers.unshift(newLayerId);
     }).addCase(layerActions.addBaseLayer, function (draft, action) {
-      var _action$payload28 = action.payload,
-        layer = _action$payload28.layer,
-        layerId = _action$payload28.layerId,
-        mapId = _action$payload28.mapId;
+      var _action$payload29 = action.payload,
+        layer = _action$payload29.layer,
+        layerId = _action$payload29.layerId,
+        mapId = _action$payload29.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2742,9 +2751,9 @@ var slice$4 = createSlice({
         draft.byId[mapId].autoTimeStepLayerId = activeLayerId;
       }
     }).addCase(layerActions.setBaseLayers, function (draft, action) {
-      var _action$payload29 = action.payload,
-        layers = _action$payload29.layers,
-        mapId = _action$payload29.mapId;
+      var _action$payload30 = action.payload,
+        layers = _action$payload30.layers,
+        mapId = _action$payload30.mapId;
       // Split into base and overlayers
       var baseLayers = [];
       var overLayers = [];
@@ -2774,9 +2783,9 @@ var slice$4 = createSlice({
         }
       }
     }).addCase(layerActions.layerDelete, function (draft, action) {
-      var _action$payload30 = action.payload,
-        mapId = _action$payload30.mapId,
-        layerId = _action$payload30.layerId;
+      var _action$payload31 = action.payload,
+        mapId = _action$payload31.mapId,
+        layerId = _action$payload31.layerId;
       var map = draft.byId[mapId];
       if (!map) {
         return;
@@ -2802,9 +2811,9 @@ var slice$4 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.baseLayerDelete, function (draft, action) {
-      var _action$payload31 = action.payload,
-        mapId = _action$payload31.mapId,
-        layerId = _action$payload31.layerId;
+      var _action$payload32 = action.payload,
+        mapId = _action$payload32.mapId,
+        layerId = _action$payload32.layerId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2815,14 +2824,14 @@ var slice$4 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.layerChangeDimension, function (draft, action) {
-      var _action$payload32 = action.payload,
-        layerId = _action$payload32.layerId,
-        dimension = _action$payload32.dimension;
+      var _action$payload33 = action.payload,
+        layerId = _action$payload33.layerId,
+        dimension = _action$payload33.dimension;
       produceDraftStateSetMapDimensionFromLayerChangeDimension(draft, layerId, dimension);
     }).addCase(setTimeSync, function (draft, action) {
-      var _action$payload33 = action.payload,
-        targetsFromAction = _action$payload33.targets,
-        source = _action$payload33.source;
+      var _action$payload34 = action.payload,
+        targetsFromAction = _action$payload34.targets,
+        source = _action$payload34.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2846,9 +2855,9 @@ var slice$4 = createSlice({
         }
       });
     }).addCase(setBboxSync, function (draft, action) {
-      var _action$payload34 = action.payload,
-        targetsFromAction = _action$payload34.targets,
-        source = _action$payload34.source;
+      var _action$payload35 = action.payload,
+        targetsFromAction = _action$payload35.targets,
+        source = _action$payload35.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2880,9 +2889,9 @@ var slice$4 = createSlice({
        * These targets can be used as payloads in new Layer actions.
        * These actions are here handled via the layer reducer, as it is the same logic
        */
-      var _action$payload35 = action.payload,
-        targets = _action$payload35.targets,
-        source = _action$payload35.source;
+      var _action$payload36 = action.payload,
+        targets = _action$payload36.targets,
+        source = _action$payload36.source;
       return targets.reduce(function (prevState, target) {
         var actionType = (source === null || source === void 0 ? void 0 : source.type) || 'GENERIC_SYNC_SETLAYERACTIONS';
         var action = {
@@ -2904,9 +2913,9 @@ var slice$4 = createSlice({
       });
       return draft;
     }).addCase(mapChangeDimension, function (draft, action) {
-      var _action$payload36 = action.payload,
-        mapId = _action$payload36.mapId,
-        dimensionFromAction = _action$payload36.dimension;
+      var _action$payload37 = action.payload,
+        mapId = _action$payload37.mapId,
+        dimensionFromAction = _action$payload37.dimension;
       produceDraftStateSetWebMapDimension(draft, mapId, dimensionFromAction, true);
     }).addCase(setMapPreset, function (draft, action) {
       var mapId = action.payload.mapId;
@@ -2926,9 +2935,9 @@ var slice$4 = createSlice({
       draft.byId[mapId].animationDelay = defaultAnimationDelayAtStart;
       draft.byId[mapId].dockedLayerManagerSize = '';
     }).addCase(uiActions.registerDialog, function (draft, action) {
-      var _action$payload37 = action.payload,
-        mapId = _action$payload37.mapId,
-        type = _action$payload37.type;
+      var _action$payload38 = action.payload,
+        mapId = _action$payload38.mapId,
+        type = _action$payload38.type;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -3362,6 +3371,27 @@ var getTimeStepForLayerId = createSelector(getLayerTimeDimension, function (time
 var getActiveLayerInfo = createSelector(layerStore, function (store) {
   return store === null || store === void 0 ? void 0 : store.activeLayerInfo;
 });
+/**
+ * Gets all overlayers for a given mapId
+ * Example: overlayers = getOverlayersForMapId(store, 'mapId123')
+ * @param {CoreAppStore} store - The Redux store from which the layers state will be extracted.
+ * @param {string} mapId - The ID of the map for which to retrieve the overlayers.
+ * @returns {Array<{ id: string; name: string }>} - An array of overlayers containing layer information (id and name).
+ */
+var getOverlayersForMapId = createSelector([layerStore, function (_store, mapId) {
+  return mapId;
+}], function (store, mapId) {
+  var overLayers = [];
+  (store === null || store === void 0 ? void 0 : store.byId) && Object.values(store.byId).forEach(function (layer) {
+    if (layer.layerType === LayerType.overLayer && layer.mapId === mapId) {
+      overLayers.push({
+        id: layer.id || '',
+        name: layer.name || ''
+      });
+    }
+  });
+  return overLayers;
+}, selectorMemoizationOptions);
 
 var selectors$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -3397,6 +3427,7 @@ var selectors$6 = /*#__PURE__*/Object.freeze({
   getLayersByMapId: getLayersByMapId,
   getLayersIds: getLayersIds,
   getOverLayers: getOverLayers,
+  getOverlayersForMapId: getOverlayersForMapId,
   getSelectedFeatureIndex: getSelectedFeatureIndex,
   getTimeStepForLayerId: getTimeStepForLayerId,
   getUseLatestReferenceTime: getUseLatestReferenceTime
@@ -3772,18 +3803,18 @@ var constants$2 = /*#__PURE__*/Object.freeze({
  * @param condition Function to check each element in the array
  */
 var removeInPlace = function removeInPlace(inDraftArray, condition) {
-  var j = 0;
+  var index = 0;
   inDraftArray.forEach(function (e, i) {
     if (!condition(e)) {
-      if (i !== j) {
+      if (i !== index) {
         // eslint-disable-next-line no-param-reassign
-        inDraftArray[j] = e;
+        inDraftArray[index] = e;
       }
-      j += 1;
+      index += 1;
     }
   });
   // eslint-disable-next-line no-param-reassign
-  inDraftArray.length = j;
+  inDraftArray.length = index;
 };
 
 var initialState$2 = {
@@ -5516,7 +5547,9 @@ var getLegendId = createSelector(getMapById, function (store) {
  * @param {string} mapId mapId: string - Id of the map
  * @returns {MapPreset} returnType: MapPreset
  */
-var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, isTimestepAuto, isTimeSpanAuto, getLegendId, getUiStore, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, isTimestepAuto, isTimeSpanAuto, legendId, uiStore) {
+var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, isTimestepAuto, isTimeSpanAuto, getLegendId, getUiStore, function (_store, mapId) {
+  return mapId;
+}, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, isTimestepAuto, isTimeSpanAuto, legendId, uiStore, mapId) {
   var _uiStore$dialogs$lege;
   var allLayers = [].concat(_toConsumableArray(baseLayers), _toConsumableArray(overLayers), _toConsumableArray(mapLayers)).map(function (_ref3) {
     _ref3.mapId;
@@ -5538,6 +5571,8 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     duration: getAnimationDuration(animationEndTime, animationStartTime)
   };
   var shouldShowLegend = legendId ? uiStore === null || uiStore === void 0 || (_uiStore$dialogs$lege = uiStore.dialogs[legendId]) === null || _uiStore$dialogs$lege === void 0 ? void 0 : _uiStore$dialogs$lege.isOpen : false;
+  var dataExplorerDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs[DialogTypes.DataExplorer];
+  var shouldShowDataExplorer = (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.isOpen) && (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.activeMapId) === mapId || false;
   return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
     layers: allLayers
   }, activeLayerId !== undefined && {
@@ -5560,7 +5595,8 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     toggleTimestepAuto: isTimestepAuto,
     toggleTimeSpanAuto: isTimeSpanAuto,
     shouldShowLegend: shouldShowLegend,
-    timeSliderSpan: timeSliderSpan
+    timeSliderSpan: timeSliderSpan,
+    shouldShowDataExplorer: shouldShowDataExplorer
   });
 }, selectorMemoizationOptions);
 /**
@@ -5683,6 +5719,15 @@ var getdefaultMapSettings = createSelector(getMapStore, function (state) {
 var getdefaultMapSettingsLayers = createSelector(getdefaultMapSettings, function (state) {
   return state && state.layers;
 }, selectorMemoizationOptions);
+/**
+ * Gets the selected overlayer from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the layers state will be extracted.
+ * @returns {string | null} returnType: string | null
+ */
+var getSelectedOverlayerByMapId = createSelector(getMapById, function (store) {
+  return (store === null || store === void 0 ? void 0 : store.overLayers[0]) || null;
+}, selectorMemoizationOptions);
 
 var selectors$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -5733,6 +5778,7 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   getMapTimeStep: getMapTimeStep,
   getMapTimeStepWithoutDefault: getMapTimeStepWithoutDefault,
   getPinLocation: getPinLocation,
+  getSelectedOverlayerByMapId: getSelectedOverlayerByMapId,
   getSelectedTime: getSelectedTime,
   getSrs: getSrs,
   getdefaultMapSettings: getdefaultMapSettings,
@@ -6574,27 +6620,27 @@ var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeStri
   // Get all wmLayers for the found id's
   var wmLayers = reduxLayers.map(function (reduxLayer) {
     return reduxLayer.id && getWMLayerById(reduxLayer.id);
-  }).filter(function (l) {
-    return !!l;
+  }).filter(function (layer) {
+    return !!layer;
   });
   // Returns a layer which could have an image for the requested time, but which isn't loaded yet.
-  var isThereSomethingNotAvailable = wmLayers.map(function (l) {
-    var _l$getDimension;
-    if (!l || !l.olSource) {
+  var isThereSomethingNotAvailable = wmLayers.map(function (layer) {
+    var _layer$getDimension;
+    if (!layer || !layer.olSource) {
       // No OpenLayers source, do nothing, so do not flag that something is not available
       return {
         status: true
       };
     }
     // Check if there is a timevalue available
-    var closestValue = (_l$getDimension = l.getDimension('time')) === null || _l$getDimension === void 0 ? void 0 : _l$getDimension.getClosestValue(nextTimeString);
+    var closestValue = (_layer$getDimension = layer.getDimension('time')) === null || _layer$getDimension === void 0 ? void 0 : _layer$getDimension.getClosestValue(nextTimeString);
     if (!closestValue || WMInvalidDateValues.has(closestValue)) {
       // No value available, so do not flag that something is not available
       return {
         status: true
       };
     }
-    var olSource = l.olSource;
+    var olSource = layer.olSource;
     var hasImageAvailableForRequestedTimeStep = olSource.hasImageForTimeValue(closestValue);
     // If there is no image available for requested timestep, return true and flag that this thing is not ready yet.
     if (hasImageAvailableForRequestedTimeStep) {
@@ -6607,8 +6653,8 @@ var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeStri
       status: false
     };
   });
-  var nextStepIsAvailable = isThereSomethingNotAvailable.filter(function (d) {
-    return d.status === true;
+  var nextStepIsAvailable = isThereSomethingNotAvailable.filter(function (step) {
+    return step.status === true;
   }).length === wmLayers.length;
   return nextStepIsAvailable;
 };
@@ -6645,8 +6691,8 @@ var olMetronomeHandler = function olMetronomeHandler(timerIds, listenerApi) {
       // Collect all layers for this syncgroups target
       var reduxLayers = [];
       targets.forEach(function (target) {
-        reduxLayers.push.apply(reduxLayers, _toConsumableArray(getLayersByMapId(listenerApi.getState(), target.targetId).filter(function (l) {
-          return l.layerType === LayerType.mapLayer;
+        reduxLayers.push.apply(reduxLayers, _toConsumableArray(getLayersByMapId(listenerApi.getState(), target.targetId).filter(function (layer) {
+          return layer.layerType === LayerType.mapLayer;
         })));
       });
       var nextStep = getNextStep(timerId, animationListValues.length, 1);
@@ -6948,7 +6994,7 @@ mapListener.startListening({
   actionCreator: mapActions.setMapPreset,
   effect: function () {
     var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref6, listenerApi) {
-      var payload, mapId, initialProps, mapPreset, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, dockedLayerManagerSize, timeSliderSpan, toggleTimeSpanAuto, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
+      var payload, mapId, initialProps, mapPreset, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, shouldShowDataExplorer, dockedLayerManagerSize, timeSliderSpan, toggleTimeSpanAuto, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -6957,10 +7003,10 @@ mapListener.startListening({
             mapId = payload.mapId, initialProps = payload.initialProps;
             mapPreset = initialProps.mapPreset;
             if (!mapPreset) {
-              _context2.next = 50;
+              _context2.next = 51;
               break;
             }
-            layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, timeSliderSpan = mapPreset.timeSliderSpan, toggleTimeSpanAuto = mapPreset.toggleTimeSpanAuto;
+            layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, shouldShowDataExplorer = mapPreset.shouldShowDataExplorer, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, timeSliderSpan = mapPreset.timeSliderSpan, toggleTimeSpanAuto = mapPreset.toggleTimeSpanAuto;
             _filterLayers = filterLayers(layers), mapLayers = _filterLayers.mapLayers, baseLayers = _filterLayers.baseLayers, overLayers = _filterLayers.overLayers;
             if (layers) {
               //  make sure all layers have a unique id before going forward
@@ -7167,21 +7213,30 @@ mapListener.startListening({
                 setOpen: shouldOpenLegend
               }));
             }
+            // show data explorer
+            if (shouldShowDataExplorer) {
+              listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
+                type: DialogTypes.DataExplorer,
+                setOpen: true,
+                source: 'app',
+                mapId: mapId
+              }));
+            }
             if (dockedLayerManagerSize) {
               listenerApi.dispatch(mapActions.setDockedLayerManagerSize({
                 mapId: mapId,
                 dockedLayerManagerSize: dockedLayerManagerSize
               }));
             }
-          case 40:
+          case 41:
             if (!(animationEndTime && (shouldEndtimeOverride || !(shouldAutoUpdate || shouldAnimate)))) {
-              _context2.next = 50;
+              _context2.next = 51;
               break;
             }
             fiveMinuteDelayForAnimation = 1000 * 60 * 5; // eslint-disable-next-line no-await-in-loop
-            _context2.next = 44;
+            _context2.next = 45;
             return listenerApi.delay(fiveMinuteDelayForAnimation);
-          case 44:
+          case 45:
             _animationEnd2 = getAnimationEndTime(listenerApi.getState(), mapId);
             listenerApi.dispatch(mapActions.setAnimationEndTime({
               mapId: mapId,
@@ -7196,13 +7251,13 @@ mapListener.startListening({
                 minutes: 5
               }).toISOString()
             }));
-            _context2.next = 40;
+            _context2.next = 41;
             break;
-          case 50:
-            _context2.next = 55;
+          case 51:
+            _context2.next = 56;
             break;
-          case 52:
-            _context2.prev = 52;
+          case 53:
+            _context2.prev = 53;
             _context2.t0 = _context2["catch"](1);
             if (_context2.t0 instanceof Error) {
               listenerApi.dispatch(mapActions.setMapPresetError({
@@ -7210,11 +7265,11 @@ mapListener.startListening({
                 error: _context2.t0.message
               }));
             }
-          case 55:
+          case 56:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 52]]);
+      }, _callee2, null, [[1, 53]]);
     }));
     function effect(_x3, _x4) {
       return _effect2.apply(this, arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "12.11.0",
+  "version": "12.12.0",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,15 +8,15 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "12.11.0",
+    "@opengeoweb/shared": "12.12.0",
     "react-redux": "^9.2.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "12.11.0",
-    "@opengeoweb/webmap": "12.11.0",
+    "@opengeoweb/webmap-react": "12.12.0",
+    "@opengeoweb/webmap": "12.12.0",
     "immer": "^10.0.3",
     "lodash": "^4.17.21",
-    "@opengeoweb/metronome": "12.11.0",
-    "@opengeoweb/timeslider": "12.11.0",
+    "@opengeoweb/metronome": "12.12.0",
+    "@opengeoweb/timeslider": "12.12.0",
     "react-router-dom": "^6.23.1",
     "ol": "^10.4.0",
     "@turf/turf": "^7.2.0",

package/src/store/map/layer/selectors.d.ts

@@ -2120,3 +2120,43 @@ export declare const getActiveLayerInfo: ((state: CoreAppStore) => {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+/**
+ * Gets all overlayers for a given mapId
+ * Example: overlayers = getOverlayersForMapId(store, 'mapId123')
+ * @param {CoreAppStore} store - The Redux store from which the layers state will be extracted.
+ * @param {string} mapId - The ID of the map for which to retrieve the overlayers.
+ * @returns {Array<{ id: string; name: string }>} - An array of overlayers containing layer information (id and name).
+ */
+export declare const getOverlayersForMapId: ((state: CoreAppStore, mapId: string) => {
+    id: string;
+    name: string;
+}[]) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: LayerState | undefined, resultFuncArgs_1: string) => {
+        id: string;
+        name: string;
+    }[];
+    memoizedResultFunc: ((resultFuncArgs_0: LayerState | undefined, resultFuncArgs_1: string) => {
+        id: string;
+        name: string;
+    }[]) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => {
+        id: string;
+        name: string;
+    }[];
+    dependencies: [(store: CoreAppStore) => LayerState | undefined, (_store: CoreAppStore, mapId: string) => string];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};

package/src/store/map/map/reducer.d.ts

@@ -60,6 +60,10 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
         error: string;
     }>) => void;
     setDefaultMapSettings: (draft: Draft<WebMapState>, action: PayloadAction<SetDefaultMapSettingsPayload>) => void;
+    changeOverlayer: (draft: Draft<WebMapState>, action: PayloadAction<{
+        mapId: string;
+        selectedOverlayer: string;
+    }>) => void;
 }, "mapReducer", "mapReducer", import("@reduxjs/toolkit").SliceSelectors<WebMapState>>;
 export declare const mapActions: {
     setMapPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetMapPresetPayload, string>;
@@ -112,5 +116,9 @@ export declare const mapActions: {
         error: string;
     }, "mapReducer/setMapPresetError">;
     setDefaultMapSettings: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDefaultMapSettingsPayload, "mapReducer/setDefaultMapSettings">;
+    changeOverlayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        mapId: string;
+        selectedOverlayer: string;
+    }, "mapReducer/changeOverlayer">;
 };
 export declare const mapReducer: import("redux").Reducer<WebMapState>;

package/src/store/map/map/selectors.d.ts

@@ -1,7 +1,7 @@
 import type { Bbox, MapPreset, WebMap, WebMapState } from './types';
 import type { CoreAppStore } from '../../types';
+import { uiTypes } from '../../ui';
 import type { Dimension, Layer, ReduxLayer, TimeSliderStartCenterEndTime, WebMapAnimationList } from '../types';
-import type { uiTypes } from '../../ui';
 /**
  * Gets the map state by mapId
  *
@@ -2051,8 +2051,8 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: boolean | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: string | undefined, resultFuncArgs_21: uiTypes.UIStoreType) => MapPreset;
-    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: boolean | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: string | undefined, resultFuncArgs_21: uiTypes.UIStoreType) => MapPreset) & {
+    resultFunc: (resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: boolean | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: string | undefined, resultFuncArgs_21: uiTypes.UIStoreType, resultFuncArgs_22: string) => MapPreset;
+    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: boolean | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: string | undefined, resultFuncArgs_21: uiTypes.UIStoreType, resultFuncArgs_22: string) => MapPreset) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -2578,7 +2578,7 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     } & {
         memoize: typeof import("reselect").weakMapMemoize;
         argsMemoize: typeof import("reselect").weakMapMemoize;
-    }, (store: uiTypes.UIModuleState) => uiTypes.UIStoreType];
+    }, (store: uiTypes.UIModuleState) => uiTypes.UIStoreType, (_store: CoreAppStore, mapId: string) => string];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -3094,3 +3094,30 @@ export declare const getdefaultMapSettingsLayers: ((state: CoreAppStore) => Laye
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+/**
+ * Gets the selected overlayer from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the layers state will be extracted.
+ * @returns {string | null} returnType: string | null
+ */
+export declare const getSelectedOverlayerByMapId: ((state: CoreAppStore, mapId: string) => string | null) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => string | null;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => string | null) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => string | null;
+    dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};

package/src/store/map/map/types.d.ts

@@ -108,6 +108,7 @@ export interface MapPreset {
     selectedMapIds?: string[];
     timeSliderSpan?: number;
     toggleTimeSpanAuto?: boolean;
+    shouldShowDataExplorer?: boolean;
 }
 export interface MapPresetInitialProps {
     mapPreset: MapPreset;