@opengeoweb/soundings 15.0.0 → 15.1.0

package/index.esm.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Menu, ListSubheader, Typography, MenuItem, Box, Card, Stack, IconButton, Tooltip, LinearProgress, List, ListItem, ListItemIcon, Checkbox, ListItemText, Grid, ListItemButton } from '@mui/material';
+import { range, minBy, isEqual } from 'lodash';
 import React, { useRef, useEffect, useMemo, useState, Fragment as Fragment$1 } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, CustomToggleButton, dateUtils, CustomSlider, AlertBanner, ToolContainerDraggable, StyledSelect, SearchField, CustomAccordion } from '@opengeoweb/shared';
+import { useDispatch, useSelector, shallowEqual } from 'react-redux';
+import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, CustomToggleButton, dateUtils, SwitchButton, CustomSlider, AlertBanner, ToolContainerDraggable, StyledSelect, SearchField, CustomAccordion } from '@opengeoweb/shared';
 import { selectorMemoizationOptions, uiSelectors, uiTypes, uiActions, genericSelectors, mapSelectors, genericActions, syncGroupsActions, mapActions, useSetupDialog, storeReducerMap, storeMiddlewares } from '@opengeoweb/store';
 import { ParseISOTimeRangeDuration, parseISO8601IntervalToDateInterval, webmapUtils } from '@opengeoweb/webmap';
 import { MapFeatureClass } from '@opengeoweb/webmap-react';
