@opengeoweb/soundings 15.1.0 → 15.2.0

package/index.esm.js

@@ -17,8 +17,8 @@ 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 { createSlice, createSelector, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { FixedSizeList } from 'react-window';
+import { createSlice, createAction, createSelector, combineReducers, configureStore } from '@reduxjs/toolkit';
+import { List as List$1 } from 'react-window';
 
 var en = {
 	sources: "Sources",
@@ -31,6 +31,7 @@ var en = {
 	"diagram-SKEWT": "Skew-T",
 	"diagram-BIJVOET": "Bijvoet",
 	"diagram-EMAGRAM": "Emagram",
+	"coming-soon": "Coming soon",
 	"soundings-toggle-location-markers-label": "Markers",
 	"soundings-toggle-location-markers-tooltip": "Show/hide location markers"
 };
@@ -45,6 +46,7 @@ var no = {
 	"diagram-SKEWT": "Skew-T",
 	"diagram-BIJVOET": "Bijvoet",
 	"diagram-EMAGRAM": "Emagram",
+	"coming-soon": "Kommer snart",
 	"soundings-toggle-location-markers-label": "ikke oversatt",
 	"soundings-toggle-location-markers-tooltip": "ikke oversatt"
 };
@@ -59,6 +61,7 @@ var nl = {
 	"diagram-SKEWT": "Skew-T",
 	"diagram-BIJVOET": "Bijvoet",
 	"diagram-EMAGRAM": "Emagram",
+	"coming-soon": "Binnenkort beschikbaar",
 	"soundings-toggle-location-markers-label": "Kaart locaties",
 	"soundings-toggle-location-markers-tooltip": "Toon/Verberg locatie punten"
 };
@@ -73,6 +76,7 @@ var fi = {
 	"diagram-SKEWT": "Skew-T",
 	"diagram-BIJVOET": "Bijvoet",
 	"diagram-EMAGRAM": "Emagram",
+	"coming-soon": "Tulossa pian",
 	"soundings-toggle-location-markers-label": "Merkit",
 	"soundings-toggle-location-markers-tooltip": "Näytä/piilota kohdemerkit"
 };
@@ -925,7 +929,7 @@ const drawIsothermsBijvoet = ({
     const pathString = lineGenerator(points);
     const strID = `${temp}-isotherm-BIJVOET`;
     svg.append('path').attr('id', strID).attr('d', pathString).style('fill', 'none').style('stroke-width', temp % 10 === 0 ? 2 : 1).style('stroke', temp === 0 ? '#D27D2D' : 'orange').style('stroke-opacity', 0.5).attr('clip-path', `url(#clip-${d3GraphId}-BIJVOETd3)`);
-    if (temp % 10 === 0 && points[0] && points[0][1] === height) {
+    if (temp % 10 === 0 && points[0]?.[1] === height) {
       svg.append('text').text(temp).attr('text-anchor', 'middle').attr('x', `${points[0][0]}px`).attr('y', `${height + 12}px`).attr('fill', temp === 0 ? '#D27D2D' : 'orange').attr('font-size', '10px');
     }
   }
@@ -2047,7 +2051,8 @@ const SoundingsAccordion = React.forwardRef(({
   children,
   setSoundingsIsClosed,
   setPreviousHeight,
-  size
+  size,
+  isDisplayed
 }, aspectRatioRef) => {
   const containerRef = React.useRef(null);
   const widthRef = React.useRef(null);
@@ -2164,6 +2169,7 @@ const SoundingsAccordion = React.forwardRef(({
     };
   }, [autoSizing, minWidth, setContainerWidth]);
   const cardStyleWhenAuto = {
+    display: isDisplayed ? 'block' : 'none',
     width: 'auto',
     flex: '1 1 100%',
     minWidth: 0,
@@ -2171,12 +2177,14 @@ const SoundingsAccordion = React.forwardRef(({
     boxSizing: 'border-box'
   };
   const cardStyleWhenLocked = {
+    display: isDisplayed ? 'block' : 'none',
     width: containerWidth,
     flex: '0 1 auto',
     minWidth,
     maxWidth: maxWidth || '100%',
     boxSizing: 'border-box'
   };
+  //
   return jsx(Card, {
     className: "sortable-item",
     "data-autosizing": autoSizing ? 'true' : 'false',
@@ -2291,7 +2299,7 @@ const SortableAccordions = ({
 }) => {
   const [soundingsIsClosed, setSoundingsIsClosed] = React.useState(false);
   const [previousHeight, setPreviousHeight] = React.useState(size);
-  const createPanel = React.useCallback(id => {
+  const createPanel = React.useCallback((id, isDisplayed) => {
     const normalizedId = id.toLowerCase().replace(/\s+/g, '');
     switch (normalizedId) {
       case 'soundings':
@@ -2301,6 +2309,7 @@ const SortableAccordions = ({
             diagramType: chosenDiagramType,
             setDiagramType: setChosenDiagramType
           }),
+          isDisplayed: isDisplayed,
           name: "Soundings",
           ref: viewRef,
           setPreviousHeight: setPreviousHeight,
@@ -2324,6 +2333,7 @@ const SortableAccordions = ({
         });
       case 'windbarbs':
         return jsx(SoundingsAccordion, {
+          isDisplayed: isDisplayed,
           maxWidth: 200,
           name: "Wind Barbs",
           children: jsx(WindBarbs, {
@@ -2378,16 +2388,18 @@ const SortableAccordions = ({
         width: '100%'
       },
       tag: "div",
-      children: soundingPanelsInOrder.filter(entry => entry.isDisplayed).flatMap(({
-        id
+      children: soundingPanelsInOrder.flatMap(({
+        id,
+        isDisplayed
       }) => {
-        const panel = createPanel(id);
+        const panel = createPanel(id, isDisplayed);
         if (!panel) {
           return [];
         }
         return panel ? jsx(React.Fragment, {
           children: React.cloneElement(panel, {
             accordionId: id,
+            isDisplayed,
             handleButtonComponent: jsx(IconButton, {
               "aria-label": "drag-handle",
               className: "drag-handle",
@@ -3061,6 +3073,48 @@ const useGetCollectionLocations = (collections, enabled) => {
   });
 };
 
+/* *
+ * 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)
+ * */
+const emptyPanelIds = [];
+const toStringArray = value => {
+  if (!Array.isArray(value)) {
+    return emptyPanelIds;
+  }
+  return value.filter(item => typeof item === 'string');
+};
+const getRegisteredPanelIds = state => {
+  if (!state) {
+    return emptyPanelIds;
+  }
+  const registeredPanelIds = toStringArray(state.registeredPanelIds);
+  if (registeredPanelIds.length > 0) {
+    return registeredPanelIds;
+  }
+  return Object.keys(state.byId);
+};
+const isRegisteredPanelId = (state, panelId) => {
+  if (!panelId) {
+    return false;
+  }
+  return getRegisteredPanelIds(state).includes(panelId);
+};
+const getPanelIdFromAction = action => action.payload?.panelId;
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -3100,12 +3154,21 @@ const initialSoundingsState = {
   },
   shouldHideLocationMarkers: false
 };
+const initialState = {
+  byId: {},
+  registeredPanelIds: [],
+  soundingsCollections: []
+};
 const slice = createSlice({
   initialState: initialSoundingsState,
   name: 'soundings',
   reducers: {
+    registerSoundingsPanel: (draft, _payloadAction) => {
+    },
     registerSoundingsPreset: (draft, payloadAction) => {
-      const preset = payloadAction.payload;
+      const {
+        preset
+      } = payloadAction.payload;
       if (preset) {
         draft.selectedSources = preset.selectedSources ?? {};
         draft.selectedLocations = preset.selectedLocations ?? {};
@@ -3151,7 +3214,7 @@ const slice = createSlice({
       const {
         order,
         entities
-      } = payloadAction.payload;
+      } = payloadAction.payload.panels;
       draft.soundingPanels.order = order;
       draft.soundingPanels.entities = entities;
     },
@@ -3160,13 +3223,86 @@ const slice = createSlice({
         newOrderOfIds
       } = payloadAction.payload;
       draft.soundingPanels.order = newOrderOfIds;
+    },
+    toggleSoundingPanelVisibility: (draft, payloadAction) => {
+      const {
+        id
+      } = payloadAction.payload;
+      const panel = draft.soundingPanels.entities[id];
+      if (panel) {
+        panel.isDisplayed = !panel.isDisplayed;
+      }
     }
   }
 });
-const {
-  reducer: soundingsReducer,
-  actions: soundingsActions
-} = slice;
+const setSoundingsCollections = createAction('soundings/setCollections');
+const soundingsActions = {
+  ...slice.actions,
+  setSoundingsCollections
+};
+const shouldHandlePanelAction = (state, action) => {
+  return isRegisteredPanelId(state, getPanelIdFromAction(action));
+};
+const normalizeSoundingsState = state => {
+  if ('byId' in state) {
+    return state;
+  }
+  return {
+    ...initialState,
+    byId: {
+      ...initialState.byId,
+      default: state
+    },
+    registeredPanelIds: ['default']
+  };
+};
+const soundingsReducer = (state, action) => {
+  const normalizedState = normalizeSoundingsState(state ?? initialState);
+  if (action.type === setSoundingsCollections.type) {
+    const collections = action.payload;
+    if (collections === normalizedState.soundingsCollections) {
+      return normalizedState;
+    }
+    return {
+      ...normalizedState,
+      soundingsCollections: collections
+    };
+  }
+  if (action.type === slice.actions.registerSoundingsPanel.type) {
+    const {
+      panelId
+    } = action.payload;
+    if (!panelId) {
+      return normalizedState;
+    }
+    if (normalizedState.registeredPanelIds?.includes(panelId)) {
+      return normalizedState;
+    }
+    return {
+      ...normalizedState,
+      registeredPanelIds: [...(normalizedState.registeredPanelIds ?? []), panelId]
+    };
+  }
+  if (!shouldHandlePanelAction(normalizedState, action)) {
+    return normalizedState;
+  }
+  const panelId = getPanelIdFromAction(action);
+  if (!panelId) {
+    return normalizedState;
+  }
+  const currentPanelState = normalizedState.byId[panelId];
+  const nextPanelState = slice.reducer(currentPanelState ?? initialSoundingsState, action);
+  if (nextPanelState === currentPanelState) {
+    return normalizedState;
+  }
+  return {
+    ...normalizedState,
+    byId: {
+      ...normalizedState.byId,
+      [panelId]: nextPanelState
+    }
+  };
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3185,7 +3321,16 @@ const {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-const getSoundingsStore = store => store?.soundings || initialSoundingsState;
+const emptySoundingsCollections = [];
+const getSoundingsStore = (store, panelId) => {
+  const soundingsState = store?.soundings;
+  if (!panelId || !isRegisteredPanelId(soundingsState, panelId)) {
+    return initialSoundingsState;
+  }
+  const panelStore = soundingsState?.byId[panelId];
+  return panelStore ?? initialSoundingsState;
+};
+const getSoundingsCollections = store => store?.soundings?.soundingsCollections || emptySoundingsCollections;
 const getSourceSelections = createSelector(getSoundingsStore, store => {
   return store.selectedSources;
 }, selectorMemoizationOptions);
@@ -3238,14 +3383,15 @@ const getSoundingsPreset = createSelector(getSoundingsStore, soundingsStore => {
     selectedSources: filteredSources
   };
 }, selectorMemoizationOptions);
+const EMPTY_SOUDINGS_PANELS = {
+  order: [],
+  entities: {}
+};
 const getSoundingPanelsInOrder = createSelector(getSoundingsStore, store => {
   const {
     order = [],
     entities = {}
-  } = store.soundingPanels || {
-    order: [],
-    entities: {}
-  };
+  } = store.soundingPanels || EMPTY_SOUDINGS_PANELS;
   return order.map(id => entities[id]);
 }, selectorMemoizationOptions);
 
@@ -3259,6 +3405,7 @@ var selectors = /*#__PURE__*/Object.freeze({
   getSelectedTime: getSelectedTime,
   getShouldHideLocationMarkers: getShouldHideLocationMarkers,
   getSoundingPanelsInOrder: getSoundingPanelsInOrder,
+  getSoundingsCollections: getSoundingsCollections,
   getSoundingsPreset: getSoundingsPreset,
   getSourceSelections: getSourceSelections
 });
@@ -3413,14 +3560,19 @@ const MenuBarConnect = ({
   source
 }) => {
   const dispatch = useDispatch();
+  React.useEffect(() => {
+    dispatch(soundingsActions.registerSoundingsPanel({
+      panelId: viewId
+    }));
+  }, [dispatch, viewId]);
   const currentActiveMapIdSources = useSelector(store => uiSelectors.getDialogMapId(store, uiTypes.DialogTypes.SoundingsSources));
   const currentActiveMapIdLocations = useSelector(store => uiSelectors.getDialogMapId(store, uiTypes.DialogTypes.SoundingsLocations));
   const currentActiveMapIdsoundingsManager = useSelector(store => uiSelectors.getDialogMapId(store, uiTypes.DialogTypes.SoundingsManager));
   const isSourcesOpenInStore = useSelector(store => uiSelectors.getisDialogOpen(store, uiTypes.DialogTypes.SoundingsSources));
   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 sourcesAmount = useSelector(state => getSelectedSourcesAmount(state, viewId));
+  const shouldHideLocationMarkers = useSelector(state => getShouldHideLocationMarkers(state, viewId));
   const toggleLocationMarkers = React.useCallback(shouldHide => {
     dispatch(soundingsActions.toggleLocationMarkers({
       shouldHideLocationMarkers: shouldHide,
@@ -3450,7 +3602,7 @@ const MenuBarConnect = ({
   const isOpen = {
     [MenuOptions.sources]: currentActiveMapIdSources === viewId && isSourcesOpenInStore,
     [MenuOptions.locations]: currentActiveMapIdLocations === viewId && isLocationsOpenInStore,
-    [MenuOptions.soundingsManager]: isSoundingsManagerOpenInStore
+    [MenuOptions.soundingsManager]: currentActiveMapIdsoundingsManager === viewId && isSoundingsManagerOpenInStore
   };
   return jsx(SoundingsMenuBar, {
     handleClick: handleClick,
@@ -3600,8 +3752,8 @@ const roundToClosestTimestep = (timeToRound, availableSteps) => {
 const SoundingsTimeSliderConnect = ({
   viewId
 }) => {
-  const selectedTime = useSelector(getSelectedTime);
-  const sourceSelections = useSelector(getSelectedSources);
+  const selectedTime = useSelector(state => getSelectedTime(state, viewId));
+  const sourceSelections = useSelector(state => getSelectedSources(state, viewId));
   const dispatch = useDispatch();
   const updateSelectedTime = React.useCallback((selectedTime, isInitialCorrection = false) => {
     dispatch(soundingsActions.updateSelectedTime({
@@ -3673,12 +3825,18 @@ const SoundingsConnect = ({
   const initialLocationsRef = React.useRef({});
   const previousLocationsRef = React.useRef({});
   React.useLayoutEffect(() => {
+    dispatch(soundingsActions.registerSoundingsPanel({
+      panelId: viewId
+    }));
     if (soundingsPreset && !isEqual(soundingsPreset, soundingsPresetRef.current)) {
       soundingsPresetRef.current = soundingsPreset;
       presetJustLoadedRef.current = true;
       initialLocationsRef.current = soundingsPreset.selectedLocations || {};
       previousLocationsRef.current = {};
-      dispatch(soundingsActions.registerSoundingsPreset(soundingsPreset));
+      dispatch(soundingsActions.registerSoundingsPreset({
+        panelId: viewId,
+        preset: soundingsPreset
+      }));
       setTimeout(() => {
         presetJustLoadedRef.current = false;
         initialLocationsRef.current = {};
@@ -3689,11 +3847,11 @@ const SoundingsConnect = ({
       previousLocationsRef.current = {};
     }
   }, [dispatch, soundingsPreset, viewId]);
-  const selectedTime = useSelector(getSelectedTime);
-  const sourceSelections = useSelector(getSelectedSources, shallowEqual);
-  const locationSelections = useSelector(getLocationSelections, shallowEqual);
-  const diagramType = useSelector(getDiagramType);
-  const shouldHideLocationMarkers = useSelector(getShouldHideLocationMarkers);
+  const selectedTime = useSelector(state => getSelectedTime(state, viewId));
+  const sourceSelections = useSelector(state => getSelectedSources(state, viewId), shallowEqual);
+  const locationSelections = useSelector(state => getLocationSelections(state, viewId), shallowEqual);
+  const diagramType = useSelector(state => getDiagramType(state, viewId));
+  const shouldHideLocationMarkers = useSelector(state => getShouldHideLocationMarkers(state, viewId));
   const setChosenDiagramType = React.useCallback(diagramType => {
     dispatch(soundingsActions.updateDiagramType({
       diagramType,
@@ -3925,10 +4083,11 @@ const SoundingsConnect = ({
     data,
     isPending
   } = useMultipleSources(sourceSelections, locationSelections, selectedTime);
-  const soundingPanelsInOrder = useSelector(store => getSoundingPanelsInOrder(store));
+  const soundingPanelsInOrder = useSelector(store => getSoundingPanelsInOrder(store, viewId));
   const changeOrder = newOrder => {
     const orderedIds = newOrder.map(collection => collection.id);
     dispatch(soundingsActions.changeSoundingPanelOrder({
+      panelId: viewId,
       newOrderOfIds: orderedIds
     }));
   };
@@ -4182,10 +4341,17 @@ const SoundingsSourceDialogConnect = ({
       origin: SoundingsActionOrigin.soundingsComponent
     }));
   }, [dispatch, panelId]);
-  const sourceSelections = useSelector(getSourceSelections);
+  const soundingsCollectionsFromStore = useSelector(state => getSoundingsCollections(state));
+  const collections = soundingsCollections ?? soundingsCollectionsFromStore;
+  const sourceSelections = useSelector(state => getSourceSelections(state, panelId));
   // Set mappings for each collection
   React.useEffect(() => {
-    soundingsCollections?.forEach(collection => {
+    if (soundingsCollections && soundingsCollections.length > 0) {
+      dispatch(soundingsActions.setSoundingsCollections(soundingsCollections));
+    }
+  }, [dispatch, soundingsCollections]);
+  React.useEffect(() => {
+    collections?.forEach(collection => {
       const currentSelection = sourceSelections[collection.id];
       if (currentSelection?.url && currentSelection?.parameterMappings) {
         return;
@@ -4201,16 +4367,17 @@ const SoundingsSourceDialogConnect = ({
       dispatch(soundingsActions.updateSelectedSource({
         sourceId: collection.id,
         value: newValue,
+        panelId,
         origin: SoundingsActionOrigin.soundingsManager
       }));
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dispatch, soundingsCollections, panelId]);
+  }, [dispatch, collections, panelId]);
   const {
     data,
     isPending,
     error
-  } = useGetCollectionsInstances(soundingsCollections, isDialogOpen);
+  } = useGetCollectionsInstances(collections, isDialogOpen);
   return jsx(SoundingsSourceMenu, {
     error: error,
     handleClose: onCloseDialog,
@@ -4224,6 +4391,44 @@ const SoundingsSourceDialogConnect = ({
   });
 };
 
+const RowComponent = ({
+  index,
+  style,
+  service,
+  isChecked,
+  updateSelectedLocation
+}) => {
+  const location = service.features[index];
+  return jsx("div", {
+    style: style,
+    children: jsx(ListItem, {
+      disableGutters: true,
+      disablePadding: true,
+      children: jsxs(ListItemButton, {
+        dense: true,
+        onClick: () => {
+          updateSelectedLocation(service.id, isChecked(service.id, location.id) ? undefined : location.id);
+        },
+        children: [jsx(ListItemIcon, {
+          children: jsx(Checkbox, {
+            checked: isChecked(service.id, location.id),
+            disableRipple: true,
+            edge: "start",
+            slotProps: {
+              input: {
+                'aria-labelledby': location.id
+              }
+            },
+            tabIndex: -1
+          })
+        }), jsx(ListItemText, {
+          id: location.id,
+          primary: location.properties.name
+        })]
+      })
+    })
+  }, `${service.id}-${location.id}`);
+};
 const LocationsMenu = ({
   services,
   selectedSourcesAmount,
@@ -4315,45 +4520,18 @@ const LocationsMenu = ({
             }
           },
           title: service.name,
-          children: jsx(FixedSizeList, {
-            height: 320,
-            itemCount: service.features.length,
-            itemSize: 40,
-            width: "100%",
-            children: ({
-              index,
-              style
-            }) => {
-              const location = service.features[index];
-              return jsx("div", {
-                style: style,
-                children: jsx(ListItem, {
-                  disableGutters: true,
-                  disablePadding: true,
-                  children: jsxs(ListItemButton, {
-                    dense: true,
-                    onClick: () => {
-                      updateSelectedLocation(service.id, isChecked(service.id, location.id) ? undefined : location.id);
-                    },
-                    children: [jsx(ListItemIcon, {
-                      children: jsx(Checkbox, {
-                        checked: isChecked(service.id, location.id),
-                        disableRipple: true,
-                        edge: "start",
-                        slotProps: {
-                          input: {
-                            'aria-labelledby': location.id
-                          }
-                        },
-                        tabIndex: -1
-                      })
-                    }), jsx(ListItemText, {
-                      id: location.id,
-                      primary: location.properties.name
-                    })]
-                  })
-                })
-              }, `${service.id}-${location.id}`);
+          children: jsx(List$1, {
+            rowComponent: RowComponent,
+            rowCount: service.features.length,
+            rowHeight: 40,
+            rowProps: {
+              service,
+              isChecked,
+              updateSelectedLocation
+            },
+            style: {
+              height: 320,
+              width: '100%'
             }
           })
         })
@@ -4372,14 +4550,22 @@ const LocationsMenuConnect = ({
     dialogOrder,
     setDialogOrder
   } = useSetupDialog(uiTypes.DialogTypes.SoundingsLocations);
-  const locationSelections = useSelector(getLocationSelections);
-  const selectedSourceIds = useSelector(getSelectedSourcesIds);
-  const sourcesAmount = useSelector(getSelectedSourcesAmount);
+  const panelId = useSelector(store => uiSelectors.getDialogMapId(store, uiTypes.DialogTypes.SoundingsLocations));
+  const locationSelections = useSelector(state => getLocationSelections(state, panelId));
+  const selectedSourceIds = useSelector(state => getSelectedSourcesIds(state, panelId));
+  const sourcesAmount = useSelector(state => getSelectedSourcesAmount(state, panelId));
+  const soundingsCollectionsFromStore = useSelector(state => getSoundingsCollections(state));
+  const collections = soundingsCollections ?? soundingsCollectionsFromStore;
+  React.useEffect(() => {
+    if (soundingsCollections && soundingsCollections.length > 0) {
+      dispatch(soundingsActions.setSoundingsCollections(soundingsCollections));
+    }
+  }, [dispatch, soundingsCollections]);
   const {
     data,
     isPending,
     error
-  } = useGetCollectionLocations(soundingsCollections, isDialogOpen);
+  } = useGetCollectionLocations(collections, isDialogOpen);
   const services = useMemo(() => {
     return data?.filter(service => selectedSourceIds.includes(service.id)) || [];
   }, [data, selectedSourceIds]);
@@ -4396,7 +4582,8 @@ const LocationsMenuConnect = ({
     updateSelectedLocation: (sourceId, locationId) => {
       dispatch(soundingsActions.updateSelectedLocation({
         sourceId,
-        location: locationId
+        location: locationId,
+        panelId
       }));
     }
   });
@@ -4425,8 +4612,10 @@ var preset = {
 };
 
 const SoundingManagerListItem = ({
+  id,
   name,
-  isDisplayed
+  isDisplayed,
+  onToggleVisibility
 }) => {
   return jsx(Card, {
     className: "sortable-item",
@@ -4460,7 +4649,16 @@ const SoundingManagerListItem = ({
           display: 'flex',
           alignItems: 'center'
         },
-        children: isDisplayed ? jsx(Visibility, {}) : jsx(VisibilityOff, {})
+        children: jsx(IconButton, {
+          "aria-label": "toggle-visibility",
+          onClick: () => onToggleVisibility(id),
+          size: "small",
+          sx: {
+            width: '24px',
+            height: '24px'
+          },
+          children: isDisplayed ? jsx(Visibility, {}) : jsx(VisibilityOff, {})
+        })
       }), jsxs(Box, {
         sx: {
           paddingRight: '8px',
@@ -4478,7 +4676,8 @@ const SoundingsManager = ({
   onMouseDown,
   order,
   soundingPanelsInOrder,
-  onOrderChange
+  onOrderChange,
+  onToggleVisibility
 }) => {
   const sortableList = React.useMemo(() => soundingPanelsInOrder.map(collection => ({
     ...collection
@@ -4506,8 +4705,10 @@ const SoundingsManager = ({
         name,
         isDisplayed
       }) => jsx(SoundingManagerListItem, {
+        id: id,
         isDisplayed: isDisplayed,
-        name: name
+        name: name,
+        onToggleVisibility: onToggleVisibility
       }, id))
     })
   });
@@ -4521,22 +4722,33 @@ const SoundingsManagerConnect = () => {
     setDialogOrder
   } = useSetupDialog(uiTypes.DialogTypes.SoundingsManager);
   const dispatch = useDispatch();
+  const panelId = useSelector(store => uiSelectors.getDialogMapId(store, uiTypes.DialogTypes.SoundingsManager));
   React.useEffect(() => {
     const data = preset.SoundingManagerDummyPreset;
-    dispatch(soundingsActions.addSoundingPanelsFromPreset(data));
-  }, [dispatch]);
-  const soundingPanelsInOrder = useSelector(store => getSoundingPanelsInOrder(store));
+    dispatch(soundingsActions.addSoundingPanelsFromPreset({
+      panelId,
+      panels: data
+    }));
+  }, [dispatch, panelId]);
+  const soundingPanelsInOrder = useSelector(store => getSoundingPanelsInOrder(store, panelId));
   const changeOrder = newOrder => {
     const orderedIds = newOrder.map(collection => collection.id);
     dispatch(soundingsActions.changeSoundingPanelOrder({
+      panelId,
       newOrderOfIds: orderedIds
     }));
   };
+  const toggleVisibility = id => {
+    dispatch(soundingsActions.toggleSoundingPanelVisibility({
+      id
+    }));
+  };
   return jsx(SoundingsManager, {
     isOpen: isDialogOpen,
     onClose: onCloseDialog,
     onMouseDown: setDialogOrder,
     onOrderChange: changeOrder,
+    onToggleVisibility: toggleVisibility,
     order: dialogOrder,
     soundingPanelsInOrder: soundingPanelsInOrder
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/soundings",
-  "version": "15.1.0",
+  "version": "15.2.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.1.0",
+    "@opengeoweb/api": "15.2.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.1.0",
+    "@opengeoweb/shared": "15.2.0",
     "@mui/material": "^7.0.1",
-    "@opengeoweb/store": "15.1.0",
+    "@opengeoweb/store": "15.2.0",
     "react-redux": "^9.2.0",
-    "@opengeoweb/theme": "15.1.0",
+    "@opengeoweb/theme": "15.2.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/time-slider": "15.1.0",
-    "react-window": "^1.8.10",
-    "@opengeoweb/webmap": "15.1.0",
+    "@opengeoweb/time-slider": "15.2.0",
+    "react-window": "^2.2.6",
+    "@opengeoweb/webmap": "15.2.0",
     "lodash": "^4.17.21",
     "@types/geojson": "^7946.0.14",
-    "@opengeoweb/webmap-react": "15.1.0",
+    "@opengeoweb/webmap-react": "15.2.0",
     "react-resizable-layout": "^0.7.3",
     "react-sortablejs": "^6.1.4"
   },

package/src/index.d.ts

@@ -7,3 +7,4 @@ export * from './lib/store/store';
 export * from './lib/utils/i18n';
 export * as SoundingsTypes from './lib/store/types';
 export { SoundingsActionOrigin } from './lib/store/types';
+export type { SoundingsRootState } from './lib/store/types';

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { SoundingsCollection } from '@opengeoweb/shared';
 interface Props {
-    soundingsCollections: SoundingsCollection[];
+    soundingsCollections?: SoundingsCollection[];
 }
 export declare const LocationsMenuConnect: ({ soundingsCollections, }: Props) => React.ReactElement;
 export {};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface SoundingPanelPlaceholderProps {
+    panelName: string;
+}
+export declare const SoundingPanelPlaceholder: React.FC<SoundingPanelPlaceholderProps>;

package/src/lib/components/SoundingPanelPlaceholder/SoundingPanelPlaceholder.spec.d.ts

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

package/src/lib/components/SoundingPanelPlaceholder/index.d.ts

@@ -0,0 +1 @@
+export * from './SoundingPanelPlaceholder';

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

@@ -10,5 +10,6 @@ export interface SoundingsAccordionProps {
     setSoundingsIsClosed?: (isClosed: boolean) => void;
     setPreviousHeight?: (size: number) => void;
     size?: number;
+    isDisplayed?: boolean;
 }
 export declare const SoundingsAccordion: React.ForwardRefExoticComponent<SoundingsAccordionProps & React.RefAttributes<HTMLDivElement>>;

package/src/lib/components/SoundingsManager/SoundingManagerListItem.d.ts

@@ -1,4 +1,6 @@
-export declare const SoundingManagerListItem: ({ name, isDisplayed, }: {
+export declare const SoundingManagerListItem: ({ id, name, isDisplayed, onToggleVisibility, }: {
+    id: string;
     name: string;
     isDisplayed: boolean;
+    onToggleVisibility: (id: string) => void;
 }) => React.ReactElement;

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

@@ -11,6 +11,7 @@ interface SoundingsManagerProps {
         name: string;
         isDisplayed: boolean;
     }[]) => void;
+    onToggleVisibility: (id: string) => void;
 }
-export declare const SoundingsManager: ({ isOpen, onClose, onMouseDown, order, soundingPanelsInOrder, onOrderChange, }: SoundingsManagerProps) => React.ReactElement;
+export declare const SoundingsManager: ({ isOpen, onClose, onMouseDown, order, soundingPanelsInOrder, onOrderChange, onToggleVisibility, }: SoundingsManagerProps) => React.ReactElement;
 export {};

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

@@ -1,15 +1,24 @@
-import type { Draft, PayloadAction } from '@reduxjs/toolkit';
-import type { SoundingPanels, SoundingsStore, UpdateLocationPayload, UpdateSourcePayload, UpdateTimePayload, UpdateDiagramTypePayload, ToggleLocationMarkersPayload } from './types';
+import type { Reducer } from '@reduxjs/toolkit';
+import type { SoundingsCollection } from '@opengeoweb/shared';
+import type { SoundingsStore, RegisterSoundingsPresetPayload, UpdateLocationPayload, UpdateSourcePayload, UpdateTimePayload, UpdateDiagramTypePayload, ToggleLocationMarkersPayload, AddSoundingPanelsPayload, ChangeSoundingPanelOrderPayload, SoundingsState } 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[];
-    }>) => void;
-}, "soundings">;
+export declare const soundingsActions: {
+    setSoundingsCollections: import("@reduxjs/toolkit").ActionCreatorWithPayload<SoundingsCollection[], string>;
+    registerSoundingsPanel: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        panelId: string;
+    }, "soundings/registerSoundingsPanel">;
+    registerSoundingsPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<RegisterSoundingsPresetPayload, "soundings/registerSoundingsPreset">;
+    updateSelectedSource: import("@reduxjs/toolkit").ActionCreatorWithPayload<UpdateSourcePayload, "soundings/updateSelectedSource">;
+    updateSelectedLocation: import("@reduxjs/toolkit").ActionCreatorWithPayload<UpdateLocationPayload, "soundings/updateSelectedLocation">;
+    updateSelectedTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<UpdateTimePayload, "soundings/updateSelectedTime">;
+    updateDiagramType: import("@reduxjs/toolkit").ActionCreatorWithPayload<UpdateDiagramTypePayload, "soundings/updateDiagramType">;
+    toggleLocationMarkers: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleLocationMarkersPayload, "soundings/toggleLocationMarkers">;
+    addSoundingPanelsFromPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<AddSoundingPanelsPayload, "soundings/addSoundingPanelsFromPreset">;
+    changeSoundingPanelOrder: import("@reduxjs/toolkit").ActionCreatorWithPayload<ChangeSoundingPanelOrderPayload, "soundings/changeSoundingPanelOrder">;
+    toggleSoundingPanelVisibility: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        id: string;
+        panelId?: string;
+        origin?: string;
+    }, "soundings/toggleSoundingPanelVisibility">;
+};
+export declare const soundingsReducer: Reducer<SoundingsState>;

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

@@ -1,6 +1,7 @@
-import type { SourceSelection } from '@opengeoweb/shared';
+import type { SoundingsCollection, SourceSelection } from '@opengeoweb/shared';
 import type { SoundingsModuleState, SoundingsStore, SourceType } from './types';
-export declare const getSourceSelections: ((state: SoundingsModuleState) => Record<string, SourceSelection>) & {
+export declare const getSoundingsCollections: (store: SoundingsModuleState) => SoundingsCollection[];
+export declare const getSourceSelections: ((state: SoundingsModuleState, panelId?: string | undefined) => Record<string, SourceSelection>) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -12,7 +13,7 @@ export declare const getSourceSelections: ((state: SoundingsModuleState) => Reco
         resetResultsCount: () => void;
     };
     lastResult: () => Record<string, SourceSelection>;
-    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -21,7 +22,7 @@ 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("@opengeoweb/shared").Coordinates | undefined>) & {
+export declare const getLocationSelections: ((state: SoundingsModuleState, panelId?: string | undefined) => Record<string, string | import("@opengeoweb/shared").Coordinates | undefined>) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -33,7 +34,7 @@ export declare const getLocationSelections: ((state: SoundingsModuleState) => Re
         resetResultsCount: () => void;
     };
     lastResult: () => Record<string, string | import("@opengeoweb/shared").Coordinates | undefined>;
-    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -42,7 +43,7 @@ export declare const getLocationSelections: ((state: SoundingsModuleState) => Re
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getSelectedTime: ((state: SoundingsModuleState) => string) & {
+export declare const getSelectedTime: ((state: SoundingsModuleState, panelId?: string | undefined) => string) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -54,7 +55,7 @@ export declare const getSelectedTime: ((state: SoundingsModuleState) => string)
         resetResultsCount: () => void;
     };
     lastResult: () => string;
-    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -63,7 +64,7 @@ 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") & {
+export declare const getDiagramType: ((state: SoundingsModuleState, panelId?: string | undefined) => "SKEWT" | "BIJVOET" | "EMAGRAM") & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -75,7 +76,7 @@ export declare const getDiagramType: ((state: SoundingsModuleState) => "SKEWT" |
         resetResultsCount: () => void;
     };
     lastResult: () => "SKEWT" | "BIJVOET" | "EMAGRAM";
-    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -84,7 +85,7 @@ export declare const getDiagramType: ((state: SoundingsModuleState) => "SKEWT" |
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getShouldHideLocationMarkers: ((state: SoundingsModuleState) => boolean) & {
+export declare const getShouldHideLocationMarkers: ((state: SoundingsModuleState, panelId?: string | undefined) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -96,7 +97,7 @@ export declare const getShouldHideLocationMarkers: ((state: SoundingsModuleState
         resetResultsCount: () => void;
     };
     lastResult: () => boolean;
-    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -105,7 +106,7 @@ export declare const getShouldHideLocationMarkers: ((state: SoundingsModuleState
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getSelectedSources: ((state: SoundingsModuleState) => SourceType[]) & {
+export declare const getSelectedSources: ((state: SoundingsModuleState, panelId?: string | undefined) => SourceType[]) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -117,7 +118,7 @@ export declare const getSelectedSources: ((state: SoundingsModuleState) => Sourc
         resetResultsCount: () => void;
     };
     lastResult: () => SourceType[];
-    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -126,7 +127,7 @@ export declare const getSelectedSources: ((state: SoundingsModuleState) => Sourc
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getSelectedSourcesAmount: ((state: SoundingsModuleState) => number) & {
+export declare const getSelectedSourcesAmount: ((state: SoundingsModuleState, panelId?: string | undefined) => number) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -138,7 +139,7 @@ export declare const getSelectedSourcesAmount: ((state: SoundingsModuleState) =>
         resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: SoundingsModuleState) => SourceType[]) & {
+    dependencies: [((state: SoundingsModuleState, panelId?: string | undefined) => SourceType[]) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -150,7 +151,7 @@ export declare const getSelectedSourcesAmount: ((state: SoundingsModuleState) =>
             resetResultsCount: () => void;
         };
         lastResult: () => SourceType[];
-        dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+        dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
         recomputations: () => number;
         resetRecomputations: () => void;
         dependencyRecomputations: () => number;
@@ -167,7 +168,7 @@ export declare const getSelectedSourcesAmount: ((state: SoundingsModuleState) =>
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getSelectedSourcesIds: ((state: SoundingsModuleState) => string[]) & {
+export declare const getSelectedSourcesIds: ((state: SoundingsModuleState, panelId?: string | undefined) => string[]) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -179,7 +180,7 @@ export declare const getSelectedSourcesIds: ((state: SoundingsModuleState) => st
         resetResultsCount: () => void;
     };
     lastResult: () => string[];
-    dependencies: [((state: SoundingsModuleState) => SourceType[]) & {
+    dependencies: [((state: SoundingsModuleState, panelId?: string | undefined) => SourceType[]) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -191,7 +192,7 @@ export declare const getSelectedSourcesIds: ((state: SoundingsModuleState) => st
             resetResultsCount: () => void;
         };
         lastResult: () => SourceType[];
-        dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+        dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
         recomputations: () => number;
         resetRecomputations: () => void;
         dependencyRecomputations: () => number;
@@ -208,7 +209,7 @@ export declare const getSelectedSourcesIds: ((state: SoundingsModuleState) => st
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getSoundingsPreset: ((state: SoundingsModuleState) => SoundingsStore) & {
+export declare const getSoundingsPreset: ((state: SoundingsModuleState, panelId?: string | undefined) => SoundingsStore) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -220,7 +221,7 @@ export declare const getSoundingsPreset: ((state: SoundingsModuleState) => Sound
         resetResultsCount: () => void;
     };
     lastResult: () => SoundingsStore;
-    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
@@ -229,7 +230,7 @@ export declare const getSoundingsPreset: ((state: SoundingsModuleState) => Sound
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getSoundingPanelsInOrder: ((state: SoundingsModuleState) => import("./types").SoundingPanel[]) & {
+export declare const getSoundingPanelsInOrder: ((state: SoundingsModuleState, panelId?: string | undefined) => import("./types").SoundingPanel[]) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -241,7 +242,7 @@ export declare const getSoundingPanelsInOrder: ((state: SoundingsModuleState) =>
         resetResultsCount: () => void;
     };
     lastResult: () => import("./types").SoundingPanel[];
-    dependencies: [(store: SoundingsModuleState) => SoundingsStore];
+    dependencies: [(store: SoundingsModuleState, panelId?: string) => SoundingsStore];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;

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

@@ -18,6 +18,6 @@ export declare const soundingsReducersMap: {
     }, import("redux").UnknownAction, Partial<{
         auth: import("dist/libs/store/src/store/common/auth/types").AuthStore | undefined;
     }>>;
-    soundings: import("redux").Reducer<import("./types").SoundingsStore>;
+    soundings: import("redux").Reducer<import("./types").SoundingsState>;
 };
 export declare const createMockStore: (mockState?: SoundingsModuleState | WebMapStateModuleState | UIModuleState) => Store;

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

@@ -1,4 +1,5 @@
-import type { Coordinates, SourceSelection } from '@opengeoweb/shared';
+import type { Coordinates, SoundingsCollection, SourceSelection } from '@opengeoweb/shared';
+import type { CoreAppStore } from '@opengeoweb/store';
 export declare enum SoundingsActionOrigin {
     soundingsManager = "soundingsManager",
     soundingsComponent = "soundingsComponent"
@@ -32,6 +33,16 @@ export interface UpdateDiagramTypePayload extends SoundingsPayload {
 export interface ToggleLocationMarkersPayload extends SoundingsPayload {
     shouldHideLocationMarkers: boolean;
 }
+export interface RegisterSoundingsPresetPayload extends SoundingsPayload {
+    preset: SoundingsStore;
+}
+export interface AddSoundingPanelsPayload extends SoundingsPayload {
+    panels: SoundingPanels;
+}
+export interface ChangeSoundingPanelOrderPayload extends SoundingsPayload {
+    newOrderOfIds: string[];
+}
+export type SoundingsRootState = CoreAppStore & SoundingsModuleState;
 export interface SoundingPanel {
     id: string;
     name: string;
@@ -54,6 +65,11 @@ export interface SoundingsStore {
     /** Whether to hide location markers on the map */
     shouldHideLocationMarkers?: boolean;
 }
+export interface SoundingsState {
+    byId: Record<string, SoundingsStore>;
+    registeredPanelIds?: string[];
+    soundingsCollections: SoundingsCollection[];
+}
 export interface SoundingsModuleState {
-    soundings?: SoundingsStore;
+    soundings?: SoundingsState;
 }

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

@@ -0,0 +1,10 @@
+import type { SoundingsModuleState } from './types';
+type PanelStateLike = SoundingsModuleState['soundings'];
+export declare const getRegisteredPanelIds: (state: PanelStateLike | undefined) => string[];
+export declare const isRegisteredPanelId: (state: PanelStateLike | undefined, panelId?: string) => boolean;
+export declare const getPanelIdFromAction: (action: {
+    payload?: {
+        panelId?: string;
+    };
+}) => string | undefined;
+export {};