@opengeoweb/store 9.4.1 → 9.6.0

package/index.esm.js

@@ -1,10 +1,10 @@
 import { current, produce } from 'immer';
-import { webmapUtils, LayerType, webmapTestSettings, WMLayer, getCapabilities } from '@opengeoweb/webmap';
+import { webmapUtils, LayerType, webmapTestSettings, WMLayer, handleMomentISOString, getCapabilities } from '@opengeoweb/webmap';
 import { createAction, createSlice, createSelector, createEntityAdapter, current as current$1 } from '@reduxjs/toolkit';
 import { getGeoJson, moveFeature, createInterSections, defaultLayers, getFeatureCollection, emptyGeoJSON, defaultIntersectionStyleProperties } from '@opengeoweb/webmap-react';
 export { defaultLayers } from '@opengeoweb/webmap-react';
 import moment from 'moment';
-import { differenceInMinutes, getUnixTime, parseISO, isValid } from 'date-fns';
+import { differenceInMinutes, getUnixTime, parseISO, isValid, fromUnixTime } from 'date-fns';
 import { isEqual, compact } from 'lodash';
 import { createStore as createStore$1 } from '@redux-eggs/redux-toolkit';
 import { getSagaExtension } from '@redux-eggs/saga-extension';
@@ -722,21 +722,16 @@ var produceDraftStateSetWebMapDimension = function produceDraftStateSetWebMapDim
  * @param draft The WebMapState containing the state of all maps.
  * @param layerId The layer Id to find in the maps
  */