@@ -16,7 +17,6 @@ import { timesliderTranslations, TIME_SLIDER_NAMESPACE, BackwardForwardStepButto
 import { useResizable } from 'react-resizable-layout';
 import { useQueries } from '@tanstack/react-query';
 import { getHeaders, handleResponse } from '@opengeoweb/api';
-import { range, minBy } from 'lodash';
 import { createSlice, createSelector, combineReducers, configureStore } from '@reduxjs/toolkit';
 import { FixedSizeList } from 'react-window';
 
@@ -30,7 +30,9 @@ var en = {
 	options: "Options",
 	"diagram-SKEWT": "Skew-T",
 	"diagram-BIJVOET": "Bijvoet",
-	"diagram-EMAGRAM": "Emagram"
+	"diagram-EMAGRAM": "Emagram",
+	"soundings-toggle-location-markers-label": "Markers",
+	"soundings-toggle-location-markers-tooltip": "Show/hide location markers"
 };
 var no = {
 	sources: "Kilder",
@@ -42,7 +44,9 @@ var no = {
 	options: "Valg",
 	"diagram-SKEWT": "Skew-T",
 	"diagram-BIJVOET": "Bijvoet",
-	"diagram-EMAGRAM": "Emagram"
+	"diagram-EMAGRAM": "Emagram",
+	"soundings-toggle-location-markers-label": "ikke oversatt",
+	"soundings-toggle-location-markers-tooltip": "ikke oversatt"
 };
 var nl = {
 	sources: "Bronnen",
@@ -54,7 +58,9 @@ var nl = {
 	options: "Opties",
 	"diagram-SKEWT": "Skew-T",
 	"diagram-BIJVOET": "Bijvoet",
-	"diagram-EMAGRAM": "Emagram"
+	"diagram-EMAGRAM": "Emagram",
+	"soundings-toggle-location-markers-label": "Kaart locaties",
+	"soundings-toggle-location-markers-tooltip": "Toon/Verberg locatie punten"
 };
 var fi = {
 	sources: "Lähteet",
@@ -66,7 +72,9 @@ var fi = {
 	options: "Valinnat",
 	"diagram-SKEWT": "Skew-T",
 	"diagram-BIJVOET": "Bijvoet",
-	"diagram-EMAGRAM": "Emagram"
+	"diagram-EMAGRAM": "Emagram",
+	"soundings-toggle-location-markers-label": "Merkit",
+	"soundings-toggle-location-markers-tooltip": "Näytä/piilota kohdemerkit"
 };
 var soundingsTranslations = {
 	en: en,
@@ -2850,10 +2858,28 @@ const useMultipleSources = (sources, locations, datetime) => {
       parameterMappings,
       verticalRange
     }, index) => {
-      // If acceptance time logic is needed, it could come here.
-      const dateToUse = datetime &&
-      // Only use selected time if exact match if found
-      timesteps[index].includes(new Date(datetime).toISOString()) ? datetime : '';
+      // Find the best matching timestep for this source
+      let dateToUse = '';
+      if (datetime && timesteps[index] && timesteps[index].length > 0) {
+        const requestedTime = new Date(datetime).getTime();
+        const availableTimesteps = timesteps[index];
+        // Check for exact match first
+        if (availableTimesteps.includes(new Date(datetime).toISOString())) {
+          dateToUse = datetime;
+        } else {
+          // Find nearest timestep (prefer earlier timesteps if equidistant)
+          let nearestTimestep = availableTimesteps[0];
+          let minDiff = Math.abs(new Date(availableTimesteps[0]).getTime() - requestedTime);
+          for (const timestep of availableTimesteps) {
+            const diff = Math.abs(new Date(timestep).getTime() - requestedTime);
+            if (diff < minDiff) {
+              minDiff = diff;
+              nearestTimestep = timestep;
+            }
+          }
+          dateToUse = nearestTimestep;
+        }
+      }
       const queryParams = constructQueryParams(collectionId, url, instanceId, locations[collectionId] || '', dateToUse || '', parameterMappings || defaultParameterMappings, verticalRange || '');
       return queryParams;
     });
@@ -3056,15 +3082,39 @@ const initialSoundingsState = {
   selectedSources: {},
   selectedLocations: {},
   selectedTime: new Date().toISOString(),
+  diagramType: 'SKEWT',
   soundingPanels: {
-    order: [],
-    entities: {}
-  }
+    order: ['soundings', 'windbarbs'],
+    entities: {
+      soundings: {
+        id: 'soundings',
+        name: 'Soundings',
+        isDisplayed: true
+      },
+      windbarbs: {
+        id: 'windbarbs',
+        name: 'Wind Barbs',
+        isDisplayed: true
+      }
+    }
+  },
+  shouldHideLocationMarkers: false
 };
 const slice = createSlice({
   initialState: initialSoundingsState,
   name: 'soundings',
   reducers: {
+    registerSoundingsPreset: (draft, payloadAction) => {
+      const preset = payloadAction.payload;
+      if (preset) {
+        draft.selectedSources = preset.selectedSources ?? {};
+        draft.selectedLocations = preset.selectedLocations ?? {};
+        draft.selectedTime = preset.selectedTime ?? new Date().toISOString();
+        draft.diagramType = preset.diagramType ?? 'SKEWT';
+        draft.soundingPanels = preset.soundingPanels ?? initialSoundingsState.soundingPanels;
+        draft.shouldHideLocationMarkers = preset.shouldHideLocationMarkers ?? false;
+      }
+    },
     updateSelectedSource: (draft, payloadAction) => {
       const {
         sourceId,
@@ -3088,6 +3138,15 @@ const slice = createSlice({
       } = payloadAction.payload;
       draft.selectedTime = selectedTime;
     },
+    updateDiagramType: (draft, payloadAction) => {
+      draft.diagramType = payloadAction.payload.diagramType;
+    },
+    toggleLocationMarkers: (draft, payloadAction) => {
+      const {
+        shouldHideLocationMarkers
+      } = payloadAction.payload;
+      draft.shouldHideLocationMarkers = shouldHideLocationMarkers;
+    },
     addSoundingPanelsFromPreset: (draft, payloadAction) => {
       const {
         order,
@@ -3131,7 +3190,9 @@ const getSourceSelections = createSelector(getSoundingsStore, store => {
   return store.selectedSources;
 }, selectorMemoizationOptions);
 const getLocationSelections = createSelector(getSoundingsStore, store => store.selectedLocations, selectorMemoizationOptions);
-const getSelectedTime = createSelector(getSoundingsStore, store => store.selectedTime, selectorMemoizationOptions);
+const getSelectedTime = createSelector(getSoundingsStore, store => store.selectedTime ?? new Date().toISOString(), selectorMemoizationOptions);
+const getDiagramType = createSelector(getSoundingsStore, store => store.diagramType ?? 'SKEWT', selectorMemoizationOptions);
+const getShouldHideLocationMarkers = createSelector(getSoundingsStore, store => store.shouldHideLocationMarkers ?? false, selectorMemoizationOptions);
 const getSelectedSources = createSelector(getSoundingsStore, store => {
   const sources = store.selectedSources;
   const activeSources = Object.keys(sources).reduce((list, key) => {
@@ -3139,11 +3200,11 @@ const getSelectedSources = createSelector(getSoundingsStore, store => {
     if (value.isChecked === true) {
       return list.concat({
         collectionId: key,
-        url: value.url,
+        url: value.url ?? '',
         instanceId: value.instanceId,
         verticalRange: value.verticalRange,
         parameterMappings: value.parameterMappings,
-        name: value.name || ''
+        name: value.name ?? ''
       });
     }
     return list;
@@ -3156,6 +3217,27 @@ const getSelectedSourcesAmount = createSelector(getSelectedSources, activeSource
 const getSelectedSourcesIds = createSelector(getSelectedSources, activeSources => {
   return activeSources.map(source => source.collectionId);
 }, selectorMemoizationOptions);
+const getSoundingsPreset = createSelector(getSoundingsStore, soundingsStore => {
+  const {
+    selectedTime,
+    selectedSources,
+    ...rest
+  } = soundingsStore;
+  const filteredSources = Object.entries(selectedSources).reduce((acc, [key, value]) => {
+    const {
+      instanceId,
+      ...sourceWithoutInstance
+    } = value;
+    return {
+      ...acc,
+      [key]: sourceWithoutInstance
+    };
+  }, {});
+  return {
+    ...rest,
+    selectedSources: filteredSources
+  };
+}, selectorMemoizationOptions);
 const getSoundingPanelsInOrder = createSelector(getSoundingsStore, store => {
   const {
     order = [],
@@ -3167,6 +3249,104 @@ const getSoundingPanelsInOrder = createSelector(getSoundingsStore, store => {
   return order.map(id => entities[id]);
 }, selectorMemoizationOptions);
 
+var selectors = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  getDiagramType: getDiagramType,
+  getLocationSelections: getLocationSelections,
+  getSelectedSources: getSelectedSources,
+  getSelectedSourcesAmount: getSelectedSourcesAmount,
+  getSelectedSourcesIds: getSelectedSourcesIds,
+  getSelectedTime: getSelectedTime,
+  getShouldHideLocationMarkers: getShouldHideLocationMarkers,
+  getSoundingPanelsInOrder: getSoundingPanelsInOrder,
+  getSoundingsPreset: getSoundingsPreset,
+  getSourceSelections: getSourceSelections
+});
+
+/* *
+ * 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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var SoundingsActionOrigin;
+(function (SoundingsActionOrigin) {
+  SoundingsActionOrigin["soundingsManager"] = "soundingsManager";
+  SoundingsActionOrigin["soundingsComponent"] = "soundingsComponent";
+})(SoundingsActionOrigin || (SoundingsActionOrigin = {}));
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  get SoundingsActionOrigin () { return SoundingsActionOrigin; }
+});
+
+const SoundingsMarkersSwitch = ({
+  shouldHideMarkers,
+  toggleMarkers
+}) => {
+  const {
+    t
+  } = useSoundingsTranslation();
+  return jsxs(Box, {
+    sx: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'flex-start',
+      'label:first-of-type': {
+        marginLeft: '5px',
+        marginRight: '-5px'
+      },
+      'label:last-of-type': {
+        marginLeft: '-5px'
+      },
+      '.switch-button label': {
+        display: 'none'
+      },
+      '.markers-label': {
+        display: 'none'
+      },
+      '@media (min-width: 720px)': {
+        minWidth: '146px',
+        '.markers-label, .switch-button label': {
+          display: 'initial'
+        }
+      }
+    },
+    children: [jsx(Typography, {
+      className: "markers-label",
+      sx: {
+        marginTop: '4px'
+      },
+      variant: "body2",
+      children: t('soundings-toggle-location-markers-label')
+    }), jsx(Box, {
+      sx: {
+        marginTop: '-5px'
+      },
+      children: jsx(SwitchButton, {
+        activeLabel: "ON",
+        checked: !shouldHideMarkers,
+        inActiveLabel: "OFF",
+        onChange: event => {
+          toggleMarkers(!event.target.checked);
+        },
+        tooltip: t('soundings-toggle-location-markers-tooltip')
+      })
+    })]
+  });
+};
+
 var MenuOptions;
 (function (MenuOptions) {
   MenuOptions["soundingsManager"] = "Sd Manager";
@@ -3180,7 +3360,9 @@ const buttonStyle = {
 const SoundingsMenuBar = ({
   handleClick,
   isOpen,
-  selectedSourcesAmount = 0
+  selectedSourcesAmount = 0,
+  shouldHideMarkers,
+  toggleMarkers
 }) => {
   const {
     t
@@ -3219,6 +3401,9 @@ const SoundingsMenuBar = ({
       sx: buttonStyle,
       variant: "tool",
       children: t('locations')
+    }), jsx(SoundingsMarkersSwitch, {
+      shouldHideMarkers: shouldHideMarkers,
+      toggleMarkers: toggleMarkers
     })]
   });
 };
@@ -3235,6 +3420,14 @@ const MenuBarConnect = ({
   const isLocationsOpenInStore = useSelector(store => uiSelectors.getisDialogOpen(store, uiTypes.DialogTypes.SoundingsLocations));
   const isSoundingsManagerOpenInStore = useSelector(store => uiSelectors.getisDialogOpen(store, uiTypes.DialogTypes.SoundingsManager));
   const sourcesAmount = useSelector(getSelectedSourcesAmount);
+  const shouldHideLocationMarkers = useSelector(getShouldHideLocationMarkers);
+  const toggleLocationMarkers = React.useCallback(shouldHide => {
+    dispatch(soundingsActions.toggleLocationMarkers({
+      shouldHideLocationMarkers: shouldHide,
+      panelId: viewId,
+      origin: SoundingsActionOrigin.soundingsComponent
+    }));
+  }, [dispatch, viewId]);
   const dispatchActiveMapId = React.useCallback((dialogType, isOpen, activeMapId) => void dispatch(uiActions.setActiveMapIdForDialog({
     type: dialogType,
     mapId: viewId,
@@ -3262,7 +3455,9 @@ const MenuBarConnect = ({
   return jsx(SoundingsMenuBar, {
     handleClick: handleClick,
     isOpen: isOpen,
-    selectedSourcesAmount: sourcesAmount
+    selectedSourcesAmount: sourcesAmount,
+    shouldHideMarkers: shouldHideLocationMarkers,
+    toggleMarkers: toggleLocationMarkers
   });
 };
 
@@ -3402,24 +3597,33 @@ const roundToClosestTimestep = (timeToRound, availableSteps) => {
   }
   return timeToRound;
 };
-const SoundingsTimeSliderConnect = () => {
+const SoundingsTimeSliderConnect = ({
+  viewId
+}) => {
   const selectedTime = useSelector(getSelectedTime);
   const sourceSelections = useSelector(getSelectedSources);
   const dispatch = useDispatch();
-  const updateSelectedTime = React.useCallback(selectedTime => {
+  const updateSelectedTime = React.useCallback((selectedTime, isInitialCorrection = false) => {
     dispatch(soundingsActions.updateSelectedTime({
-      selectedTime
+      selectedTime,
+      panelId: viewId,
+      origin: isInitialCorrection ? SoundingsActionOrigin.soundingsManager : SoundingsActionOrigin.soundingsComponent
     }));
-  }, [dispatch]);
+  }, [dispatch, viewId]);
   const {
     data: timesteps
   } = useTimesteps(sourceSelections);
   const mergedTimesteps = [...new Set(timesteps.flat())].sort();
+  const hasInitializedTime = React.useRef(false);
   // Ensure that the selected time is always one of the available timesteps
   const validSelectedTime = roundToClosestTimestep(selectedTime, mergedTimesteps);
   useEffect(() => {
     if (selectedTime !== validSelectedTime) {
-      updateSelectedTime(validSelectedTime);
+      const isInitial = !hasInitializedTime.current;
+      updateSelectedTime(validSelectedTime, isInitial);
+      if (isInitial) {
+        hasInitializedTime.current = true;
+      }
     }
   }, [selectedTime, updateSelectedTime, validSelectedTime]);
   return jsx(SoundingsTimeSlider, {
@@ -3458,33 +3662,80 @@ const useGetSize = viewRef => {
 };
 const SoundingsConnect = ({
   viewId,
-  diagramType = 'SKEWT'
+  soundingsPreset
 }) => {
   const viewRef = React.useRef(null);
   const size = useGetSize(viewRef);
-  const [chosenDiagramType, setChosenDiagramType] = React.useState(diagramType);
   const geojsonLayerId = React.useRef(webmapUtils.generateLayerId()).current;
   const dispatch = useDispatch();
+  const soundingsPresetRef = React.useRef();
+  const presetJustLoadedRef = React.useRef(false);
+  const initialLocationsRef = React.useRef({});
+  const previousLocationsRef = React.useRef({});
+  React.useLayoutEffect(() => {
+    if (soundingsPreset && !isEqual(soundingsPreset, soundingsPresetRef.current)) {
+      soundingsPresetRef.current = soundingsPreset;
+      presetJustLoadedRef.current = true;
+      initialLocationsRef.current = soundingsPreset.selectedLocations || {};
+      previousLocationsRef.current = {};
+      dispatch(soundingsActions.registerSoundingsPreset(soundingsPreset));
+      setTimeout(() => {
+        presetJustLoadedRef.current = false;
+        initialLocationsRef.current = {};
+      }, 500);
+    } else if (!soundingsPreset) {
+      soundingsPresetRef.current = undefined;
+      initialLocationsRef.current = {};
+      previousLocationsRef.current = {};
+    }
+  }, [dispatch, soundingsPreset, viewId]);
   const selectedTime = useSelector(getSelectedTime);
-  const sourceSelections = useSelector(getSelectedSources);
-  const locationSelections = useSelector(getLocationSelections);
-  const selectedFeature = useSelector(state => genericSelectors.getSelectedFeature(state.syncGroups, viewId));
-  const selectedMapIds = useSelector(state => genericSelectors.getLinkedMaps(state, viewId));
+  const sourceSelections = useSelector(getSelectedSources, shallowEqual);
+  const locationSelections = useSelector(getLocationSelections, shallowEqual);
+  const diagramType = useSelector(getDiagramType);
+  const shouldHideLocationMarkers = useSelector(getShouldHideLocationMarkers);
+  const setChosenDiagramType = React.useCallback(diagramType => {
+    dispatch(soundingsActions.updateDiagramType({
+      diagramType,
+      panelId: viewId,
+      origin: SoundingsActionOrigin.soundingsComponent
+    }));
+  }, [dispatch, viewId]);
+  const selectedFeature = useSelector(state => genericSelectors.getSelectedFeature(state.syncGroups, viewId), shallowEqual);
+  const selectedMapIds = useSelector(state => genericSelectors.getLinkedMaps(state, viewId), shallowEqual);
+  const firstMapId = selectedMapIds[0];
   const selectedMapPin = useSelector(state =>
   // mapPins are synced so we can arbitrarily choose the first linked map
-  mapSelectors.getPinLocation(state, selectedMapIds[0]));
-  const collections = useMemo(() => sourceSelections.map(({
-    collectionId,
-    url,
-    name
-  }) => ({
-    id: collectionId,
-    url,
-    name: name || collectionId
-  })), [sourceSelections]);
+  mapSelectors.getPinLocation(state, firstMapId), shallowEqual);
+  const collectionsRef = React.useRef();
+  const collections = useMemo(() => {
+    const newCollections = sourceSelections.map(({
+      collectionId,
+      url,
+      name
+    }) => ({
+      id: collectionId,
+      url,
+      name: name || collectionId
+    }));
+    if (isEqual(newCollections, collectionsRef.current)) {
+      return collectionsRef.current;
+    }
+    collectionsRef.current = newCollections;
+    return newCollections;
+  }, [sourceSelections]);
   const {
-    data: locationData
+    data: rawLocationData
   } = useGetCollectionLocations(collections, true);
+  // Stabilize locationData to prevent infinite loops caused by new array references
+  const locationDataRef = React.useRef();
+  const locationData = useMemo(() => {
+    if (isEqual(rawLocationData, locationDataRef.current)) {
+      return locationDataRef.current;
+    }
+    locationDataRef.current = rawLocationData;
+    return rawLocationData;
+  }, [rawLocationData]);
   /* Make sure the map pin is visible when linking new maps */
   useEffect(() => {
     const toggleMapPinVisibility = displayMapPin => {
@@ -3502,25 +3753,26 @@ const SoundingsConnect = ({
     };
   }, [dispatch, selectedMapIds]);
   // construct and send geojson to map for drawing locations
-  useEffect(() => {
-    const geoJsonForMap = {
-      type: 'FeatureCollection',
-      features: (locationData || []).flatMap(({
-        id: serviceId,
-        features
-      }) => features.map(feature => ({
-        type: 'Feature',
-        geometry: feature.geometry,
+  const geoJsonForMap = useMemo(() => ({
+    type: 'FeatureCollection',
+    features: (locationData || []).flatMap(({
+      id: serviceId,
+      features
+    }) => features.map(feature => ({
+      type: 'Feature',
+      geometry: feature.geometry,
+      id: feature.id,
+      properties: {
+        name: feature.properties.name,
+        mapFeatureClass: MapFeatureClass.ObservationStation,
+        highlightSelectedFeature: selectedFeature?.id === feature.id,
         id: feature.id,
-        properties: {
-          name: feature.properties.name,
-          mapFeatureClass: MapFeatureClass.ObservationStation,
-          highlightSelectedFeature: selectedFeature?.id === feature.id,
-          id: feature.id,
-          serviceId
-        }
-      })))
-    };
+        serviceId,
+        hidden: shouldHideLocationMarkers
+      }
+    })))
+  }), [locationData, selectedFeature?.id, shouldHideLocationMarkers]);
+  useEffect(() => {
     dispatch(genericActions.addSharedData({
       panelId: viewId,
       data: {
@@ -3530,7 +3782,7 @@ const SoundingsConnect = ({
         }]
       }
     }));
-  }, [dispatch, geojsonLayerId, locationData, selectedFeature?.id, viewId]);
+  }, [dispatch, geojsonLayerId, geoJsonForMap, viewId]);
   useEffect(() => () => {
     if (viewId) {
       dispatch(syncGroupsActions.deleteSharedData({
@@ -3541,26 +3793,133 @@ const SoundingsConnect = ({
   // Map location selection has changed. Update soundings location
   // since the location menu may be out of sync
   useEffect(() => {
+    if (presetJustLoadedRef.current) {
+      return;
+    }
     const serviceId = selectedFeature?.serviceId;
-    if (serviceId) {
-      dispatch(soundingsActions.updateSelectedLocation({
-        sourceId: serviceId,
-        location: selectedFeature?.id
-      }));
+    const featureId = selectedFeature?.id;
+    if (serviceId && featureId) {
+      const currentLocation = locationSelectionsRef.current[serviceId];
+      const initialLocation = initialLocationsRef.current[serviceId];
+      if (currentLocation !== featureId && initialLocation !== featureId) {
+        dispatch(soundingsActions.updateSelectedLocation({
+          sourceId: serviceId,
+          location: featureId,
+          panelId: viewId,
+          origin: SoundingsActionOrigin.soundingsComponent
+        }));
+      }
     }
-  }, [dispatch, selectedFeature?.id, selectedFeature?.serviceId]);
-  // Map pin change on its own implies position selection
+  }, [dispatch, selectedFeature?.id, selectedFeature?.serviceId, viewId]);
+  // Use ref to avoid circular dependency when reading locationSelections
+  const locationSelectionsRef = React.useRef(locationSelections);
+  React.useEffect(() => {
+    locationSelectionsRef.current = locationSelections;
+  }, [locationSelections]);
+  // Makes position requests for all user-selected sources for the current map pin position.
+  // Map pin change on its own implies a new position selection.
   useEffect(() => {
-    // Use first source. Multiple sources will be implemented later.
-    // https://gitlab.com/opengeoweb/geoweb-assets/-/issues/4254
-    const source = sourceSelections[0];
-    if (source?.collectionId && !selectedFeature?.id && selectedMapPin?.lon && selectedMapPin.lat) {
-      dispatch(soundingsActions.updateSelectedLocation({
-        sourceId: source.collectionId,
-        location: [selectedMapPin.lon, selectedMapPin.lat]
-      }));
+    if (presetJustLoadedRef.current) {
+      return;
+    }
+    if (!selectedFeature?.id && !selectedMapPin?.id && selectedMapPin?.lon && selectedMapPin.lat) {
+      const newLocation = [selectedMapPin.lon, selectedMapPin.lat];
+      // Update location for all selected sources
+      sourceSelections.forEach(source => {
+        if (source?.collectionId) {
+          const currentLocation = locationSelectionsRef.current[source.collectionId];
+          const isSameLocation = Array.isArray(currentLocation) && currentLocation[0] === newLocation[0] && currentLocation[1] === newLocation[1];
+          if (!isSameLocation) {
+            dispatch(soundingsActions.updateSelectedLocation({
+              sourceId: source.collectionId,
+              location: newLocation,
+              panelId: viewId,
+              origin: SoundingsActionOrigin.soundingsComponent
+            }));
+          }
+        }
+      });
+    }
+  }, [selectedMapPin, selectedFeature?.id, sourceSelections, dispatch, viewId]);
+  useEffect(() => {
+    if (!locationData || locationData.length === 0) {
+      return;
+    }
+    if (selectedMapIds.length === 0) {
+      return;
+    }
+    let changedSourceId;
+    for (const source of sourceSelections) {
+      if (source?.collectionId) {
+        const currentLocation = locationSelections[source.collectionId];
+        const previousLocation = previousLocationsRef.current[source.collectionId];
+        if (currentLocation !== previousLocation) {
+          changedSourceId = source.collectionId;
+          if (!presetJustLoadedRef.current) {
+            break;
+          }
+        }
+      }
+    }
+    if (!changedSourceId) {
+      return;
+    }
+    const selectedLocation = locationSelections[changedSourceId];
+    if (!selectedLocation) {
+      return;
+    }
+    previousLocationsRef.current = {
+      ...previousLocationsRef.current,
+      [changedSourceId]: selectedLocation
+    };
+    const serviceData = locationData.find(service => service.id === changedSourceId);
+    if (!serviceData) {
+      return;
+    }
+    if (typeof selectedLocation === 'string') {
+      const foundFeature = serviceData.features.find(feature => feature.id === selectedLocation);
+      if (foundFeature?.geometry.type === 'Point') {
+        const [lon, lat] = foundFeature.geometry.coordinates;
+        const mapPinNeedsUpdate = selectedMapPin?.id !== selectedLocation || selectedMapPin?.lon !== lon || selectedMapPin?.lat !== lat;
+        const featureNeedsUpdate = selectedFeature?.id !== selectedLocation;
+        if (mapPinNeedsUpdate) {
+          selectedMapIds.forEach(mapId => {
+            dispatch(mapActions.setMapPinLocation({
+              mapId,
+              mapPinLocation: {
+                lon,
+                lat,
+                id: selectedLocation
+              }
+            }));
+          });
+        }
+        if (featureNeedsUpdate) {
+          dispatch(genericActions.addSharedData({
+            panelId: viewId,
+            data: {
+              selectedFeatureId: selectedLocation
+            }
+          }));
+        }
+      }
+    } else if (Array.isArray(selectedLocation)) {
+      const [lon, lat] = selectedLocation;
+      const needsUpdate = selectedMapPin?.lon !== lon || selectedMapPin?.lat !== lat;
+      if (needsUpdate) {
+        selectedMapIds.forEach(mapId => {
+          dispatch(mapActions.setMapPinLocation({
+            mapId,
+            mapPinLocation: {
+              lon,
+              lat
+            }
+          }));
+        });
+      }
     }
-  }, [selectedMapPin, selectedFeature?.id, sourceSelections, dispatch]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [locationData, locationSelections, sourceSelections, selectedMapIds, dispatch, viewId]);
   const {
     error,
     data,
@@ -3627,7 +3986,7 @@ const SoundingsConnect = ({
             },
             children: jsx(SharedMouseYProvider, {
               children: jsx(SortableAccordions, {
-                chosenDiagramType: chosenDiagramType,
+                chosenDiagramType: diagramType,
                 data: data,
                 onOrderChange: changeOrder,
                 setChosenDiagramType: setChosenDiagramType,
@@ -3642,7 +4001,9 @@ const SoundingsConnect = ({
               flex: '0 0 auto',
               height: `${TIMESLIDER_HEIGHT}px`
             },
-            children: jsx(SoundingsTimeSliderConnect, {})
+            children: jsx(SoundingsTimeSliderConnect, {
+              viewId: viewId
+            })
           })]
         })
       })]
@@ -3718,6 +4079,7 @@ const SoundingsSourceMenu = ({
           instanceId,
           url
         } = sourceSelections[collection.id] || {};
+        const sourceUrl = url || collection.url;
         const hasInstances = collection.instances.length > 0;
         const selectedInstanceId = instanceId || collection.instances[0]?.id || undefined;
         return jsxs(ListItem, {
@@ -3732,7 +4094,7 @@ const SoundingsSourceMenu = ({
               onChange: event => {
                 const verticalRange = selectedInstanceId !== undefined ? extractVerticalRange(collection, selectedInstanceId) : '';
                 updateCollection(collection.id, {
-                  url,
+                  url: sourceUrl,
                   isChecked: event.target.checked,
                   instanceId: selectedInstanceId,
                   verticalRange
@@ -3748,7 +4110,7 @@ const SoundingsSourceMenu = ({
               const instanceId = event.target.value;
               const verticalRange = extractVerticalRange(collection, instanceId);
               updateCollection(collection.id, {
-                url,
+                url: sourceUrl,
                 instanceId,
                 verticalRange
               });
@@ -3811,30 +4173,39 @@ const SoundingsSourceDialogConnect = ({
     dialogOrder,
     setDialogOrder
   } = useSetupDialog(uiTypes.DialogTypes.SoundingsSources);
+  const panelId = useSelector(store => uiSelectors.getDialogMapId(store, uiTypes.DialogTypes.SoundingsSources));
   const updateCollection = React.useCallback((sourceId, value) => {
     dispatch(soundingsActions.updateSelectedSource({
       sourceId,
-      value
+      value,
+      panelId,
+      origin: SoundingsActionOrigin.soundingsComponent
     }));
-  }, [dispatch]);
+  }, [dispatch, panelId]);
   const sourceSelections = useSelector(getSourceSelections);
   // Set mappings for each collection
   React.useEffect(() => {
     soundingsCollections?.forEach(collection => {
+      const currentSelection = sourceSelections[collection.id];
+      if (currentSelection?.url && currentSelection?.parameterMappings) {
+        return;
+      }
+      const newValue = {
+        url: collection.url,
+        isChecked: currentSelection?.isChecked || false,
+        parameterMappings: collection.parameterMappings,
+        ...(collection.name && collection.name !== '' ? {
+          name: collection.name
+        } : {})
+      };
       dispatch(soundingsActions.updateSelectedSource({
         sourceId: collection.id,
-        value: {
-          url: collection.url,
-          isChecked: sourceSelections[collection.id]?.isChecked || false,
-          parameterMappings: collection.parameterMappings,
-          ...(collection.name && collection.name !== '' ? {
-            name: collection.name
-          } : {})
-        }
+        value: newValue,
+        origin: SoundingsActionOrigin.soundingsManager
       }));
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dispatch, soundingsCollections]);
+  }, [dispatch, soundingsCollections, panelId]);
   const {
     data,
     isPending,
@@ -4004,8 +4375,6 @@ const LocationsMenuConnect = ({
   const locationSelections = useSelector(getLocationSelections);
   const selectedSourceIds = useSelector(getSelectedSourcesIds);
   const sourcesAmount = useSelector(getSelectedSourcesAmount);
-  const panelId = useSelector(store => uiSelectors.getDialogMapId(store, uiTypes.DialogTypes.SoundingsLocations));
-  const selectedMapIds = useSelector(state => genericSelectors.getLinkedMaps(state, panelId));
   const {
     data,
     isPending,
@@ -4014,22 +4383,6 @@ const LocationsMenuConnect = ({
   const services = useMemo(() => {
     return data?.filter(service => selectedSourceIds.includes(service.id)) || [];
   }, [data, selectedSourceIds]);
-  const handleFeatureSelect = (panelId, featureId) => {
-    dispatch(genericActions.addSharedData({
-      panelId,
-      data: {
-        selectedFeatureId: featureId
-      }
-    }));
-  };
-  const setMapPinLocation = mapPinLocation => {
-    selectedMapIds.forEach(mapId => {
-      dispatch(mapActions.setMapPinLocation({
-        mapId,
-        mapPinLocation
-      }));
-    });
-  };
   return jsx(LocationsMenu, {
     error: error,
     isLoading: isPending,
@@ -4045,25 +4398,6 @@ const LocationsMenuConnect = ({
         sourceId,
         location: locationId
       }));
-      // Use first source. Multiple sources will be implemented later.
-      // https://gitlab.com/opengeoweb/geoweb-assets/-/issues/4254
-      const isFirstSource = sourceId === selectedSourceIds[0];
-      if (!isFirstSource) {
-        return;
-      }
-      if (locationId) {
-        handleFeatureSelect(panelId, locationId);
-      }
-      const foundFeature = services[0].features.find(feature => feature.id === locationId);
-      // check type for typescript
-      if (foundFeature?.geometry.type === 'Point') {
-        const [lon, lat] = foundFeature.geometry.coordinates;
-        setMapPinLocation({
-          lon,
-          lat,
-          id: locationId
-        });
-      }
     }
   });
 };
@@ -4211,7 +4545,7 @@ const SoundingsManagerConnect = () => {
 const soundingsLookUp = payload => {
   if (payload.componentType === 'Soundings') {
     return jsx(SoundingsConnect, {
-      diagramType: payload.diagramType ? payload.diagramType : 'SKEWT',
+      soundingsPreset: payload.initialProps,
       viewId: payload.id
     });
   }
@@ -4246,4 +4580,4 @@ const createMockStore = mockState => configureStore({
   middleware: getDefaultMiddleware => getDefaultMiddleware().concat(storeMiddlewares)
 });
 
-export { LocationsMenuConnect, SOUNDINGS_NAMESPACE, SoundingsConnect, SoundingsManagerConnect, SoundingsSourceDialogConnect, createMockStore, initSoundingsI18n, soundingDiagrams, soundingsLookUp, soundingsReducersMap, soundingsTranslations, translateInTestsAndStories, useSoundingsTranslation };
+export { LocationsMenuConnect, SOUNDINGS_NAMESPACE, SoundingsActionOrigin, SoundingsConnect, SoundingsManagerConnect, SoundingsSourceDialogConnect, types as SoundingsTypes, createMockStore, initSoundingsI18n, soundingDiagrams, soundingsActions, soundingsLookUp, soundingsReducer, soundingsReducersMap, selectors as soundingsSelectors, soundingsTranslations, translateInTestsAndStories, useSoundingsTranslation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/soundings",
-  "version": "15.0.0",
+  "version": "15.1.0",
   "description": "GeoWeb soundings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,24 +8,24 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/api": "15.0.0",
+    "@opengeoweb/api": "15.1.0",
     "@tanstack/react-query": "^5.85.5",
     "react": "^18.3.1",
     "d3": "^7.9.0",
     "react-i18next": "^15.1.1",
     "i18next": "^25.0.1",
-    "@opengeoweb/shared": "15.0.0",
+    "@opengeoweb/shared": "15.1.0",
     "@mui/material": "^7.0.1",
-    "@opengeoweb/store": "15.0.0",
+    "@opengeoweb/store": "15.1.0",
     "react-redux": "^9.2.0",
-    "@opengeoweb/theme": "15.0.0",
+    "@opengeoweb/theme": "15.1.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/time-slider": "15.0.0",
+    "@opengeoweb/time-slider": "15.1.0",
     "react-window": "^1.8.10",
-    "@opengeoweb/webmap": "15.0.0",
+    "@opengeoweb/webmap": "15.1.0",
     "lodash": "^4.17.21",
     "@types/geojson": "^7946.0.14",
-    "@opengeoweb/webmap-react": "15.0.0",
+    "@opengeoweb/webmap-react": "15.1.0",
     "react-resizable-layout": "^0.7.3",
     "react-sortablejs": "^6.1.4"
   },

package/src/index.d.ts

@@ -5,3 +5,5 @@ export * from './lib/utils/soundingsLookUp';
 export * from './lib/api/edr-api/types';
 export * from './lib/store/store';
 export * from './lib/utils/i18n';
+export * as SoundingsTypes from './lib/store/types';
+export { SoundingsActionOrigin } from './lib/store/types';

package/src/lib/api/edr-api/hooks.d.ts

@@ -1,8 +1,8 @@
-import type { SoundingsCollection } from '@opengeoweb/shared';
+import type { Coordinates, SoundingsCollection } from '@opengeoweb/shared';
 import type { SoundingFeature } from './types';
 import type { ServiceWithLocations } from '../../components/MenuBar/LocationsMenu';
 import type { SoundingsCollectionsWithInstances } from '../../components/Soundings/types';
-import type { Coordinates, SourceType } from '../../store/types';
+import type { SourceType } from '../../store/types';
 export declare const sortSoundingFeatures: (data: SoundingFeature[]) => SoundingFeature[];
 export declare const defaultParameterMappings: {
     temperature: string;

package/src/lib/components/MenuBar/LocationsMenu.d.ts

@@ -1,5 +1,5 @@
+import type { Coordinates } from '@opengeoweb/shared';
 import type { LocationsResponseFromBE } from '../../api/edr-api/types';
-import type { Coordinates } from '../../store/types';
 export type ServiceWithLocations = LocationsResponseFromBE & {
     id: string;
     name: string;

package/src/lib/components/MenuBar/MenuBar.d.ts

@@ -8,6 +8,8 @@ interface SoundingsMenuBarProps {
     handleClick: (menuType: MenuOptions) => void;
     isOpen: Record<MenuOptions, boolean>;
     selectedSourcesAmount?: number;
+    shouldHideMarkers: boolean;
+    toggleMarkers: (shouldHideMarkers: boolean) => void;
 }
-export declare const SoundingsMenuBar: ({ handleClick, isOpen, selectedSourcesAmount, }: SoundingsMenuBarProps) => React.ReactElement;
+export declare const SoundingsMenuBar: ({ handleClick, isOpen, selectedSourcesAmount, shouldHideMarkers, toggleMarkers, }: SoundingsMenuBarProps) => React.ReactElement;
 export {};

package/src/lib/components/MenuBar/SoundingsMarkersSwitch.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SoundingsMarkersSwitchProps {
+    shouldHideMarkers: boolean;
+    toggleMarkers: (shouldHideMarkers: boolean) => void;
+}
+export declare const SoundingsMarkersSwitch: React.FC<SoundingsMarkersSwitchProps>;

package/src/lib/components/MenuBar/SoundingsMarkersSwitch.spec.d.ts

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

package/src/lib/components/MenuBar/SoundingsSourceMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SourceSelection } from '../../store/types';
+import type { SourceSelection } from '@opengeoweb/shared';
 import type { SoundingsCollectionsWithInstances } from '../Soundings/types';
 interface SoundingsSourceMenuProps {
     soundingsCollections: SoundingsCollectionsWithInstances[] | undefined;

package/src/lib/components/Soundings/SoundingsConnect.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { SoundingDiagramType } from '../../api/edr-api/types';
+import type { SoundingsStore } from '../../store/types';
 interface SoundingsConnectProps {
     viewId: string;
-    diagramType?: SoundingDiagramType;
+    soundingsPreset?: SoundingsStore;
 }
-export declare const SoundingsConnect: ({ viewId, diagramType, }: SoundingsConnectProps) => React.ReactElement;
+export declare const SoundingsConnect: ({ viewId, soundingsPreset, }: SoundingsConnectProps) => React.ReactElement;
 export {};

package/src/lib/components/SoundingsTimeSlider/SoundingsTimeSliderConnect.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const SoundingsTimeSliderConnect: () => React.ReactElement;
+interface SoundingsTimeSliderConnectProps {
+    viewId: string;
+}
+export declare const SoundingsTimeSliderConnect: ({ viewId, }: SoundingsTimeSliderConnectProps) => React.ReactElement;
+export {};

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

@@ -1,10 +1,13 @@
 import type { Draft, PayloadAction } from '@reduxjs/toolkit';
-import type { SoundingPanels, SoundingsStore, UpdateLocationPayload, UpdateSourcePayload, UpdateTimePayload } from './types';
+import type { SoundingPanels, SoundingsStore, UpdateLocationPayload, UpdateSourcePayload, UpdateTimePayload, UpdateDiagramTypePayload, ToggleLocationMarkersPayload } from './types';
 export declare const initialSoundingsState: SoundingsStore;
 export declare const soundingsReducer: import("redux").Reducer<SoundingsStore>, soundingsActions: import("@reduxjs/toolkit").CaseReducerActions<{
+    registerSoundingsPreset: (draft: Draft<SoundingsStore>, payloadAction: PayloadAction<SoundingsStore>) => void;
     updateSelectedSource: (draft: Draft<SoundingsStore>, payloadAction: PayloadAction<UpdateSourcePayload>) => void;
     updateSelectedLocation: (draft: Draft<SoundingsStore>, payloadAction: PayloadAction<UpdateLocationPayload>) => void;
     updateSelectedTime: (draft: Draft<SoundingsStore>, payloadAction: PayloadAction<UpdateTimePayload>) => void;
+    updateDiagramType: (draft: Draft<SoundingsStore>, payloadAction: PayloadAction<UpdateDiagramTypePayload>) => void;
+    toggleLocationMarkers: (draft: Draft<SoundingsStore>, payloadAction: PayloadAction<ToggleLocationMarkersPayload>) => void;
     addSoundingPanelsFromPreset: (draft: Draft<SoundingsStore>, payloadAction: PayloadAction<SoundingPanels>) => void;
     changeSoundingPanelOrder: (draft: Draft<SoundingsStore>, payloadAction: PayloadAction<{
         newOrderOfIds: string[];

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

@@ -1,4 +1,5 @@
-import type { SoundingsModuleState, SoundingsStore, SourceSelection, SourceType } from './types';
+import type { SourceSelection } from '@opengeoweb/shared';
+import type { SoundingsModuleState, SoundingsStore, SourceType } from './types';
 export declare const getSourceSelections: ((state: SoundingsModuleState) => Record<string, SourceSelection>) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -20,18 +21,18 @@ export declare const getSourceSelections: ((state: SoundingsModuleState) => Reco
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getLocationSelections: ((state: SoundingsModuleState) => Record<string, string | import("./types").Coordinates | undefined>) & {
+export declare const getLocationSelections: ((state: SoundingsModuleState) => Record<string, string | import("@opengeoweb/shared").Coordinates | undefined>) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: SoundingsStore) => Record<string, string | import("./types").Coordinates | undefined>;
-    memoizedResultFunc: ((resultFuncArgs_0: SoundingsStore) => Record<string, string | import("./types").Coordinates | undefined>) & {
+    resultFunc: (resultFuncArgs_0: SoundingsStore) => Record<string, string | import("@opengeoweb/shared").Coordinates | undefined>;
+    memoizedResultFunc: ((resultFuncArgs_0: SoundingsStore) => Record<string, string | import("@opengeoweb/shared").Coordinates | undefined>) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => Record<string, string | import("./types").Coordinates | undefined>;
+    lastResult: () => Record<string, string | import("@opengeoweb/shared").Coordinates | undefined>;
     dependencies: [(store: SoundingsModuleState) => SoundingsStore];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -62,6 +63,48 @@ export declare const getSelectedTime: ((state: SoundingsModuleState) => string)
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+export declare const getDiagramType: ((state: SoundingsModuleState) => "SKEWT" | "BIJVOET" | "EMAGRAM") & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: SoundingsStore) => "SKEWT" | "BIJVOET" | "EMAGRAM";
+    memoizedResultFunc: ((resultFuncArgs_0: SoundingsStore) => "SKEWT" | "BIJVOET" | "EMAGRAM") & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => "SKEWT" | "BIJVOET" | "EMAGRAM";
+    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const getShouldHideLocationMarkers: ((state: SoundingsModuleState) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: SoundingsStore) => boolean;
+    memoizedResultFunc: ((resultFuncArgs_0: SoundingsStore) => boolean) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => boolean;
+    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
 export declare const getSelectedSources: ((state: SoundingsModuleState) => SourceType[]) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -165,6 +208,27 @@ export declare const getSelectedSourcesIds: ((state: SoundingsModuleState) => st
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+export declare const getSoundingsPreset: ((state: SoundingsModuleState) => SoundingsStore) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: SoundingsStore) => SoundingsStore;
+    memoizedResultFunc: ((resultFuncArgs_0: SoundingsStore) => SoundingsStore) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => SoundingsStore;
+    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
 export declare const getSoundingPanelsInOrder: ((state: SoundingsModuleState) => import("./types").SoundingPanel[]) & {
     clearCache: () => void;
     resultsCount: () => number;

package/src/lib/store/store.d.ts

@@ -1,6 +1,9 @@
 import type { Store } from '@reduxjs/toolkit';
 import type { UIModuleState, WebMapStateModuleState } from '@opengeoweb/store';
 import type { SoundingsModuleState } from './types';
+export * as soundingsSelectors from './selectors';
+export { soundingsReducer, soundingsActions } from './reducer';
+export type { SoundingsModuleState, SoundingsStore } from './types';
 export declare const soundingsReducersMap: {
     webmap: import("redux").Reducer<import("dist/libs/store/src/store/map/types").WebMapState>;
     services: import("redux").Reducer<import("dist/libs/store/src/store/map/types").ServiceState>;

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

@@ -1,3 +1,8 @@
+import type { Coordinates, SourceSelection } from '@opengeoweb/shared';
+export declare enum SoundingsActionOrigin {
+    soundingsManager = "soundingsManager",
+    soundingsComponent = "soundingsComponent"
+}
 export interface SourceType {
     collectionId: string;
     url: string;
@@ -6,27 +11,27 @@ export interface SourceType {
     parameterMappings?: Record<string, string>;
     name?: string;
 }
-export interface UpdateSourcePayload {
+export interface SoundingsPayload {
+    panelId?: string;
+    origin?: string;
+}
+export interface UpdateSourcePayload extends SoundingsPayload {
     sourceId: string;
     value: SourceSelection;
 }
-export interface SourceSelection {
-    url: string;
-    instanceId?: string;
-    isChecked?: boolean;
-    verticalRange?: string;
-    parameterMappings?: Record<string, string>;
-    name?: string;
-}
-export interface UpdateLocationPayload {
+export interface UpdateLocationPayload extends SoundingsPayload {
     sourceId: string;
     location: string | Coordinates | undefined;
 }
-export interface UpdateTimePayload {
+export interface UpdateTimePayload extends SoundingsPayload {
     selectedTime: string;
 }
-/** [lon, lat] */
-export type Coordinates = [number, number];
+export interface UpdateDiagramTypePayload extends SoundingsPayload {
+    diagramType: 'SKEWT' | 'BIJVOET' | 'EMAGRAM';
+}
+export interface ToggleLocationMarkersPayload extends SoundingsPayload {
+    shouldHideLocationMarkers: boolean;
+}
 export interface SoundingPanel {
     id: string;
     name: string;
@@ -42,9 +47,13 @@ export interface SoundingsStore {
     /** key: sourceId, value: locationId or position coordinates */
     selectedLocations: Record<string, string | Coordinates | undefined>;
     /** ISO date, e.g., 2025-01-02T12:00:00.000Z */
-    selectedTime: string;
+    selectedTime?: string;
+    /** Diagram type: SKEWT, BIJVOET, or EMAGRAM */
+    diagramType?: 'SKEWT' | 'BIJVOET' | 'EMAGRAM';
     soundingPanels: SoundingPanels;
+    /** Whether to hide location markers on the map */
+    shouldHideLocationMarkers?: boolean;
 }
 export interface SoundingsModuleState {
-    soundings: SoundingsStore;
+    soundings?: SoundingsStore;
 }

package/src/lib/utils/soundingsLookUp.d.ts

@@ -1,10 +1,9 @@
-import type { SoundingDiagramType } from '../api/edr-api/types';
+import type { SoundingsStore } from '../store/types';
 export type SoundingsComponentType = 'Soundings';
 export interface SoundingsLookUpPayload {
     componentType: SoundingsComponentType;
     id: string;
     title?: string;
-    diagramType?: SoundingDiagramType;
-    initialProps: Record<string, unknown>;
+    initialProps: SoundingsStore;
 }
 export declare const soundingsLookUp: (payload: SoundingsLookUpPayload) => React.JSX.Element | null;