@opengeoweb/store 9.34.0 → 9.35.1-spike-oltanstack.0

package/index.esm.js

@@ -1,11 +1,11 @@
-import { webmapUtils, parseISO8601IntervalToDateInterval, LayerType, getWMJSMapById, webmapTestSettings, WMLayer, getWMSRequests, handleDateUtilsISOString, isProjectionSupported, getCapabilities } from '@opengeoweb/webmap';
+import { webmapUtils, parseISO8601IntervalToDateInterval, LayerType, getWMJSMapById, webmapTestSettings, WMLayer, getWMSRequests, handleDateUtilsISOString, isProjectionSupported, queryWMSLayers } from '@opengeoweb/webmap';
 import { createAction, createSlice, createSelector, createListenerMiddleware, isAnyOf, createEntityAdapter } from '@reduxjs/toolkit';
 import { getGeoJson, moveFeature, createInterSections, getLastEmptyFeatureIndex, defaultLayers, addSelectionTypeToGeoJSON, getFeatureCollection, emptyGeoJSON, defaultIntersectionStyleProperties } from '@opengeoweb/webmap-react';
 export { defaultLayers } from '@opengeoweb/webmap-react';
 import { dateUtils, PROJECTION, defaultDelay, withEggs } from '@opengeoweb/shared';
 import { defaultTimeStep, defaultTimeSpan, defaultAnimationDelayAtStart, defaultSecondsPerPx, roundWithTimeStep, getSpeedDelay } from '@opengeoweb/timeslider';
 import { produce } from 'immer';
-import { isEqual, isEmpty, compact } from 'lodash';
+import { isEqual, isEmpty, pick, compact } from 'lodash';
 import { useSelector, useDispatch, Provider } from 'react-redux';
 import { useCallback, useEffect } from 'react';
 import { metronome } from '@opengeoweb/metronome';
@@ -3463,23 +3463,60 @@ var initialState$3 = {
       sourcesById: []
     }
   },