-var findMapIdFromLayerId = function findMapIdFromLayerId(draft, layerId) {
-  if (!draft || !layerId) {
+var findMapIdFromLayerId = function findMapIdFromLayerId(mapState, layerId) {
+  if (!mapState || !layerId) {
     return null;
   }
-  for (var i = 0; i < draft.allIds.length; i += 1) {
-    var mapId = draft.allIds[i];
-    var layerIds = draft.byId[mapId].mapLayers;
-    for (var l = 0; l < layerIds.length; l += 1) {
-      var layerIdFromMap = layerIds[l];
-      if (layerIdFromMap === layerId) {
-        return mapId;
-      }
-    }
-  }
-  return null;
+  var result = mapState.allIds.find(function (mapId) {
+    return mapState.byId[mapId].mapLayers.find(function (layerIdFromMap) {
+      return layerIdFromMap === layerId;
+    });
+  });
+  return result === undefined ? null : result;
 };
 /*
     When a layer dimension is changed, it can affect the map dimension if the layer dimension is linked with the map.
@@ -797,9 +792,6 @@ var getTimeStepFromDataInterval = function getTimeStepFromDataInterval(timeInter
       return defaultTimeStep;
   }
 };
-var getActiveLayerTimeStep = function getActiveLayerTimeStep(timeDimension) {
-  return (timeDimension === null || timeDimension === void 0 ? void 0 : timeDimension.timeInterval) ? getTimeStepFromDataInterval(timeDimension.timeInterval) : undefined;
-};
 var getSpeedFactor = function getSpeedFactor(speedDelay) {
   return defaultDelay / speedDelay;
 };
@@ -857,7 +849,6 @@ var utils$3 = /*#__PURE__*/Object.freeze({
   produceDraftStateSetMapDimensionFromLayerChangeDimension: produceDraftStateSetMapDimensionFromLayerChangeDimension,
   moveArrayElements: moveArrayElements,
   getTimeStepFromDataInterval: getTimeStepFromDataInterval,
-  getActiveLayerTimeStep: getActiveLayerTimeStep,
   getSpeedFactor: getSpeedFactor,
   getAnimationDuration: getAnimationDuration,
   getSpeedDelay: getSpeedDelay,
@@ -1727,13 +1718,28 @@ var layerStore = function layerStore(store) {
  * @param {string} layerId Id of the layer
  * @returns {object} object containing layer information (service, name, style, enabled etc.)
  */
-var getLayerById = function getLayerById(store, layerId) {
-  var _a;
-  if (layerId) {
-    return (_a = store === null || store === void 0 ? void 0 : store.layers) === null || _a === void 0 ? void 0 : _a.byId[layerId];
-  }
-  return undefined;
-};
+var getLayerById = createSelector([layerStore, function (layerStore, layerId) {
+  return layerId;
+}], function (layerState, layerId) {
+  return layerState && layerState.byId && layerState.byId[layerId];
+}, selectorMemoizationOptions);
+/**
+ * Gets a layer from the layers part of the store by its Id, but without the time dimension. (All other dimensions are still included)
+ *
+ * Example: layer = getLayerByIdWithoutTimeDimension(store, 'layerId')
+ * @param {object} store object from which the layer state will be extracted
+ * @param {string} layerId Id of the layer
+ * @returns {object} object containing layer information (service, name, style, enabled etc.)
+ */
+var getLayerByIdWithoutTimeDimension = createSelector([layerStore, function (layerStore, layerId) {
+  return layerId;
+}], function (layerState, layerId) {
+  var layer = layerState && layerState.byId && layerState.byId[layerId];
+  return layer ? produce(layer, function (draftLayer) {
+    draftLayer.dimensions = filterNonTimeDimensions(draftLayer.dimensions || []);
+    return draftLayer;
+  }) : undefined;
+}, selectorMemoizationOptions);
 /**
  * Retrieves all layers indexed by layerId
  *
@@ -1906,7 +1912,7 @@ var getLayerDimension = createSelector(getLayerDimensions, function (_store, _la
  */
 var getLayerOpacity = createSelector(getLayerById, function (layer) {
   return layer && layer.opacity ? layer.opacity : 0;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets whether a layer is enabled or disabled
  *
@@ -1917,7 +1923,7 @@ var getLayerOpacity = createSelector(getLayerById, function (layer) {
  */
 var getLayerEnabled = createSelector(getLayerById, function (layer) {
   return Boolean(layer === null || layer === void 0 ? void 0 : layer.enabled);
-});
+}, selectorMemoizationOptions);
 /**
  * Gets layer name
  *
@@ -1929,7 +1935,7 @@ var getLayerEnabled = createSelector(getLayerById, function (layer) {
 var getLayerName = createSelector(getLayerById, function (layer) {
   var _a;
   return (_a = layer === null || layer === void 0 ? void 0 : layer.name) !== null && _a !== void 0 ? _a : '';
-});
+}, selectorMemoizationOptions);
 /**
  * Gets layer service
  *
@@ -1941,7 +1947,7 @@ var getLayerName = createSelector(getLayerById, function (layer) {
 var getLayerService = createSelector(getLayerById, function (layer) {
   var _a;
   return (_a = layer === null || layer === void 0 ? void 0 : layer.service) !== null && _a !== void 0 ? _a : '';
-});
+}, selectorMemoizationOptions);
 /**
  * Gets selected style of the passed layer
  *
@@ -1952,7 +1958,7 @@ var getLayerService = createSelector(getLayerById, function (layer) {
  */
 var getLayerStyle = createSelector(getLayerById, function (layer) {
   return layer && layer.style ? layer.style : '';
-});
+}, selectorMemoizationOptions);
 /**
  * Gets layer status
  *
@@ -1963,7 +1969,7 @@ var getLayerStyle = createSelector(getLayerById, function (layer) {
  */
 var getLayerStatus = createSelector(getLayerById, function (layer) {
   return layer && layer.status ? layer.status : LayerStatus["default"];
-});
+}, selectorMemoizationOptions);
 /**
  * Gets all available base layers for a map
  *
@@ -1996,7 +2002,7 @@ var getAvailableBaseLayersForMap = createSelector(layerStore, function (_store,
  */
 var getSelectedFeatureIndex = createSelector(getLayerById, function (layer) {
   return layer === null || layer === void 0 ? void 0 : layer.selectedFeatureIndex;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the layer is in edit mode
  *
@@ -2007,15 +2013,15 @@ var getSelectedFeatureIndex = createSelector(getLayerById, function (layer) {
  */
 var getIsLayerInEditMode = createSelector(getLayerById, function (layer) {
   return (layer === null || layer === void 0 ? void 0 : layer.isInEditMode) || false;
-});
+}, selectorMemoizationOptions);
 var getFeatureLayerGeoJSON = createSelector(getLayerById, function (layer) {
   return (layer === null || layer === void 0 ? void 0 : layer.geojson) || undefined;
-});
+}, selectorMemoizationOptions);
 var getFeatureLayerGeoJSONProperties = createSelector(getLayerById, getSelectedFeatureIndex, function (layer) {
   var selecteFeatureIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var _a, _b;
   return ((_b = (_a = layer === null || layer === void 0 ? void 0 : layer.geojson) === null || _a === void 0 ? void 0 : _a.features[selecteFeatureIndex]) === null || _b === void 0 ? void 0 : _b.properties) || {};
-});
+}, selectorMemoizationOptions);
 /**
  * Gets layerIds that contain passed dimension
  *
@@ -2040,7 +2046,7 @@ var getDimensionLayerIds = createSelector(getLayersIds, getLayersById, function
 }, selectorMemoizationOptions);
 var getAcceptanceTimeInMinutes = createSelector(getLayerById, function (layer) {
   return layer === null || layer === void 0 ? void 0 : layer.acceptanceTimeInMinutes;
-});
+}, selectorMemoizationOptions);
 var getLayerIsInsideAcceptanceTime = createSelector(getAcceptanceTimeInMinutes, getLayerCurrentTime, function (state, _layerId, mapId) {
   var _a, _b, _c, _d;
   return (_d = (_c = (_b = (_a = state.webmap) === null || _a === void 0 ? void 0 : _a.byId[mapId]) === null || _b === void 0 ? void 0 : _b.dimensions) === null || _c === void 0 ? void 0 : _c.find(function (dimension) {
@@ -2063,14 +2069,21 @@ var getLayerIsInsideAcceptanceTime = createSelector(getAcceptanceTimeInMinutes,
     }
   }
   return 'inside';
-});
+}, selectorMemoizationOptions);
 var getUseLatestReferenceTime = createSelector(getLayerById, function (layer) {
   return Boolean(layer === null || layer === void 0 ? void 0 : layer.useLatestReferenceTime);
-});
+}, selectorMemoizationOptions);
+/**
+ * Returns the timestep for this layerId in seconds, or undefined if it has no time dimension or timeinterval.
+ */
+var getTimeStepForLayerId = createSelector(getLayerTimeDimension, function (timeDimension) {
+  return timeDimension && timeDimension.timeInterval ? getTimeStepFromDataInterval(timeDimension.timeInterval) : undefined;
+}, selectorMemoizationOptions);
 
 var selectors$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getLayerById: getLayerById,
+  getLayerByIdWithoutTimeDimension: getLayerByIdWithoutTimeDimension,
   getLayersById: getLayersById,
   getLayersIds: getLayersIds,
   getAllLayers: getAllLayers,
@@ -2099,7 +2112,8 @@ var selectors$6 = /*#__PURE__*/Object.freeze({
   getDimensionLayerIds: getDimensionLayerIds,
   getAcceptanceTimeInMinutes: getAcceptanceTimeInMinutes,
   getLayerIsInsideAcceptanceTime: getLayerIsInsideAcceptanceTime,
-  getUseLatestReferenceTime: getUseLatestReferenceTime
+  getUseLatestReferenceTime: getUseLatestReferenceTime,
+  getTimeStepForLayerId: getTimeStepForLayerId
 });
 
 /* *
@@ -2421,6 +2435,11 @@ var slice$5 = createSlice({
         draft.allIds.splice(mapIndex, 1);
       }
     },
+    setStepBackwardOrForward: function setStepBackwardOrForward(
+    // eslint-disable-next-line no-unused-vars
+    _draft,
+    // eslint-disable-next-line no-unused-vars
+    _action) {},
     setBbox: function setBbox(draft, action) {
       var _action$payload = action.payload,
         mapId = _action$payload.mapId,
@@ -3037,7 +3056,7 @@ var getisDialogOpen = createSelector(getDialogDetailsByType, function (details)
     return details.isOpen;
   }
   return false;
-});
+}, selectorMemoizationOptions);
 /**
  *For a given ui component: gets the active map Id
  *
@@ -3050,7 +3069,7 @@ var getDialogMapId = createSelector(getDialogDetailsByType, function (details) {
     return details.activeMapId;
   }
   return '';
-});
+}, selectorMemoizationOptions);
 /**
  *For a given ui component: gets the order of visible dialog
  *
@@ -3073,7 +3092,7 @@ var getDialogOrder = createSelector(function (store, dialogType) {
   return 0;
 }, function (order) {
   return order;
-});
+}, selectorMemoizationOptions);
 /**
  *For a given ui component: returns if ordered on top
  *
@@ -3089,13 +3108,13 @@ var getDialogIsOrderedOnTop = createSelector(function (store, dialogType) {
   return false;
 }, function (isOrderedOnTop) {
   return isOrderedOnTop;
-});
+}, selectorMemoizationOptions);
 var getDialogSource = createSelector(getDialogDetailsByType, function (details) {
   if (details && details.source) {
     return details.source;
   }
   return 'app';
-});
+}, selectorMemoizationOptions);
 /**
  * Get the active window that should receive keyboard shortcuts
  *
@@ -3109,10 +3128,10 @@ var getActiveWindowId = function getActiveWindowId(store) {
 };
 var getDialogIsLoading = createSelector(getDialogDetailsByType, function (details) {
   return details && details.isLoading || false;
-});
+}, selectorMemoizationOptions);
 var getDialogError = createSelector(getDialogDetailsByType, function (details) {
   return details && details.error || '';
-});
+}, selectorMemoizationOptions);
 
 var selectors$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -3539,17 +3558,24 @@ var syncGroupStore = function syncGroupStore(store) {
  */
 var getSynchronizationGroupState = createSelector(syncGroupStore, function (store) {
   return store || null;
-});
-var getSynchronizationGroup = function getSynchronizationGroup(state, id) {
-  return syncGroupStore(state).groups.byId[id];
-};
-var getSynchronizationGroupSource = function getSynchronizationGroupSource(state, id) {
-  return syncGroupStore(state).sources.byId[id];
-};
-var getTargets = function getTargets(state, payload, actionType) {
+}, selectorMemoizationOptions);
+var getSynchronizationGroup = createSelector([syncGroupStore, function (syncGroupStore, id) {
+  return id;
+}], function (syncGroupState, id) {
+  return syncGroupState.groups.byId[id];
+}, selectorMemoizationOptions);
+var getSynchronizationGroupSource = createSelector([syncGroupStore, function (syncGroupStore, id) {
+  return id;
+}], function (syncGroupState, id) {
+  return syncGroupState.sources.byId[id];
+}, selectorMemoizationOptions);
+var getTargets = createSelector([syncGroupStore, function (syncGroupStore, payload) {
+  return payload;
+}, function (syncGroupStore, payload, actionType) {
+  return actionType;
+}], function (syncronizationGroupStore, payload, actionType) {
   var actionPayloads = [];
   var targetsInActionPayload = {};
-  var syncronizationGroupStore = syncGroupStore(state);
   if (syncronizationGroupStore && payload) {
     /* Backwards compatibility, if there are no groups, connect everything */
     if (syncronizationGroupStore.groups.allIds.length === 0) {
@@ -3590,9 +3616,12 @@ var getTargets = function getTargets(state, payload, actionType) {
     });
   }
   return actionPayloads;
-};
-var getTargetGroups = function getTargetGroups(state, payload, actionType) {
-  var syncronizationGroupStore = syncGroupStore(state);
+}, selectorMemoizationOptions);
+var getTargetGroups = createSelector([syncGroupStore, function (syncGroupStore, payload) {
+  return payload;
+}, function (syncGroupStore, payload, actionType) {
+  return actionType;
+}], function (syncronizationGroupStore, payload, actionType) {
   var groups = syncronizationGroupStore.groups.allIds.reduce(function (list, groupId) {
     var syncronizationGroup = syncronizationGroupStore.groups.byId[groupId];
     if (actionType === syncronizationGroup.type) {
@@ -3606,10 +3635,12 @@ var getTargetGroups = function getTargetGroups(state, payload, actionType) {
     return list;
   }, []);
   return groups;
-};
-var getSourceId = function getSourceId(_state, sourceId) {
+}, selectorMemoizationOptions);
+var getSourceId = createSelector([syncGroupStore, function (syncGroupStore, sourceId) {
+  return sourceId;
+}], function (syncGroupState, sourceId) {
   return typeof sourceId === 'string' ? sourceId : sourceId.sourceId;
-};
+}, selectorMemoizationOptions);
 var getAllTargetGroupsForSource = createSelector([syncGroupStore, getSourceId], function (syncGroupStore, sourceId) {
   if (syncGroupStore === null || syncGroupStore === void 0 ? void 0 : syncGroupStore.groups) {
     return syncGroupStore.groups.allIds.reduce(function (linkedSyncGroupIds, groupId) {
@@ -3623,10 +3654,10 @@ var getAllTargetGroupsForSource = createSelector([syncGroupStore, getSourceId],
     }, []);
   }
   return [];
-});
+}, selectorMemoizationOptions);
 var syncGroupGetViewState = createSelector(syncGroupStore, function (store) {
   return store.viewState;
-});
+}, selectorMemoizationOptions);
 var getSyncedMapIdsForTimeslider = createSelector(syncGroupStore, function (store) {
   var _a, _b;
   return (_b = (_a = store.viewState.timeslider.groups[0]) === null || _a === void 0 ? void 0 : _a.selected) !== null && _b !== void 0 ? _b : [];
@@ -3645,7 +3676,7 @@ var getSyncGroupTargets = createSelector(syncGroupStore, function (store) {
       };
     }));
   }, []);
