@opengeoweb/workspace 9.36.0 → 10.0.0

package/README.md

@@ -24,6 +24,6 @@ import {
 
 Run `nx test workspace` to execute the unit tests via [Jest](https://jestjs.io).
 
-## Documentation
+### TypeScript Documentation
 
-https://opengeoweb.gitlab.io/opengeoweb/docs/workspace/
+- [TypeScript Docs](https://opengeoweb.gitlab.io/opengeoweb/typescript-docs/workspace/)

package/index.esm.js

@@ -4,14 +4,16 @@ import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInsta
 import _, { chunk, cloneDeep, pick, isEmpty, isEqual, isString } from 'lodash';
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, Mosaic } from 'react-mosaic-component';
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducersMap, timeSeriesMiddlewares } from '@opengeoweb/timeseries';
+import { publicWarningActions, WARN_NAMESPACE, warningsTranslations, publicWarningsSelectors } from '@opengeoweb/warnings';
 import { PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, SHARED_NAMESPACE, sharedTranslations, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, usePrevious, Filter, Resizable, ToolContainer, renderCounter, CustomToggleButton, ConfirmationDialog } from '@opengeoweb/shared';
 import { snackbarTypes, snackbarActions, snackbarReducersMap, snackbarMiddlewares, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { isAxiosError } from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ThemeWrapper, lightTheme, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
+import { ThemeWrapper, lightTheme, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, BackdropStyle, BackdropElement, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
 import { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
 import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
 import { AuthenticationProvider, useAuthenticationContext, GEOWEB_ROLE_PRESETS_ADMIN } from '@opengeoweb/authentication';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import i18n from 'i18next';
 import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations } from '@opengeoweb/webmap-react';
 import { CORE_NAMESPACE, coreTranslations } from '@opengeoweb/core';
@@ -1101,6 +1103,7 @@ var viewPresetsAdapter = createEntityAdapter({
   }
 });
 var initialState$2 = viewPresetsAdapter.getInitialState();
+var warningsPresetChangeActions = [publicWarningActions.setWarningFilters];
 var syncGroupChangeActions = [syncGroupsActions.syncGroupRemoveTarget, syncGroupsActions.syncGroupAddTarget];
 var mapPresetChangeActions = [layerActions.setBaseLayers, layerActions.layerDelete, layerActions.addLayer, layerActions.duplicateMapLayer, layerActions.layerChangeEnabled, layerActions.layerChangeName, layerActions.layerChangeStyle, layerActions.layerChangeOpacity, layerActions.layerChangeDimension, mapStoreActions.layerMoveLayer, mapStoreActions.setAutoLayerId, mapStoreActions.toggleAutoUpdate, mapStoreActions.mapStartAnimation, mapStoreActions.mapStopAnimation, mapStoreActions.toggleTimeSliderIsVisible, mapStoreActions.setTimeStep, mapStoreActions.setAnimationDelay, mapStoreActions.toggleTimestepAuto, mapStoreActions.setAnimationStartTime, mapStoreActions.setAnimationEndTime, uiActions.setActiveMapIdForDialog, uiActions.setToggleOpenDialog, genericActions.setBbox, mapActions.setBbox];
 var timeSeriesPresetChangeActions = [timeSeriesActions.addParameter, timeSeriesActions.addPlot, timeSeriesActions.deleteParameter, timeSeriesActions.deletePlot, timeSeriesActions.moveParameter, timeSeriesActions.movePlot, timeSeriesActions.toggleParameter, timeSeriesActions.togglePlot, timeSeriesActions.patchParameter, timeSeriesActions.updateTitle];
@@ -1399,14 +1402,28 @@ var slice$2 = createSlice({
         });
       }
     });