-  linkedState: {}
+  linkedState: {
+    links: {},
+    sharedData: {}
+  },
+  isTimeScrollingEnabled: false
 };
 var slice$4 = createSlice({
   initialState: initialState$3,
   name: 'synchronizationGroupsReducer',
   reducers: {
-    changeLinkedMap: function changeLinkedMap(draft, action) {
+    /** Sets the links map.
+     *  This is used to override the links when changing workspaces.
+     * @param draft sync state
+     * @param {Record<string, string[]>} action.newLinks the new links object
+     */
+    setLinkedMap: function setLinkedMap(draft, action) {
+      var newLinks = action.payload.newLinks;
+      draft.linkedState.links = newLinks;
+    },
+    /** Updates the links map.
+     *  This is used to update the links when operating the link menu.
+     * @param draft sync state
+     * @param {string} action.panelId id of the panel updating it's links
+     * @param {string[]} action.mapIds the new linked maps
+     */
+    updateLinkedMap: function updateLinkedMap(draft, action) {
       var _action$payload = action.payload,
         panelId = _action$payload.panelId,
         mapIds = _action$payload.mapIds;
-      draft.linkedState[panelId] = mapIds;
+      draft.linkedState.links[panelId] = mapIds;
     },
-    syncGroupAddSource: function syncGroupAddSource(draft, action) {
+    addSharedData: function addSharedData(draft, action) {
       var _action$payload2 = action.payload,
-        id = _action$payload2.id,
-        payloadType = _action$payload2.type,
-        defaultPayload = _action$payload2.defaultPayload;
+        panelId = _action$payload2.panelId,
+        data = _action$payload2.data;
+      draft.linkedState.sharedData[panelId] = Object.assign({}, draft.linkedState.sharedData[panelId], data);
+    },
+    deleteSharedData: function deleteSharedData(draft, action) {
+      var panelId = action.payload.panelId;
+      delete draft.linkedState.links[panelId];
+      delete draft.linkedState.sharedData[panelId];
+    },
+    setFeatureSelected: function setFeatureSelected(draft, action) {
+      var _action$payload3 = action.payload,
+        mapId = _action$payload3.mapId,
+        featureId = _action$payload3.featureId;
+      var sharedData = draft.linkedState.sharedData[mapId];
+      sharedData.selectedFeatureId = featureId;
+    },
+    syncGroupAddSource: function syncGroupAddSource(draft, action) {
+      var _action$payload4 = action.payload,
+        id = _action$payload4.id,
+        payloadType = _action$payload4.type,
+        defaultPayload = _action$payload4.defaultPayload;
       if (!draft.sources.byId[id]) {
         draft.sources.byId[id] = {
           types: payloadType,
@@ -3514,10 +3551,10 @@ var slice$4 = createSlice({
     },
     syncGroupAddTarget: function syncGroupAddTarget(draft, action) {
       var _synchronizationGroup;
-      var _action$payload3 = action.payload,
-        groupId = _action$payload3.groupId,
-        targetId = _action$payload3.targetId,
-        linked = _action$payload3.linked;
+      var _action$payload5 = action.payload,
+        groupId = _action$payload5.groupId,
+        targetId = _action$payload5.targetId,
+        linked = _action$payload5.linked;
       var synchronizationGroup = draft.groups.byId[groupId];
       if (!synchronizationGroup) {
         console.warn("SYNCGROUPS_ADD_TARGET: Group " + groupId + " does not exist.");
@@ -3541,9 +3578,9 @@ var slice$4 = createSlice({
       }
     },
     syncGroupRemoveTarget: function syncGroupRemoveTarget(draft, action) {
-      var _action$payload4 = action.payload,
-        groupId = _action$payload4.groupId,
-        targetId = _action$payload4.targetId;
+      var _action$payload6 = action.payload,
+        groupId = _action$payload6.groupId,
+        targetId = _action$payload6.targetId;
       if (!draft.groups.byId[groupId]) {
         return;
       }
@@ -3556,20 +3593,20 @@ var slice$4 = createSlice({
       });
     },
     syncGroupLinkTarget: function syncGroupLinkTarget(draft, action) {
-      var _action$payload5 = action.payload,
-        groupId = _action$payload5.groupId,
-        targetId = _action$payload5.targetId,
-        linked = _action$payload5.linked;
+      var _action$payload7 = action.payload,
+        groupId = _action$payload7.groupId,
+        targetId = _action$payload7.targetId,
+        linked = _action$payload7.linked;
       if (!draft.groups.byId[groupId] || !draft.groups.byId[groupId].targets.byId[targetId]) {
         return;
       }
       draft.groups.byId[groupId].targets.byId[targetId].linked = linked;
     },
     syncGroupAddGroup: function syncGroupAddGroup(draft, action) {
-      var _action$payload6 = action.payload,
-        groupId = _action$payload6.groupId,
-        type = _action$payload6.type,
-        title = _action$payload6.title;
+      var _action$payload8 = action.payload,
+        groupId = _action$payload8.groupId,
+        type = _action$payload8.type,
+        title = _action$payload8.title;
       if (draft.groups.byId[groupId]) {
         return;
       }
@@ -3603,6 +3640,9 @@ var slice$4 = createSlice({
     syncGroupSetViewState: function syncGroupSetViewState(draft, action) {
       var viewState = action.payload.viewState;
       draft.viewState = viewState;
+    },
+    syncGroupToggleIsTimeScrollingEnabled: function syncGroupToggleIsTimeScrollingEnabled(draft, action) {
+      draft.isTimeScrollingEnabled = action.payload.isTimeScrollingEnabled;
     }
   },
   extraReducers: function extraReducers(builder) {
@@ -3614,10 +3654,10 @@ var slice$4 = createSlice({
   }
 });
 var setBboxOrTimeSync = function setBboxOrTimeSync(draft, action) {
-  var _action$payload7 = action.payload,
-    targets = _action$payload7.targets,
-    source = _action$payload7.source,
-    groups = _action$payload7.groups;
+  var _action$payload9 = action.payload,
+    targets = _action$payload9.targets,
+    source = _action$payload9.source,
+    groups = _action$payload9.groups;
   var getPayLoadKey = function getPayLoadKey(type) {
     switch (type) {
       case setTimeSync.type:
@@ -3799,6 +3839,9 @@ var getAllTargetGroupsForSource = createSelector([syncGroupStore, getSourceId],
 var syncGroupGetViewState = createSelector(syncGroupStore, function (store) {
   return store && store.viewState;
 }, selectorMemoizationOptions);
+var isTimeScrollingEnabled = createSelector(syncGroupStore, function (store) {
+  return store && store.isTimeScrollingEnabled;
+}, selectorMemoizationOptions);
 var getSyncedMapIdsForTimeslider = createSelector(syncGroupStore, function (store) {
   var _store$viewState$time, _store$viewState$time2;
   return (_store$viewState$time = (_store$viewState$time2 = store.viewState.timeslider.groups[0]) == null ? void 0 : _store$viewState$time2.selected) != null ? _store$viewState$time : [];
@@ -3830,6 +3873,7 @@ var selectors$5 = /*#__PURE__*/Object.freeze({
   getSynchronizationGroupState: getSynchronizationGroupState,
   getTargetGroups: getTargetGroups,
   getTargets: getTargets,
+  isTimeScrollingEnabled: isTimeScrollingEnabled,
   syncGroupGetViewState: syncGroupGetViewState,
   syncGroupStore: syncGroupStore
 });
@@ -4076,7 +4120,7 @@ var getSynchronizationGroupStore = createSelector(synchronizationGroupStore, fun
 }, selectorMemoizationOptions);
 /**
  * Returns the synchronization source by id
- * @param store The app store
+ * @param store The app  store
  * @param id The source id to find
  */
 var getSyncSourceBySourceId = function getSyncSourceBySourceId(state, id) {
@@ -4091,21 +4135,149 @@ var getSyncSourceBySourceId = function getSyncSourceBySourceId(state, id) {
 var getTime = createSelector(getSyncSourceBySourceId, function (store) {
   return store && store.payloadByType && store.payloadByType[SYNCGROUPS_TYPE_SETTIME] ? store.payloadByType[SYNCGROUPS_TYPE_SETTIME].value : null;
 }, selectorMemoizationOptions);
-var getSelectedMaps = createSelector([function (store) {
-  return store.linkedState;
-}, function (store, panelId) {
+var selectLinkedState = createSelector(synchronizationGroupStore, function (syncState) {
+  return syncState.linkedState;
+});
+var getLinkedMaps = createSelector([selectLinkedState, function (store, panelId) {
+  return panelId;
+}], function (linkedState, panelId) {
+  return linkedState.links[panelId] || [];
+}, selectorMemoizationOptions);
+var getLinkedFeatureProviders = function getLinkedFeatureProviders(linkedState, mapId) {
+  return Object.keys(linkedState.links).filter(function (panelId) {
+    return linkedState.links[panelId].find(function (id) {
+      return id === mapId;
+    });
+  });
+};
+var selectSharedData = createSelector([selectLinkedState, function (store, panelId) {
   return panelId;
 }], function (linkedState, panelId) {
-  return linkedState[panelId] || [];
+  return pick(linkedState == null ? void 0 : linkedState.sharedData, [panelId]);
+});
+var selectLinkedPanelId = createSelector([selectLinkedState, function (_, mapViewId) {
+  return mapViewId;
+}], function (linkedState, mapViewId) {
+  if (!linkedState || !linkedState.links) {
+    return undefined;
+  }
+  // Find the panelId where mapView(s) is linked
+  var panelId = Object.keys(linkedState.links).find(function (panelId) {
+    var _linkedState$links$pa;
+    return (_linkedState$links$pa = linkedState.links[panelId]) == null ? void 0 : _linkedState$links$pa.includes(mapViewId);
+  });
+  return panelId;
+});
+var selectMapViewsForPanelId = createSelector([function (linkedState, panelId) {
+  return linkedState.links[panelId];
+}], function (mapViews) {
+  if (!mapViews) {
+    return undefined;
+  }
+  return mapViews;
+});
+var selectLinkedFeatures = createSelector([function (linkedState) {
+  return linkedState;
+}, getLinkedFeatureProviders], function (linkedState, featureProviders) {
+  var features = featureProviders.flatMap(function (providerId) {
+    var _linkedState$sharedDa;
+    return ((_linkedState$sharedDa = linkedState.sharedData[providerId]) == null ? void 0 : _linkedState$sharedDa.features) || [];
+  }).filter(function (f) {
+    return f !== undefined;
+  });
+  return features;
+});
+var getSelectedFeature = createSelector([
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+function (state, mapId) {
+  var _state$linkedState;
+  var sharedData = (_state$linkedState = state.linkedState) == null ? void 0 : _state$linkedState.sharedData[mapId];
+  var _ref = sharedData || {},
+    _ref$features = _ref.features,
+    features = _ref$features === void 0 ? [] : _ref$features,
+    selectedFeatureId = _ref.selectedFeatureId;
+  return {
+    features: features,
+    selectedFeatureId: selectedFeatureId
+  };
+}], function (_ref2) {
+  var features = _ref2.features,
+    selectedFeatureId = _ref2.selectedFeatureId;
+  if (!selectedFeatureId) {
+    return null;
+  }
+  // Find the feature by the selectedFeatureId
+  var selectedFeature = features[0].geoJSON.features.find(function (feature) {
+    return feature.id === selectedFeatureId;
+  });
+  if (selectedFeature && selectedFeature.geometry.type === 'Point') {
+    var _selectedFeature$prop, _selectedFeature$prop2;
+    var coordinates = selectedFeature.geometry.coordinates;
+    return {
+      lat: coordinates[1],
+      lon: coordinates[0],
+      id: selectedFeature.id,
+      serviceId: (_selectedFeature$prop = selectedFeature.properties) == null ? void 0 : _selectedFeature$prop.serviceId,
+      collectionId: (_selectedFeature$prop2 = selectedFeature.properties) == null ? void 0 : _selectedFeature$prop2.collectionId
+    };
+  }
+  return null;
 });
 
 var selectors$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  getSelectedMaps: getSelectedMaps,
+  getLinkedFeatureProviders: getLinkedFeatureProviders,
+  getLinkedMaps: getLinkedMaps,
+  getSelectedFeature: getSelectedFeature,
   getSynchronizationGroupStore: getSynchronizationGroupStore,
-  getTime: getTime
+  getTime: getTime,
+  selectLinkedFeatures: selectLinkedFeatures,
+  selectLinkedPanelId: selectLinkedPanelId,
+  selectMapViewsForPanelId: selectMapViewsForPanelId,
+  selectSharedData: selectSharedData
 });
 
+/* *
+ * 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 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var useUpdateSharedData = function useUpdateSharedData(data, panelId) {
+  var linkedMaps = useSelector(function (store) {
+    return getLinkedMaps(store, panelId);
+  });
+  var dispatch = useDispatch();
+  useEffect(function () {
+    return function () {
+      if (panelId) {
+        dispatch(actions.deleteSharedData({
+          panelId: panelId
+        }));
+      }
+    };
+  }, [dispatch, panelId]);
+  useEffect(function () {
+    if (panelId && (linkedMaps == null ? void 0 : linkedMaps.length) > 0) {
+      dispatch(actions.addSharedData({
+        panelId: panelId,
+        data: data
+      }));
+    }
+  }, [panelId, linkedMaps, data, dispatch]);
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4287,6 +4459,7 @@ var selectors$3 = /*#__PURE__*/Object.freeze({
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var genericActions = Object.assign({}, actions, {
+  initialSyncState: initialState$3,
   setTime: setTime,
   setBbox: setBbox
 });
@@ -4925,8 +5098,8 @@ var getPinLocation = createSelector(getMapById, function (store) {
  * @param {string} mapId mapId: string - Id of the map
  * @returns {boolean} returnType: boolean
  */
-var getDisableMapPin = createSelector(getMapById, function (store) {
-  return store ? store.disableMapPin : false;
+var getDisableMapPin = createSelector([getMapById], function (map) {
+  return map == null ? void 0 : map.disableMapPin;
 }, selectorMemoizationOptions);
 /**
  * Returns the display map pin boolean for the current map
@@ -6647,7 +6820,7 @@ var fetchService = /*#__PURE__*/function () {
         case 0:
           _context.prev = 0;
           _context.next = 3;
-          return getCapabilities.getLayersFlattenedFromService(service.serviceUrl);
+          return queryWMSLayers(service.serviceUrl);
         case 3:
           layers = _context.sent;
           listenerApi.dispatch(serviceActions.serviceSetLayers(Object.assign({}, service, {
@@ -8002,15 +8175,7 @@ var mockStateMapWithLayer = function mockStateMapWithLayer(layer, mapId) {
       service: layer.service,
       dimensions: layer.dimensions
     }),
-    syncronizationGroupStore: {
-      groups: {
-        byId: {},
-        allIds: []
-      },
-      sources: {
-        byId: {},
-        allIds: []
-      },
+    syncronizationGroupStore: Object.assign({}, initialState$3, {
       viewState: {
         timeslider: {
           groups: [{
@@ -8027,9 +8192,8 @@ var mockStateMapWithLayer = function mockStateMapWithLayer(layer, mapId) {
           groups: [],
           sourcesById: []
         }
-      },
-      linkedState: {}
-    }
+      }
+    })
   };
 };
 var webmapStateWithMultipleLayers = function webmapStateWithMultipleLayers(layers, mapId) {
@@ -8066,15 +8230,7 @@ var mockStateMapWithMultipleLayers = function mockStateMapWithMultipleLayers(lay
       allIds: ['serviceid_1']
     },
     layers: createMultipleLayersState(layers, mapId),
-    syncronizationGroupStore: {
-      groups: {
-        byId: {},
-        allIds: []
-      },
-      sources: {
-        byId: {},
-        allIds: []
-      },
+    syncronizationGroupStore: Object.assign({}, initialState$3, {
       viewState: {
         timeslider: {
           groups: [{
@@ -8091,9 +8247,8 @@ var mockStateMapWithMultipleLayers = function mockStateMapWithMultipleLayers(lay
           groups: [],
           sourcesById: []
         }
-      },
-      linkedState: {}
-    }
+      }
+    })
   };
 };
 var testGeoJSON = {
@@ -8286,4 +8441,4 @@ var StoreProvider = function StoreProvider(_ref2) {
   });
 };
 
-export { IS_LEGEND_OPEN_BY_DEFAULT, StoreProvider, coreModuleConfig, createCustomStore, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, genericListener, selectors$4 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, getUserAddedServices, initialState$3 as initialState, layerActions, reducer$6 as layerReducer, selectors$7 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, constants as linkComponentTypesConstants, loadingIndicatorActions, constants$1 as loadingIndicatorConstants, loadingIndicatorReducer, selectors$3 as loadingIndicatorSelectors, mapActions, enums as mapEnums, mapListener, 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, setUserAddedServices, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants$2 as syncConstants, actions as syncGroupsActions, syncGroupsListener, reducer$3 as syncGroupsReducer, selector as syncGroupsSelector, selectors$5 as syncGroupsSelectors, types$2 as syncGroupsTypes, types$2 as types, uiActions, uiModuleConfig, reducer$5 as uiReducer, selectors$6 as uiSelectors, types$3 as uiTypes, useSetupDialog, reducer$4 as webmapReducer };
+export { IS_LEGEND_OPEN_BY_DEFAULT, StoreProvider, coreModuleConfig, createCustomStore, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, genericListener, selectors$4 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, getUserAddedServices, initialState$3 as initialState, layerActions, reducer$6 as layerReducer, selectors$7 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, constants as linkComponentTypesConstants, loadingIndicatorActions, constants$1 as loadingIndicatorConstants, loadingIndicatorReducer, selectors$3 as loadingIndicatorSelectors, mapActions, enums as mapEnums, mapListener, 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, setUserAddedServices, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants$2 as syncConstants, actions as syncGroupsActions, syncGroupsListener, reducer$3 as syncGroupsReducer, selector as syncGroupsSelector, selectors$5 as syncGroupsSelectors, types$2 as syncGroupsTypes, types$2 as types, uiActions, uiModuleConfig, reducer$5 as uiReducer, selectors$6 as uiSelectors, types$3 as uiTypes, useSetupDialog, useUpdateSharedData, reducer$4 as webmapReducer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "9.34.0",
+  "version": "9.35.1-spike-oltanstack.0",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

package/src/store/generic/hooks.d.ts

@@ -0,0 +1,2 @@
+import { PotentialData } from './synchronizationGroups/types';
+export declare const useUpdateSharedData: (data: PotentialData, panelId?: string) => void;

package/src/store/generic/index.d.ts

@@ -1,7 +1,15 @@
 export declare const genericActions: {
+    initialSyncState: import("./synchronizationGroups/types").SynchronizationGroupState;
     setTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetTimePayload, string>;
     setBbox: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetBboxPayload, string>;
-    changeLinkedMap: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").ChangeLinkedMap, "synchronizationGroupsReducer/changeLinkedMap">;
+    setLinkedMap: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").SetLinkedMap, "synchronizationGroupsReducer/setLinkedMap">;
+    updateLinkedMap: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").UpdateLinkedMap, "synchronizationGroupsReducer/updateLinkedMap">;
+    addSharedData: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").AddSharedData, "synchronizationGroupsReducer/addSharedData">;
+    deleteSharedData: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").DeleteSharedData, "synchronizationGroupsReducer/deleteSharedData">;
+    setFeatureSelected: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        mapId: string;
+        featureId: string;
+    }, "synchronizationGroupsReducer/setFeatureSelected">;
     syncGroupAddSource: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").SyncGroupsAddSourcePayload, "synchronizationGroupsReducer/syncGroupAddSource">;
     syncGroupRemoveSource: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").SyncGroupRemoveSourcePayload, "synchronizationGroupsReducer/syncGroupRemoveSource">;
     syncGroupAddTarget: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").SyncGroupAddTargetPayload, "synchronizationGroupsReducer/syncGroupAddTarget">;
@@ -11,8 +19,10 @@ export declare const genericActions: {
     syncGroupRemoveGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").SyncGroupRemoveGroupPayload, "synchronizationGroupsReducer/syncGroupRemoveGroup">;
     syncGroupClear: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"synchronizationGroupsReducer/syncGroupClear">;
     syncGroupSetViewState: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").SyncGroupSetViewStatePayload, "synchronizationGroupsReducer/syncGroupSetViewState">;
+    syncGroupToggleIsTimeScrollingEnabled: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").SyncGroupToggleIsTimeScrollingEnabled, "synchronizationGroupsReducer/syncGroupToggleIsTimeScrollingEnabled">;
 };
 export * as genericSelectors from './selectors';
+export * from './hooks';
 export * from './synchronizationGroups';
 export * as genericTypes from './types';
 export * from './loadingIndicator';

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

@@ -1,5 +1,5 @@
 import type { CoreAppStore } from '../types';
-import type { SynchronizationGroupState, SynchronizationSource } from './synchronizationGroups/types';
+import type { LinkedState, SynchronizationGroupState, SynchronizationSource } from './synchronizationGroups/types';
 export declare const getSynchronizationGroupStore: ((state: CoreAppStore) => SynchronizationGroupState) & import("reselect").OutputSelectorFields<(args_0: SynchronizationGroupState) => SynchronizationGroupState, {
     clearCache: () => void;
 }> & {
@@ -10,7 +10,57 @@ export declare const getTime: ((state: SynchronizationGroupState, id: string) =>
 }> & {
     clearCache: () => void;
 };
-export declare const getSelectedMaps: ((state: SynchronizationGroupState, panelId: string) => string[]) & import("reselect").OutputSelectorFields<(args_0: Record<string, string[]>, args_1: string) => string[], {
+export declare const getLinkedMaps: ((state: any, panelId: string) => string[]) & import("reselect").OutputSelectorFields<(args_0: LinkedState, args_1: string) => string[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getLinkedFeatureProviders: (linkedState: LinkedState, mapId: string) => string[];
+export declare const selectSharedData: ((state: any, panelId: string) => Pick<Record<string, import("./synchronizationGroups/types").PotentialData>, string>) & import("reselect").OutputSelectorFields<(args_0: LinkedState, args_1: string) => Pick<Record<string, import("./synchronizationGroups/types").PotentialData>, string>, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectLinkedPanelId: ((state: any, mapViewId: string) => string | undefined) & import("reselect").OutputSelectorFields<(args_0: LinkedState, args_1: string) => string | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectMapViewsForPanelId: ((state: LinkedState, panelId: string) => string[] | undefined) & import("reselect").OutputSelectorFields<(args_0: string[]) => string[] | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectLinkedFeatures: ((state: any, mapId: string) => {
+    id: string;
+    geoJSON: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+}[]) & import("reselect").OutputSelectorFields<(args_0: LinkedState, args_1: string[]) => {
+    id: string;
+    geoJSON: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+}[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getSelectedFeature: ((state: SynchronizationGroupState, mapId: string) => {
+    lat: number;
+    lon: number;
+    id: string;
+    serviceId: string;
+    collectionId: string;
+} | null) & import("reselect").OutputSelectorFields<(args_0: {
+    features: {
+        id: string;
+        geoJSON: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    }[];
+    selectedFeatureId: string | undefined;
+}) => {
+    lat: number;
+    lon: number;
+    id: string;
+    serviceId: string;
+    collectionId: string;
+} | null, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/src/store/generic/synchronizationGroups/reducer.d.ts

@@ -1,8 +1,26 @@
 import { PayloadAction, Draft } from '@reduxjs/toolkit';
-import { SynchronizationGroupState, SyncGroupAddTargetPayload, SyncGroupAddGroupPayload, SyncGroupRemoveTargetPayload, SyncGroupRemoveGroupPayload, SyncGroupSetViewStatePayload, SyncGroupLinkTargetPayload, SyncGroupRemoveSourcePayload, SyncGroupsAddSourcePayload, ChangeLinkedMap } from './types';
+import { SynchronizationGroupState, SyncGroupAddTargetPayload, SyncGroupAddGroupPayload, SyncGroupRemoveTargetPayload, SyncGroupRemoveGroupPayload, SyncGroupSetViewStatePayload, SyncGroupLinkTargetPayload, SyncGroupRemoveSourcePayload, SyncGroupsAddSourcePayload, SyncGroupToggleIsTimeScrollingEnabled, UpdateLinkedMap, AddSharedData, DeleteSharedData, SetLinkedMap } from './types';
 export declare const initialState: SynchronizationGroupState;
 export declare const slice: import("@reduxjs/toolkit").Slice<SynchronizationGroupState, {
-    changeLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<ChangeLinkedMap>) => void;
+    /** Sets the links map.
+     *  This is used to override the links when changing workspaces.
+     * @param draft sync state
+     * @param {Record<string, string[]>} action.newLinks the new links object
+     */
+    setLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SetLinkedMap>) => void;
+    /** Updates the links map.
+     *  This is used to update the links when operating the link menu.
+     * @param draft sync state
+     * @param {string} action.panelId id of the panel updating it's links
+     * @param {string[]} action.mapIds the new linked maps
+     */
+    updateLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<UpdateLinkedMap>) => void;
+    addSharedData: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<AddSharedData>) => void;
+    deleteSharedData: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<DeleteSharedData>) => void;
+    setFeatureSelected: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<{
+        mapId: string;
+        featureId: string;
+    }>) => void;
     syncGroupAddSource: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupsAddSourcePayload>) => void;
     syncGroupRemoveSource: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupRemoveSourcePayload>) => void;
     syncGroupAddTarget: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupAddTargetPayload>) => void;
@@ -12,10 +30,29 @@ export declare const slice: import("@reduxjs/toolkit").Slice<SynchronizationGrou
     syncGroupRemoveGroup: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupRemoveGroupPayload>) => void;
     syncGroupClear: () => SynchronizationGroupState;
     syncGroupSetViewState: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupSetViewStatePayload>) => void;
+    syncGroupToggleIsTimeScrollingEnabled: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupToggleIsTimeScrollingEnabled>) => void;
 }, "synchronizationGroupsReducer">;
 export declare const syncGroupAddGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<SyncGroupAddGroupPayload, "synchronizationGroupsReducer/syncGroupAddGroup">, syncGroupAddSource: import("@reduxjs/toolkit").ActionCreatorWithPayload<SyncGroupsAddSourcePayload, "synchronizationGroupsReducer/syncGroupAddSource">, syncGroupAddTarget: import("@reduxjs/toolkit").ActionCreatorWithPayload<SyncGroupAddTargetPayload, "synchronizationGroupsReducer/syncGroupAddTarget">, syncGroupClear: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"synchronizationGroupsReducer/syncGroupClear">, syncGroupLinkTarget: import("@reduxjs/toolkit").ActionCreatorWithPayload<SyncGroupLinkTargetPayload, "synchronizationGroupsReducer/syncGroupLinkTarget">, syncGroupRemoveGroup: import("@reduxjs/toolkit").ActionCreatorWithPayload<SyncGroupRemoveGroupPayload, "synchronizationGroupsReducer/syncGroupRemoveGroup">, syncGroupRemoveSource: import("@reduxjs/toolkit").ActionCreatorWithPayload<SyncGroupRemoveSourcePayload, "synchronizationGroupsReducer/syncGroupRemoveSource">, syncGroupRemoveTarget: import("@reduxjs/toolkit").ActionCreatorWithPayload<SyncGroupRemoveTargetPayload, "synchronizationGroupsReducer/syncGroupRemoveTarget">, syncGroupSetViewState: import("@reduxjs/toolkit").ActionCreatorWithPayload<SyncGroupSetViewStatePayload, "synchronizationGroupsReducer/syncGroupSetViewState">;
 export declare const actions: import("@reduxjs/toolkit").CaseReducerActions<{
-    changeLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<ChangeLinkedMap>) => void;
+    /** Sets the links map.
+     *  This is used to override the links when changing workspaces.
+     * @param draft sync state
+     * @param {Record<string, string[]>} action.newLinks the new links object
+     */
+    setLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SetLinkedMap>) => void;
+    /** Updates the links map.
+     *  This is used to update the links when operating the link menu.
+     * @param draft sync state
+     * @param {string} action.panelId id of the panel updating it's links
+     * @param {string[]} action.mapIds the new linked maps
+     */
+    updateLinkedMap: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<UpdateLinkedMap>) => void;
+    addSharedData: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<AddSharedData>) => void;
+    deleteSharedData: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<DeleteSharedData>) => void;
+    setFeatureSelected: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<{
+        mapId: string;
+        featureId: string;
+    }>) => void;
     syncGroupAddSource: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupsAddSourcePayload>) => void;
     syncGroupRemoveSource: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupRemoveSourcePayload>) => void;
     syncGroupAddTarget: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupAddTargetPayload>) => void;
@@ -25,4 +62,5 @@ export declare const actions: import("@reduxjs/toolkit").CaseReducerActions<{
     syncGroupRemoveGroup: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupRemoveGroupPayload>) => void;
     syncGroupClear: () => SynchronizationGroupState;
     syncGroupSetViewState: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupSetViewStatePayload>) => void;
+    syncGroupToggleIsTimeScrollingEnabled: (draft: Draft<SynchronizationGroupState>, action: PayloadAction<SyncGroupToggleIsTimeScrollingEnabled>) => void;
 }, "synchronizationGroupsReducer">, reducer: import("redux").Reducer<SynchronizationGroupState>;

package/src/store/generic/synchronizationGroups/selectors.d.ts

@@ -52,6 +52,11 @@ export declare const syncGroupGetViewState: ((state: CoreAppStore) => import("./
 }> & {
     clearCache: () => void;
 };
+export declare const isTimeScrollingEnabled: ((state: CoreAppStore) => boolean) & import("reselect").OutputSelectorFields<(args_0: SynchronizationGroupState) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 export declare const getSyncedMapIdsForTimeslider: ((state: CoreAppStore) => string[]) & import("reselect").OutputSelectorFields<(args_0: SynchronizationGroupState) => string[], {
     clearCache: () => void;
 }> & {

package/src/store/generic/synchronizationGroups/types.d.ts

@@ -29,6 +29,17 @@ export interface SynchronizationGroup {
         allIds: string[];
     };
 }
+export interface PotentialData {
+    features?: {
+        id: string;
+        geoJSON: GeoJSON.FeatureCollection;
+    }[];
+    selectedFeatureId?: string;
+}
+export interface LinkedState {
+    links: Record<string, string[]>;
+    sharedData: Record<string, PotentialData>;
+}
 type Origin = 'user' | 'system';
 export type SynchronizationSourcePayLoadByType = Record<string, GenericActionPayload>;
 export interface SynchronizationSource {
@@ -47,7 +58,8 @@ export interface SynchronizationGroupState {
     sources: SynchronizationSources;
     groups: SynchronizationGroups;
     viewState: SyncGroupViewState;
-    linkedState: Record<string, string[]>;
+    linkedState: LinkedState;
+    isTimeScrollingEnabled: boolean;
 }
 export interface SynchronizationGroupModuleState {
     syncronizationGroupStore?: SynchronizationGroupState;
@@ -90,6 +102,10 @@ export interface SyncGroupRemoveGroupPayload {
 export interface SyncGroupSetViewStatePayload {
     viewState: SyncGroupViewState;
 }
+export interface SyncGroupToggleIsTimeScrollingEnabled {
+    isTimeScrollingEnabled: boolean;
+    origin?: Origin;
+}
 export declare const SyncGroupTypeList: string[];
 export declare enum SyncGroupActionOrigin {
     delete = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_DELETEACTION",
@@ -98,8 +114,18 @@ export declare enum SyncGroupActionOrigin {
     add = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_ADDACTION",
     autoLayerId = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_AUTOLAYERIDACTION"
 }
-export interface ChangeLinkedMap {
+export interface SetLinkedMap {
+    newLinks: Record<string, string[]>;
+}
+export interface UpdateLinkedMap {
     panelId: string;
     mapIds: string[];
 }
+export interface AddSharedData {
+    panelId: string;
+    data: PotentialData;
+}
+export interface DeleteSharedData {
+    panelId: string;
+}
 export {};

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

@@ -52,6 +52,7 @@ export interface WebMap {
     displayMapPin?: boolean;
     legendId?: string;
     dockedLayerManagerSize?: DockedLayerManagerSize;
+    isTimeScrollingEnabled?: boolean;
     selectedMapIds?: string[];
 }
 export type DockedLayerManagerSize = 'sizeSmall' | 'sizeMedium' | 'sizeLarge' | '';