-});
+}, selectorMemoizationOptions);
 
 var selectors$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -3655,6 +3686,7 @@ var selectors$4 = /*#__PURE__*/Object.freeze({
   getSynchronizationGroupSource: getSynchronizationGroupSource,
   getTargets: getTargets,
   getTargetGroups: getTargetGroups,
+  getSourceId: getSourceId,
   getAllTargetGroupsForSource: getAllTargetGroupsForSource,
   syncGroupGetViewState: syncGroupGetViewState,
   getSyncedMapIdsForTimeslider: getSyncedMapIdsForTimeslider,
@@ -3847,6 +3879,9 @@ var genericActions = Object.assign(Object.assign({}, actions), {
   setBbox: setBbox
 });
 
+var getMapStore = function getMapStore(store) {
+  return store && store.webmap;
+};
 /**
  * Gets the map state by mapId
  *
@@ -3855,10 +3890,14 @@ var genericActions = Object.assign(Object.assign({}, actions), {
  * @param {string} mapId Id of the map
  * @returns {object} object containing map state (isAnimating, bbox, baseLayers, layers etc.)
  */
-var getMapById = function getMapById(store, mapId) {
-  var _a;
-  return (_a = store === null || store === void 0 ? void 0 : store.webmap) === null || _a === void 0 ? void 0 : _a.byId[mapId];
-};
+var getMapById = createSelector([getMapStore, function (getMapStore, mapId) {
+  return mapId;
+}], function (mapState, mapId) {
+  return mapState && mapState.byId[mapId] ? mapState && mapState.byId[mapId] : undefined;
+}, selectorMemoizationOptions);
+var getAllMapsByIds = createSelector(getMapStore, function (mapState) {
+  return mapState && mapState.byId ? mapState && mapState.byId : {};
+}, selectorMemoizationOptions);
 /**
  * Gets all mapIds
  *
@@ -3866,12 +3905,9 @@ var getMapById = function getMapById(store, mapId) {
  * @param {object} store store object from which the map state wll be extracted
  * @returns {array} array containing all map ids
  */
-var getAllMapIds = function getAllMapIds(store) {
-  if (store && store.webmap && store.webmap.allIds) {
-    return store.webmap.allIds;
-  }
-  return [];
-};
+var getAllMapIds = createSelector(getMapStore, function (mapState) {
+  return mapState && mapState.allIds ? mapState.allIds : [];
+}, selectorMemoizationOptions);
 /**
  * Gets the map state of the first map in the store
  *
@@ -3879,9 +3915,7 @@ var getAllMapIds = function getAllMapIds(store) {
  * @param {object} store store object from which the map state wll be extracted
  * @returns {object} object containing map state (isAnimating, bbox, baseLayers, layers etc.)
  */
-var getFirstMap = createSelector(getAllMapIds, function (store) {
-  return store && store.webmap && store.webmap.byId ? store.webmap.byId : {};
-}, function (allMapIds, mapsById) {
+var getFirstMap = createSelector(getAllMapIds, getAllMapsByIds, function (allMapIds, mapsById) {
   return allMapIds[0] && mapsById[allMapIds[0]] ? mapsById[allMapIds[0]] : null;
 }, selectorMemoizationOptions);
 /**
@@ -3893,7 +3927,7 @@ var getFirstMap = createSelector(getAllMapIds, function (store) {
  */
 var getFirstMapId = createSelector(getFirstMap, function (map) {
   return map ? map.id : '';
-});
+}, selectorMemoizationOptions);
 /**
  * Determines if map is present
  *
@@ -3901,14 +3935,9 @@ var getFirstMapId = createSelector(getFirstMap, function (map) {
  * @param {string} mapId mapId: string - Id of the map
  * @returns {boolean} returnType:boolean - true if map is present
  */
-var getIsMapPresent = createSelector(function (store, mapId) {
-  if (store && store.webmap && store.webmap.byId[mapId]) {
-    return true;
-  }
-  return false;
-}, function (isPresent) {
-  return isPresent;
-});
+var getIsMapPresent = createSelector(getMapById, function (map) {
+  return !!map;
+}, selectorMemoizationOptions);
 /**
  * Gets all layerIds for a map that aren't baselayers or overlayers
  *
@@ -3998,8 +4027,8 @@ var getMapOverLayers = createSelector(getMapOverLayersIds, getLayersById, functi
  * @param {string} mapId mapId: string - Id of the map
  * @returns {array} returnType: array - array containing map dimensions
  */
-var getMapDimensions = createSelector(getMapById, function (store) {
-  return store ? store.dimensions : [];
+var getMapDimensions = createSelector(getMapById, function (webMap) {
+  return webMap ? webMap.dimensions : [];
 }, selectorMemoizationOptions);
 /**
  * Gets the map dimension requested
@@ -4010,16 +4039,25 @@ var getMapDimensions = createSelector(getMapById, function (store) {
  * @param {string} dimensionName dimensionName: string - name of the dimension
  * @returns {object} returnType: object - object containing the map dimension details
  */
-var getMapDimension = createSelector(getMapById, function (_store, _mapId, dimensionName) {
+var getMapDimension = createSelector([getMapById, function (_store, mapId) {
+  return mapId;
+}, function (_store, _mapId, dimensionName) {
   return dimensionName;
-}, function (store, dimensionName) {
-  if (store && store.dimensions) {
-    return store.dimensions.find(function (dim) {
+}], function (mapState, _mapId, dimensionName) {
+  if (mapState && mapState.dimensions) {
+    return mapState.dimensions.find(function (dim) {
       return dim.name === dimensionName;
     });
   }
   return undefined;
 }, selectorMemoizationOptions);
+/**
+ * Returns the current time in unix time for the given map
+ *
+ * @param {object} store store: object - store object
+ * @param {string} mapId mapId: string - Id of the map
+ * @returns {object} returnType: unix time as number
+ */
 var getSelectedTime = createSelector(function (store, mapId) {
   return getMapDimension(store, mapId, 'time');
 }, function (timeDimension) {
@@ -4032,7 +4070,7 @@ var getSelectedTime = createSelector(function (store, mapId) {
     return getUnixTime(timeSliderTime);
   }
   return now;
-});
+}, selectorMemoizationOptions);
 var getDataLimitsFromLayers = createSelector(getMapLayers, function (layers) {
   return layers.reduce(function (_ref, layer) {
     var _ref2 = _slicedToArray(_ref, 2),
@@ -4056,7 +4094,7 @@ var getDataLimitsFromLayers = createSelector(getMapLayers, function (layers) {
    * cause weird behaviour as timestamps break at 32bit limit (year 2038)
    */
   [2147483647, 0]);
-});
+}, selectorMemoizationOptions);
 /**
  * Gets map srs
  *
@@ -4067,7 +4105,7 @@ var getDataLimitsFromLayers = createSelector(getMapLayers, function (layers) {
  */
 var getSrs = createSelector(getMapById, function (store) {
   return store ? store.srs : '';
-});
+}, selectorMemoizationOptions);
 /**
  * Gets map bounding box
  *
@@ -4127,7 +4165,7 @@ var linkedMapAnimationInfo = createSelector(function (store, mapId) {
  */
 var getAnimationStartTime = createSelector(getMapById, function (store) {
   return (store === null || store === void 0 ? void 0 : store.animationStartTime) ? store.animationStartTime : moment.utc().subtract(6, 'h').format(dateFormat);
-});
+}, selectorMemoizationOptions);
 /**
  * Gets end time of animation
  *
@@ -4138,7 +4176,7 @@ var getAnimationStartTime = createSelector(getMapById, function (store) {
  */
 var getAnimationEndTime$1 = createSelector(getMapById, function (store) {
   return (store === null || store === void 0 ? void 0 : store.animationEndTime) ? store.animationEndTime : moment.utc().subtract(10, 'm').format(dateFormat);
-});
+}, selectorMemoizationOptions);
 /**
  * Returns map is auto updating
  *
@@ -4149,7 +4187,7 @@ var getAnimationEndTime$1 = createSelector(getMapById, function (store) {
  */
 var isAutoUpdating = createSelector(getMapById, function (store) {
   return store ? store.isAutoUpdating : false;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets if endTime and duration of animationPayload are overriding maxValue and minValue of leading layer
  *
@@ -4160,7 +4198,7 @@ var isAutoUpdating = createSelector(getMapById, function (store) {
  */
 var isEndTimeOverriding = createSelector(getMapById, function (store) {
   return store ? store.isEndTimeOverriding : false;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets activeLayerId for map
  *
@@ -4173,7 +4211,7 @@ var getActiveLayerId = createSelector(getMapById, function (store) {
     return store.autoUpdateLayerId;
   }
   return undefined;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets autoUpdateLayerId for map
  *
@@ -4183,7 +4221,7 @@ var getActiveLayerId = createSelector(getMapById, function (store) {
  */
 var getAutoUpdateLayerId = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.autoUpdateLayerId;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets autoUpdateLayerId for map
  *
@@ -4193,7 +4231,7 @@ var getAutoUpdateLayerId = createSelector(getMapById, function (store) {
  */
 var getAutoTimeStepLayerId = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.autoTimeStepLayerId;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets span of a time slider of a map
  *
@@ -4204,7 +4242,7 @@ var getAutoTimeStepLayerId = createSelector(getMapById, function (store) {
  */
 var getMapTimeSliderSpan = createSelector(getMapById, function (store) {
   return store ? store.timeSliderSpan : defaultTimeSpan;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets time step of a map
  *
@@ -4216,10 +4254,10 @@ var getMapTimeSliderSpan = createSelector(getMapById, function (store) {
 var getMapTimeStep = createSelector(getMapById, function (store) {
   var _a;
   return (_a = store === null || store === void 0 ? void 0 : store.timeStep) !== null && _a !== void 0 ? _a : defaultTimeStep;
-});
+}, selectorMemoizationOptions);
 var getMapTimeStepWithoutDefault = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.timeStep;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the speed of animation
  *
@@ -4230,7 +4268,7 @@ var getMapTimeStepWithoutDefault = createSelector(getMapById, function (store) {
  */
 var getMapAnimationDelay = createSelector(getMapById, function (store) {
   return store ? store.animationDelay : defaultAnimationDelayAtStart;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the width of time slider
  *
@@ -4241,7 +4279,7 @@ var getMapAnimationDelay = createSelector(getMapById, function (store) {
  */
 var getMapTimeSliderWidth = createSelector(getMapById, function (store) {
   return store ? store.timeSliderWidth : 0;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the center time of time slider
  *
@@ -4252,7 +4290,7 @@ var getMapTimeSliderWidth = createSelector(getMapById, function (store) {
  */
 var getMapTimeSliderCenterTime = createSelector(getMapById, function (store) {
   return store ? store.timeSliderCenterTime : moment().unix();
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the unfiltered selected time of time slider
  * This is not used to set the selected time itself, which is controlled by TimeBounds where values are rounded.
@@ -4268,7 +4306,7 @@ var getTimeSliderUnfilteredSelectedTime = createSelector(getMapById, getSelected
     return undefined;
   }
   return (_a = store.timeSliderUnfilteredSelectedTime) !== null && _a !== void 0 ? _a : selectedTime;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the number of seconds per pixel on the time slider
  *
@@ -4279,7 +4317,7 @@ var getTimeSliderUnfilteredSelectedTime = createSelector(getMapById, getSelected
  */
 var getMapTimeSliderSecondsPerPx = createSelector(getMapById, function (store) {
   return store ? store.timeSliderSecondsPerPx : defaultSecondsPerPx;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns map is timestep auto
  *
@@ -4290,7 +4328,7 @@ var getMapTimeSliderSecondsPerPx = createSelector(getMapById, function (store) {
  */
 var isTimestepAuto = createSelector(getMapById, function (store) {
   return store ? store.isTimestepAuto : false;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns map is timespan auto
  *
@@ -4301,7 +4339,7 @@ var isTimestepAuto = createSelector(getMapById, function (store) {
  */
 var isTimeSpanAuto = createSelector(getMapById, function (store) {
   return store ? store.isTimeSpanAuto : false;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns map is time slider hover
  *
@@ -4312,7 +4350,7 @@ var isTimeSpanAuto = createSelector(getMapById, function (store) {
  */
 var isTimeSliderHoverOn = createSelector(getMapById, function (store) {
   return store ? store.isTimeSliderHoverOn : false;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns map if zoomcontrols are visible
  *
@@ -4323,7 +4361,7 @@ var isTimeSliderHoverOn = createSelector(getMapById, function (store) {
  */
 var isZoomControlsVisible = createSelector(getMapById, function (store) {
   return store ? store.shouldShowZoomControls : true;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns map is time slider visible
  *
@@ -4334,7 +4372,7 @@ var isZoomControlsVisible = createSelector(getMapById, function (store) {
  */
 var isTimeSliderVisible = createSelector(getMapById, function (store) {
   return store ? store.isTimeSliderVisible : true;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns is layer is active layer
  *
@@ -4348,7 +4386,7 @@ var getIsLayerActiveLayer = createSelector(getActiveLayerId, function (_store, _
   return layerId;
 }, function (activeLayerId, layerId) {
   return activeLayerId === layerId;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the mapId for given layerId
  *
@@ -4457,7 +4495,7 @@ var getPinLocation = createSelector(getMapById, function (store) {
  */
 var getDisableMapPin = createSelector(getMapById, function (store) {
   return store ? store.disableMapPin : false;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the display map pin boolean for the current map
  *
@@ -4468,7 +4506,7 @@ var getDisableMapPin = createSelector(getMapById, function (store) {
  */
 var getDisplayMapPin = createSelector(getMapById, function (store) {
   return store ? store.displayMapPin : false;
-});
+}, selectorMemoizationOptions);
 /**
  * Returns the legend id
  *
@@ -4479,7 +4517,7 @@ var getDisplayMapPin = createSelector(getMapById, function (store) {
  */
 var getLegendId = createSelector(getMapById, function (store) {
   return store ? store.legendId : undefined;
-});
+}, selectorMemoizationOptions);
 /**
  * Creates a MapPreset from mapId
  *
@@ -4572,11 +4610,12 @@ var getIsEnabledLayersForMapDimension = createSelector(getMapLayerIdsEnabled, fu
  */
 var getDockedLayerManagerSize = createSelector(getMapById, function (store) {
   return store ? store.dockedLayerManagerSize : 'sizeSmall';
-});
+}, selectorMemoizationOptions);
 
 var selectors$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getMapById: getMapById,
+  getAllMapsByIds: getAllMapsByIds,
   getAllMapIds: getAllMapIds,
   getFirstMap: getFirstMap,
   getFirstMapId: getFirstMapId,
@@ -5859,33 +5898,101 @@ function unregisterMapSaga(_ref7) {
     }, _callee7);
   })();
 }
+function setStepBackwardOrForwardSaga(_ref8) {
+  var payload = _ref8.payload;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+    var mapId, isForwardStep, timeStep, currentTime, _yield$select, _yield$select2, dataStartTime, dataEndTime, makeForwardStep, makeBackwardStep, selectedTimeString;
+    return _regeneratorRuntime().wrap(function _callee8$(_context10) {
+      while (1) switch (_context10.prev = _context10.next) {
+        case 0:
+          mapId = payload.mapId, isForwardStep = payload.isForwardStep;
+          _context10.next = 3;
+          return select(getMapTimeStep, mapId);
+        case 3:
+          timeStep = _context10.sent;
+          _context10.next = 6;
+          return select(getSelectedTime, mapId);
+        case 6:
+          currentTime = _context10.sent;
+          _context10.next = 9;
+          return select(getDataLimitsFromLayers, mapId);
+        case 9:
+          _yield$select = _context10.sent;
+          _yield$select2 = _slicedToArray(_yield$select, 2);
+          dataStartTime = _yield$select2[0];
+          dataEndTime = _yield$select2[1];
+          if (!isValid(currentTime)) {
+            _context10.next = 23;
+            break;
+          }
+          makeForwardStep = function makeForwardStep() {
+            var nextTime = currentTime + timeStep;
+            var roundedTime = mapUtils.roundWithTimeStep(nextTime, timeStep, 'ceil');
+            var newTime = Math.min(roundedTime, dataEndTime || roundedTime);
+            return fromUnixTime(newTime).toISOString();
+          };
+          makeBackwardStep = function makeBackwardStep() {
+            var nextTime = currentTime - timeStep;
+            var roundedTime = mapUtils.roundWithTimeStep(nextTime, timeStep, 'floor');
+            var newTime = Math.max(roundedTime, dataStartTime || roundedTime);
+            return fromUnixTime(newTime).toISOString();
+          };
+          selectedTimeString = isForwardStep ? makeForwardStep() : makeBackwardStep();
+          _context10.next = 19;
+          return put(mapActions.mapStopAnimation({
+            mapId: mapId,
+            origin: MapActionOrigin.map
+          }));
+        case 19:
+          _context10.next = 21;
+          return put(mapActions.toggleAutoUpdate({
+            mapId: mapId,
+            shouldAutoUpdate: false
+          }));
+        case 21:
+          _context10.next = 23;
+          return put(genericActions.setTime({
+            origin: '',
+            sourceId: mapId,
+            value: handleMomentISOString(selectedTimeString)
+          }));
+        case 23:
+        case "end":
+          return _context10.stop();
+      }
+    }, _callee8);
+  })();
+}
 function rootSaga$5() {
-  return _regeneratorRuntime().wrap(function rootSaga$(_context10) {
-    while (1) switch (_context10.prev = _context10.next) {
+  return _regeneratorRuntime().wrap(function rootSaga$(_context11) {
+    while (1) switch (_context11.prev = _context11.next) {
       case 0:
-        _context10.next = 2;
+        _context11.next = 2;
         return takeLatest(mapActions.mapStopAnimation.type, stopAnimationSaga);
       case 2:
-        _context10.next = 4;
+        _context11.next = 4;
         return takeLatest(mapActions.mapStartAnimation.type, startAnimationSaga);
       case 4:
-        _context10.next = 6;
+        _context11.next = 6;
         return takeLatest(layerActions.layerDelete.type, deleteLayerSaga);
       case 6:
-        _context10.next = 8;
+        _context11.next = 8;
         return takeLatest(layerActions.onUpdateLayerInformation.type, setLayerDimensionsSaga);
       case 8:
-        _context10.next = 10;
+        _context11.next = 10;
         return takeLatest(mapActions.toggleAutoUpdate.type, toggleAutoUpdateSaga);
       case 10:
-        _context10.next = 12;
+        _context11.next = 12;
         return takeEvery(mapActions.setMapPreset.type, setMapPresetSaga);
       case 12:
-        _context10.next = 14;
+        _context11.next = 14;
         return takeEvery(mapActions.unregisterMap.type, unregisterMapSaga);
       case 14:
+        _context11.next = 16;
+        return takeEvery(mapActions.setStepBackwardOrForward.type, setStepBackwardOrForwardSaga);
+      case 16:
       case "end":
-        return _context10.stop();
+        return _context11.stop();
     }
   }, _marked3$2);
 }
@@ -6072,6 +6179,9 @@ var findTargets = function findTargets(state, payload, actionType, sourceMapId)
  */
 var getLayerActionsTargets = function getLayerActionsTargets(state, payload, actionType) {
   var mapId = getMapIdFromLayerId(state, payload.layerId);
+  if (!mapId) {
+    return [];
+  }
   var foundTargets = findTargets(state, payload, actionType, mapId);
   return foundTargets.map(function (target) {
     var payload = target.payload;
@@ -6148,6 +6258,9 @@ var getLayerMoveActionsTargets = function getLayerMoveActionsTargets(state, payl
  */
 var getSetActiveLayerIdActionsTargets = function getSetActiveLayerIdActionsTargets(state, payload, actionType) {
   var sourceMapId = getMapIdFromLayerId(state, payload.layerId);
+  if (!sourceMapId) {
+    return [];
+  }
   var foundTargets = findTargets(state, payload, actionType, sourceMapId);
   return foundTargets.map(function (target) {
     return {
@@ -7937,4 +8050,4 @@ var useSetupDialog = function useSetupDialog(dialogType) {
   };
 };
 
-export { ThemeStoreProvider, appActions, appModuleConfig, coreModuleConfig, createStore, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, rootSaga$3 as genericSaga, selectors$3 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, initialState$4 as initialState, layerActions, reducer$7 as layerReducer, selectors$6 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, mapActions, constants$1 as mapConstants, enums as mapEnums, selectors$2 as mapSelectors, mapStoreActions, mapStoreModuleConfig, mapStoreReducers, types$4 as mapTypes, mapUtils, routerActions, routerModuleConfig, utils as routerUtils, selectorMemoizationOptions, serviceActions, selectors$1 as serviceSelectors, types as serviceTypes, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants as syncConstants, actions as syncGroupsActions, reducer$4 as syncGroupsReducer, selector as syncGroupsSelector, selectors$4 as syncGroupsSelectors, types$2 as syncGroupsTypes, types$2 as types, uiActions, uiModuleConfig, reducer$6 as uiReducer, selectors$5 as uiSelectors, types$3 as uiTypes, useSetupDialog, reducer$5 as webmapReducer };
+export { ThemeStoreProvider, appActions, appModuleConfig, coreModuleConfig, createStore, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, rootSaga$3 as genericSaga, selectors$3 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, initialState$4 as initialState, layerActions, reducer$7 as layerReducer, selectors$6 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, mapActions, constants$1 as mapConstants, enums as mapEnums, rootSaga$5 as mapSaga, selectors$2 as mapSelectors, mapStoreActions, mapStoreModuleConfig, mapStoreReducers, types$4 as mapTypes, mapUtils, routerActions, routerModuleConfig, utils as routerUtils, selectorMemoizationOptions, serviceActions, selectors$1 as serviceSelectors, types as serviceTypes, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants as syncConstants, actions as syncGroupsActions, reducer$4 as syncGroupsReducer, selector as syncGroupsSelector, selectors$4 as syncGroupsSelectors, types$2 as syncGroupsTypes, types$2 as types, uiActions, uiModuleConfig, reducer$6 as uiReducer, selectors$5 as uiSelectors, types$3 as uiTypes, useSetupDialog, reducer$5 as webmapReducer };