-    syncGroupChangeActions.map(function (syncGroupAction) {
-      return builder.addCase(syncGroupAction, function (draft, action) {
+    warningsPresetChangeActions.map(function (warningsAction) {
+      return builder.addCase(warningsAction, function (draft, action) {
         var _action$payload13 = action.payload,
           origin = _action$payload13.origin,
-          targetId = _action$payload13.targetId;
+          panelId = _action$payload13.panelId;
+        if (origin === 'user' && panelId) {
+          var entity = draft.entities[panelId];
+          if (entity && !(entity != null && entity.hasChanges)) {
+            entity.hasChanges = true;
+            viewPresetsAdapter.setOne(draft, entity);
+          }
+        }
+      });
+    });
+    syncGroupChangeActions.map(function (syncGroupAction) {
+      return builder.addCase(syncGroupAction, function (draft, action) {
+        var _action$payload14 = action.payload,
+          origin = _action$payload14.origin,
+          targetId = _action$payload14.targetId;
         if (origin === 'user') {
           var entity = draft.entities[targetId];
-          if (entity) {
+          if (entity && !(entity != null && entity.hasChanges)) {
             entity.hasChanges = true;
             viewPresetsAdapter.setOne(draft, entity);
           }
@@ -1415,9 +1432,9 @@ var slice$2 = createSlice({
     });
     mapPresetChangeActions.map(function (mapPresetAction) {
       return builder.addCase(mapPresetAction, function (draft, action) {
-        var _action$payload14 = action.payload,
-          mapId = _action$payload14.mapId,
-          origin = _action$payload14.origin;
+        var _action$payload15 = action.payload,
+          mapId = _action$payload15.mapId,
+          origin = _action$payload15.origin;
         var isChangeOriginSupported = supportedMapActionOrigins.indexOf(origin) >= 0;
         if (isChangeOriginSupported && mapId) {
           var entity = draft.entities[mapId];
@@ -1430,9 +1447,9 @@ var slice$2 = createSlice({
     });
     timeSeriesPresetChangeActions.map(function (timeSeriesPresetAction) {
       return builder.addCase(timeSeriesPresetAction, function (draft, action) {
-        var _action$payload15 = action.payload,
-          panelId = _action$payload15.panelId,
-          origin = _action$payload15.origin;
+        var _action$payload16 = action.payload,
+          panelId = _action$payload16.panelId,
+          origin = _action$payload16.origin;
         var isChangeOriginSupported = supportedTimeSeriesActionOrigins.indexOf(origin) >= 0;
         var changesRelevantProperties = timeSeriesPresetAction.type === timeSeriesActions.patchParameter.type ? Object.keys(action.payload.parameter).filter(function (key) {
           return key !== 'id' && key !== 'instanceId';
@@ -2101,7 +2118,8 @@ var emptyViewPreset = function emptyViewPreset(componentType) {
     MultiMap: undefined,
     ModelRunInterval: undefined,
     HarmonieTempAndPrecipPreset: undefined,
-    TimeSlider: undefined
+    TimeSlider: undefined,
+    WarningList: undefined
   };
   return {
     componentType: actualComponentType,
@@ -5072,38 +5090,119 @@ workspaceListener.startListening({
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var viewPresetsListAdapter = createEntityAdapter();
-var initialState = viewPresetsListAdapter.getInitialState();
-var slice = createSlice({
-  initialState: initialState,
-  name: 'viewPresetsList',
-  reducers: {},
-  extraReducers: function extraReducers(builder) {
-    builder.addCase(viewPresetActions.fetchedInitialViewPresets, function (draft, action) {
-      var viewPresets = action.payload.viewPresets;
-      if (!viewPresets || !viewPresets.length) {
-        viewPresetsListAdapter.removeAll(draft);
-        return;
-      }
-      viewPresetsListAdapter.setAll(draft, action.payload.viewPresets);
-    }).addCase(viewPresetActions.fetchedViewPresets, function (draft, action) {
-      var _action$payload = action.payload,
-        viewPresets = _action$payload.viewPresets,
-        filterParams = _action$payload.filterParams;
-      // If there are filter params applied, don't do anything, these results are put in the specific panel filterResults
-      if (Object.keys(filterParams).length !== 0) {
-        return;
-      }
-      if (!viewPresets || !viewPresets.length) {
-        viewPresetsListAdapter.removeAll(draft);
-        return;
-      }
-      viewPresetsListAdapter.setAll(draft, action.payload.viewPresets);
-    });
+var WorkspaceListErrorCategory;
+(function (WorkspaceListErrorCategory) {
+  WorkspaceListErrorCategory["AUTH"] = "AUTH";
+  WorkspaceListErrorCategory["GENERIC"] = "GENERIC";
+})(WorkspaceListErrorCategory || (WorkspaceListErrorCategory = {}));
+var WorkspaceListErrorType;
+(function (WorkspaceListErrorType) {
+  WorkspaceListErrorType["TRANSLATABLE_ERROR"] = "TRANSLATABLE_ERROR";
+  WorkspaceListErrorType["VERBATIM_ERROR"] = "VERBATIM_ERROR";
+})(WorkspaceListErrorType || (WorkspaceListErrorType = {}));
+
+/* *
+ * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var getWorkspaceListStore = function getWorkspaceListStore(store) {
+  if (store && store.workspaceList) {
+    return store.workspaceList;
   }
+  return null;
+};
+var selectors = workspaceListAdapter.getSelectors(function (state) {
+  var _state$workspaceList;
+  return (_state$workspaceList = state == null ? void 0 : state.workspaceList) != null ? _state$workspaceList : {
+    entities: {},
+    ids: []
+  };
 });
-var reducer = slice.reducer;
-slice.actions;
+var getWorkspaceList = selectors.selectAll;
+var getIsWorkspaceListFetching = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state == null ? void 0 : state.isFetching) || false;
+}, selectorMemoizationOptions);
+var getWorkspaceDialogIsSaved = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  var _state$workspaceActio;
+  return (state == null || (_state$workspaceActio = state.workspaceActionDialog) == null ? void 0 : _state$workspaceActio.hasSaved) || false;
+}, selectorMemoizationOptions);
+var getWorkspaceListError = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state == null ? void 0 : state.error) || undefined;
+}, selectorMemoizationOptions);
+var getWorkspaceActionDialogDetails = createSelector(getWorkspaceListStore, getWorkspaceState, getViewPresetsStore, function (workspaceListState, workspaceState, viewpresetState) {
+  var dialog = (workspaceListState == null ? void 0 : workspaceListState.workspaceActionDialog) || false;
+  if (dialog) {
+    var _dialog$formValues$vi;
+    var views = (_dialog$formValues$vi = dialog.formValues.views) == null ? void 0 : _dialog$formValues$vi.map(function (view) {
+      var workspaceView = workspaceState.views.byId[view.mosaicNodeId];
+      var viewComplete = viewpresetState.entities[view.mosaicNodeId];
+      return {
+        mosaicNodeId: view.mosaicNodeId,
+        viewPresetId: (viewComplete == null ? void 0 : viewComplete.activeViewPresetId) || view.viewPresetId,
+        isSelected: view.isSelected,
+        title: view.title || workspaceView.title,
+        error: viewComplete == null ? void 0 : viewComplete.error,
+        isFetching: viewComplete == null ? void 0 : viewComplete.isFetching,
+        hasChanges: viewComplete == null ? void 0 : viewComplete.hasChanges,
+        scope: view.scope
+      };
+    });
+    return Object.assign({}, dialog, {
+      formValues: Object.assign({}, dialog.formValues, views && {
+        views: views
+      })
+    });
+  }
+  return dialog;
+}, selectorMemoizationOptions);
+var getIsWorkspaceListDialogOpen = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state == null ? void 0 : state.isWorkspaceListDialogOpen) || false;
+}, selectorMemoizationOptions);
+var getWorkspaceListFilters = createSelector(function (store) {
+  return getWorkspaceListStore(store);
+}, function (_store, scope) {
+  return scope;
+}, function (state, scope) {
+  var filters = (state == null ? void 0 : state.workspaceListFilters) || [];
+  // no filters for system presets for now
+  if (scope === 'system') {
+    return filters.reduce(function (list, filter) {
+      if (filter.id === 'system') {
+        return list.concat(Object.assign({}, filter, {
+          isDisabled: true
+        }));
+      }
+      return list;
+    }, []);
+  }
+  return filters;
+}, selectorMemoizationOptions);
+var getWorkspaceListSearchQuery = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state == null ? void 0 : state.searchQuery) || '';
+}, selectorMemoizationOptions);
 
 var processError = function processError(error, component, errorMessageKey) {
   var message = isAxiosError(error) ? getAxiosErrorMessage(error) : errorMessageKey;
@@ -5407,137 +5506,6 @@ viewPresetsListener.startListening({
   }()
 });
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var WorkspaceListErrorCategory;
-(function (WorkspaceListErrorCategory) {
-  WorkspaceListErrorCategory["AUTH"] = "AUTH";
-  WorkspaceListErrorCategory["GENERIC"] = "GENERIC";
-})(WorkspaceListErrorCategory || (WorkspaceListErrorCategory = {}));
-var WorkspaceListErrorType;
-(function (WorkspaceListErrorType) {
-  WorkspaceListErrorType["TRANSLATABLE_ERROR"] = "TRANSLATABLE_ERROR";
-  WorkspaceListErrorType["VERBATIM_ERROR"] = "VERBATIM_ERROR";
-})(WorkspaceListErrorType || (WorkspaceListErrorType = {}));
-
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var getWorkspaceListStore = function getWorkspaceListStore(store) {
-  if (store && store.workspaceList) {
-    return store.workspaceList;
-  }
-  return null;
-};
-var selectors = workspaceListAdapter.getSelectors(function (state) {
-  var _state$workspaceList;
-  return (_state$workspaceList = state == null ? void 0 : state.workspaceList) != null ? _state$workspaceList : {
-    entities: {},
-    ids: []
-  };
-});
-var getWorkspaceList = selectors.selectAll;
-var getIsWorkspaceListFetching = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, function (state) {
-  return (state == null ? void 0 : state.isFetching) || false;
-}, selectorMemoizationOptions);
-var getWorkspaceDialogIsSaved = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, function (state) {
-  var _state$workspaceActio;
-  return (state == null || (_state$workspaceActio = state.workspaceActionDialog) == null ? void 0 : _state$workspaceActio.hasSaved) || false;
-}, selectorMemoizationOptions);
-var getWorkspaceListError = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, function (state) {
-  return (state == null ? void 0 : state.error) || undefined;
-}, selectorMemoizationOptions);
-var getWorkspaceActionDialogDetails = createSelector(getWorkspaceListStore, getWorkspaceState, getViewPresetsStore, function (workspaceListState, workspaceState, viewpresetState) {
-  var dialog = (workspaceListState == null ? void 0 : workspaceListState.workspaceActionDialog) || false;
-  if (dialog) {
-    var _dialog$formValues$vi;
-    var views = (_dialog$formValues$vi = dialog.formValues.views) == null ? void 0 : _dialog$formValues$vi.map(function (view) {
-      var workspaceView = workspaceState.views.byId[view.mosaicNodeId];
-      var viewComplete = viewpresetState.entities[view.mosaicNodeId];
-      return {
-        mosaicNodeId: view.mosaicNodeId,
-        viewPresetId: (viewComplete == null ? void 0 : viewComplete.activeViewPresetId) || view.viewPresetId,
-        isSelected: view.isSelected,
-        title: view.title || workspaceView.title,
-        error: viewComplete == null ? void 0 : viewComplete.error,
-        isFetching: viewComplete == null ? void 0 : viewComplete.isFetching,
-        hasChanges: viewComplete == null ? void 0 : viewComplete.hasChanges,
-        scope: view.scope
-      };
-    });
-    return Object.assign({}, dialog, {
-      formValues: Object.assign({}, dialog.formValues, views && {
-        views: views
-      })
-    });
-  }
-  return dialog;
-}, selectorMemoizationOptions);
-var getIsWorkspaceListDialogOpen = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, function (state) {
-  return (state == null ? void 0 : state.isWorkspaceListDialogOpen) || false;
-}, selectorMemoizationOptions);
-var getWorkspaceListFilters = createSelector(function (store) {
-  return getWorkspaceListStore(store);
-}, function (_store, scope) {
-  return scope;
-}, function (state, scope) {
-  var filters = (state == null ? void 0 : state.workspaceListFilters) || [];
-  // no filters for system presets for now
-  if (scope === 'system') {
-    return filters.reduce(function (list, filter) {
-      if (filter.id === 'system') {
-        return list.concat(Object.assign({}, filter, {
-          isDisabled: true
-        }));
-      }
-      return list;
-    }, []);
-  }
-  return filters;
-}, selectorMemoizationOptions);
-var getWorkspaceListSearchQuery = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, function (state) {
-  return (state == null ? void 0 : state.searchQuery) || '';
-}, selectorMemoizationOptions);
-
 var emptyWorkspaceBEData = Object.assign({}, getEmptyMapWorkspace(), {
   views: [{
     mosaicNodeId: '1_screen',
@@ -5893,6 +5861,99 @@ workspaceListListener.startListening({
   }()
 });
 
+/* *
+ * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var viewPresetsListAdapter = createEntityAdapter();
+var initialState = viewPresetsListAdapter.getInitialState();
+var slice = createSlice({
+  initialState: initialState,
+  name: 'viewPresetsList',
+  reducers: {},
+  extraReducers: function extraReducers(builder) {
+    builder.addCase(viewPresetActions.fetchedInitialViewPresets, function (draft, action) {
+      var viewPresets = action.payload.viewPresets;
+      if (!viewPresets || !viewPresets.length) {
+        viewPresetsListAdapter.removeAll(draft);
+        return;
+      }
+      viewPresetsListAdapter.setAll(draft, action.payload.viewPresets);
+    }).addCase(viewPresetActions.fetchedViewPresets, function (draft, action) {
+      var _action$payload = action.payload,
+        viewPresets = _action$payload.viewPresets,
+        filterParams = _action$payload.filterParams;
+      // If there are filter params applied, don't do anything, these results are put in the specific panel filterResults
+      if (Object.keys(filterParams).length !== 0) {
+        return;
+      }
+      if (!viewPresets || !viewPresets.length) {
+        viewPresetsListAdapter.removeAll(draft);
+        return;
+      }
+      viewPresetsListAdapter.setAll(draft, action.payload.viewPresets);
+    });
+  }
+});
+var reducer = slice.reducer;
+slice.actions;
+
+/* *
+ * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+// Used to retrieve the unfiltered, general view preset list.
+// To ensure you retrieve the view preset list specific for your view, use getFilteredViewPresetListForView
+var _viewPresetsListAdapt = viewPresetsListAdapter.getSelectors(function (state) {
+    var _state$viewPresetsLis;
+    return (_state$viewPresetsLis = state == null ? void 0 : state.viewPresetsList) != null ? _state$viewPresetsLis : {
+      entities: {},
+      ids: []
+    };
+  }),
+  getViewPresetsList = _viewPresetsListAdapt.selectAll;
+  _viewPresetsListAdapt.selectById;
+var getFilteredViewPresetListForView = createSelector(getViewPresetsList, getViewPresetListFilterResultsForView, getViewPresetListFiltersForView, getViewPresetListSearchQueryForView, function (fullViewPresetsList, filteredResults, appliedFilters, searchQuery) {
+  // If we have a filtered results list, use this, otherwise fall back to the general unfiltered view presets list
+  // If all filters are set to true we are not filtering
+  var filtersApplied = !appliedFilters.every(function (filter) {
+    return filter.isSelected;
+  });
+  if (filtersApplied || searchQuery !== '') {
+    return filteredResults;
+  }
+  return fullViewPresetsList != null ? fullViewPresetsList : {
+    entities: {},
+    ids: []
+  };
+}, selectorMemoizationOptions);
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -5950,10 +6011,10 @@ var initWorkspaceTestI18n = function initWorkspaceTestI18n() {
       escapeValue: false
     },
     resources: {
-      en: (_en = {}, _en[WORKSPACE_NAMESPACE] = workspaceTranslations.en, _en[SHARED_NAMESPACE] = sharedTranslations.en, _en[CORE_NAMESPACE] = coreTranslations.en, _en[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.en, _en[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.en, _en),
-      fi: (_fi = {}, _fi[WORKSPACE_NAMESPACE] = workspaceTranslations.fi, _fi[SHARED_NAMESPACE] = sharedTranslations.fi, _fi[CORE_NAMESPACE] = coreTranslations.fi, _fi[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.fi, _fi[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.fi, _fi),
-      no: (_no = {}, _no[WORKSPACE_NAMESPACE] = workspaceTranslations.no, _no[SHARED_NAMESPACE] = sharedTranslations.no, _no[CORE_NAMESPACE] = coreTranslations.no, _no[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.no, _no[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.no, _no),
-      nl: (_nl = {}, _nl[WORKSPACE_NAMESPACE] = workspaceTranslations.nl, _nl[SHARED_NAMESPACE] = sharedTranslations.nl, _nl[CORE_NAMESPACE] = coreTranslations.nl, _nl[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.nl, _nl[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.nl, _nl)
+      en: (_en = {}, _en[WORKSPACE_NAMESPACE] = workspaceTranslations.en, _en[SHARED_NAMESPACE] = sharedTranslations.en, _en[CORE_NAMESPACE] = coreTranslations.en, _en[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.en, _en[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.en, _en[WARN_NAMESPACE] = warningsTranslations.en, _en),
+      fi: (_fi = {}, _fi[WORKSPACE_NAMESPACE] = workspaceTranslations.fi, _fi[SHARED_NAMESPACE] = sharedTranslations.fi, _fi[CORE_NAMESPACE] = coreTranslations.fi, _fi[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.fi, _fi[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.fi, _fi[WARN_NAMESPACE] = warningsTranslations.fi, _fi),
+      no: (_no = {}, _no[WORKSPACE_NAMESPACE] = workspaceTranslations.no, _no[SHARED_NAMESPACE] = sharedTranslations.no, _no[CORE_NAMESPACE] = coreTranslations.no, _no[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.no, _no[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.no, _no[WARN_NAMESPACE] = warningsTranslations.no, _no),
+      nl: (_nl = {}, _nl[WORKSPACE_NAMESPACE] = workspaceTranslations.nl, _nl[SHARED_NAMESPACE] = sharedTranslations.nl, _nl[CORE_NAMESPACE] = coreTranslations.nl, _nl[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.nl, _nl[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.nl, _nl[WARN_NAMESPACE] = warningsTranslations.nl, _nl)
     }
   });
 };
@@ -6008,6 +6069,13 @@ var createTestWorkspaceStore = function createTestWorkspaceStore() {
   return store;
 };
 
+var queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false
+    }
+  }
+});
 var WorkspaceThemeProvider = function WorkspaceThemeProvider(_ref) {
   var children = _ref.children,
     _ref$theme = _ref.theme,
@@ -6050,16 +6118,19 @@ var WorkspaceWrapperProviderWithStore = function WorkspaceWrapperProviderWithSto
   return jsx(WorkspaceI18nProvider, {
     children: jsx(AuthenticationProvider, {
       value: auth,
-      children: jsx(ApiProvider, {
-        createApi: createApi$1,
-        name: API_NAME,
-        children: jsx(Provider, {
-          store: store,
-          children: jsx(WorkspaceThemeProvider, {
-            theme: theme,
-            children: jsx(SnackbarWrapperConnect, {
-              children: jsx(ConfirmationServiceProvider, {
-                children: children
+      children: jsx(QueryClientProvider, {
+        client: queryClient,
+        children: jsx(ApiProvider, {
+          createApi: createApi$1,
+          name: API_NAME,
+          children: jsx(Provider, {
+            store: store,
+            children: jsx(WorkspaceThemeProvider, {
+              theme: theme,
+              children: jsx(SnackbarWrapperConnect, {
+                children: jsx(ConfirmationServiceProvider, {
+                  children: children
+                })
               })
             })
           })
@@ -6471,49 +6542,6 @@ var closeTimeSeriesDialogsWhenChangingPreset = function closeTimeSeriesDialogsWh
   }
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-// Used to retrieve the unfiltered, general view preset list.
-// To ensure you retrieve the view preset list specific for your view, use getFilteredViewPresetListForView
-var _viewPresetsListAdapt = viewPresetsListAdapter.getSelectors(function (state) {
-    var _state$viewPresetsLis;
-    return (_state$viewPresetsLis = state == null ? void 0 : state.viewPresetsList) != null ? _state$viewPresetsLis : {
-      entities: {},
-      ids: []
-    };
-  }),
-  getViewPresetsList = _viewPresetsListAdapt.selectAll;
-  _viewPresetsListAdapt.selectById;
-var getFilteredViewPresetListForView = createSelector(getViewPresetsList, getViewPresetListFilterResultsForView, getViewPresetListFiltersForView, getViewPresetListSearchQueryForView, function (fullViewPresetsList, filteredResults, appliedFilters, searchQuery) {
-  // If we have a filtered results list, use this, otherwise fall back to the general unfiltered view presets list
-  // If all filters are set to true we are not filtering
-  var filtersApplied = !appliedFilters.every(function (filter) {
-    return filter.isSelected;
-  });
-  if (filtersApplied || searchQuery !== '') {
-    return filteredResults;
-  }
-  return fullViewPresetsList != null ? fullViewPresetsList : {
-    entities: {},
-    ids: []
-  };
-}, selectorMemoizationOptions);
-
 var WORKSPACE_SELECT_LIST_ROW_HEIGHT = 46;
 var getPresetIcon = function getPresetIcon(preset) {
   switch (preset.viewType) {
@@ -6744,6 +6772,9 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var currentTimeSeriesPreset = useSelector(function (store) {
     return timeSeriesSelectors.getTimeSeriesPreset(store);
   });
+  var currentWarningsPreset = useSelector(function (store) {
+    return publicWarningsSelectors.getWarningsPresetById(store, panelId);
+  });
   var viewPresetListFilters = useSelector(function (store) {
     return getViewPresetListFiltersForView(store, panelId, scope);
   });
@@ -6791,6 +6822,8 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   }, [dispatch, panelId, viewPresetListFilters, viewPresetListSearchQuery]);
   var constructInitialProps = function constructInitialProps() {
     switch (viewComponentType) {
+      case 'WarningList':
+        return currentWarningsPreset;
       case 'TimeSeries':
         return currentTimeSeriesPreset;
       case 'Map':
@@ -6991,17 +7024,17 @@ var ViewPresetMenu = function ViewPresetMenu(_ref) {
   renderCounter.count(ViewPresetMenu.name);
   return hideBackdrop ?
   // Enable hiding backdrop from snapshot tests
-  toolContainer : jsx(Backdrop, {
+  toolContainer : jsxs(Backdrop, {
     "data-testid": "viewpresetMenuBackdrop",
     open: true,
-    sx: {
+    sx: Object.assign({
       '&.MuiBackdrop-root': {
         position: 'absolute',
         zIndex: 1002
       }
-    },
+    }, BackdropStyle()),
     onClick: closeMenu,
-    children: toolContainer
+    children: [BackdropElement(), toolContainer]
   });
 };
 
@@ -7241,8 +7274,13 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
       viewPresetDialog: viewPresetDialogOptions
     }));
   }, [dispatch]);
+  var currentWarningsPreset = useSelector(function (store) {
+    return publicWarningsSelectors.getWarningsPresetById(store, panelId);
+  });
   var constructInitialProps = React.useCallback(function () {
     switch (viewComponentType) {
+      case 'WarningList':
+        return currentWarningsPreset;
       case 'TimeSeries':
         return timeSeriesSelectors.getTimeSeriesPreset(store.getState());
       case 'Map':
@@ -7253,7 +7291,7 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
       default:
         return undefined;
     }
-  }, [panelId, relatedSyncGroupIds, store, viewComponentType]);
+  }, [currentWarningsPreset, panelId, relatedSyncGroupIds, store, viewComponentType]);
   var onSave = React.useCallback(function () {
     dispatch(viewPresetActions.saveViewPreset({
       panelId: panelId,
@@ -7905,16 +7943,16 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
   });
   return hideBackdrop ?
   // Enable hiding backdrop from snapshot tests
-  toolContainer : jsx(Backdrop, {
+  toolContainer : jsxs(Backdrop, {
     "data-testid": "workspaceMenuBackdrop",
     open: true,
-    sx: {
+    sx: Object.assign({
       '&.MuiBackdrop-root': {
         top: '40px'
       }
-    },
+    }, BackdropStyle()),
     onClick: closeMenu,
-    children: toolContainer
+    children: [BackdropElement(), toolContainer]
   });
 };
 
@@ -9077,4 +9115,4 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
   });
 };
 
-export { ComponentsLookUpWrapper, DemoWrapper, PresetAction, ViewPresetErrorComponent, ViewPresetErrorType, WORKSPACE_NAMESPACE, WorkspaceDetail, WorkspaceErrorType, WorkspaceI18nProvider, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, workspaceActions as actions, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, getEmptyMapWorkspace, getWorkspaceRouteUrl, selectors$1 as selectors, viewPresetActions, workspaceListActions, workspaceListener, workspaceModuleConfig, reducer$1 as workspaceReducer, routes as workspaceRoutes, workspaceTranslations };
+export { ComponentsLookUpWrapper, DemoWrapper, PresetAction, ViewPresetErrorComponent, ViewPresetErrorType, WORKSPACE_NAMESPACE, WorkspaceDetail, WorkspaceErrorType, WorkspaceI18nProvider, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, workspaceActions as actions, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, getEmptyMapWorkspace, getWorkspaceRouteUrl, selectors$1 as selectors, viewPresetActions, reducer as viewPresetsListReducer, viewPresetsListener, reducer$2 as viewPresetsReducer, workspaceListActions, workspaceListListener, reducer$3 as workspaceListReducer, workspaceListener, workspaceModuleConfig, reducer$1 as workspaceReducer, routes as workspaceRoutes, workspaceTranslations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "9.36.0",
+  "version": "10.0.0",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -33,7 +33,8 @@
     "i18next": "^23.11.5",
     "react-i18next": "^15.1.1",
     "@mui/material": "^6.1.1",
-    "@opengeoweb/webmap-react": "*"
+    "@opengeoweb/webmap-react": "*",
+    "@tanstack/react-query": "^5.62.7"
   },
   "peerDependencies": {
     "react": "18",

package/src/index.d.ts

@@ -1,9 +1,12 @@
 import workspaceTranslations from '../locales/workspace.json';
 import { workspaceListener } from './lib/store/workspace/listener';
 export { workspaceListener };
+export { workspaceListListener } from './lib/store/workspaceList/listener';
+export { viewPresetsListener } from './lib/store/viewPresets/listener';
 export { workspaceActions as actions, reducer as workspaceReducer, } from './lib/store/workspace/reducer';
-export { workspaceListActions } from './lib/store/workspaceList/reducer';
-export { viewPresetActions } from './lib/store/viewPresets';
+export { workspaceListActions, reducer as workspaceListReducer, } from './lib/store/workspaceList/reducer';
+export { viewPresetActions, reducer as viewPresetsReducer, } from './lib/store/viewPresets';
+export { reducer as viewPresetsListReducer } from './lib/store/viewPresetsList';
 export * as selectors from './lib/store/workspace/selectors';
 export { default as workspaceModuleConfig } from './lib/store/config';
 export * from './lib/store/workspace/types';

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

@@ -1,2 +1,2 @@
-export { viewPresetActions } from './reducer';
+export { viewPresetActions, reducer } from './reducer';
 export * as viewPresetSelectors from './selectors';

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

@@ -1,9 +1,10 @@
 import { InitialProps, SupportedComponentTypes } from '@opengeoweb/core';
 import { SupportedComponentTypes as SupportedTimeSeriesComponentTypes } from '@opengeoweb/timeseries';
 import { EntityState } from '@reduxjs/toolkit';
+import { WarningListComponentType } from '@opengeoweb/warnings';
 import { FetchViewPresetsListParams, PresetScope, ViewPresetListItem } from '../viewPresetsList/types';
 import { WorkspaceViewPresetComponentsLookupType } from '../workspace/types';
-export type WorkspaceSupportedComponentTypes = SupportedComponentTypes | SupportedTimeSeriesComponentTypes | WorkspaceViewPresetComponentsLookupType;
+export type WorkspaceSupportedComponentTypes = SupportedComponentTypes | SupportedTimeSeriesComponentTypes | WarningListComponentType | WorkspaceViewPresetComponentsLookupType;
 export interface ViewPreset {
     id?: string;
     title: string;

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

@@ -1,2 +1,2 @@
-export { viewPresetsListActions } from './reducer';
+export { viewPresetsListActions, reducer } from './reducer';
 export * as viewPresetsListSelectors from './selectors';