@opengeoweb/warnings 9.37.0 → 10.1.0

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
 import { Polygons, Share, ExitDomain, Edit, Delete, DrawPolygon, Visibility, Add, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, breakpoints, Options, Close, ChevronDown, ChevronUp, Copy, Success, Expire, Remove, ArrowUpCompact, ArrowDownCompact } from '@opengeoweb/theme';
-import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, layerActions, useSetupDialog, useUpdateSharedData } from '@opengeoweb/store';
+import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawingToolActions, layerActions, useSetupDialog, selectorMemoizationOptions, useUpdateSharedData } from '@opengeoweb/store';
 import { defaultPolygon, emptyGeoJSON, MapControlButton, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes, defaultLayers, MapView, MapViewLayer, getFeatureExtent } from '@opengeoweb/webmap-react';
 import { SHARED_NAMESPACE, useConfirmationDialog, ToggleMenu, dateUtils, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, CustomToggleButton, Filter, FilterChip, FilterOption, StatusTag, LastUpdateTime, ErrorBoundary, pollingIntervalTimeout, isAxiosError as isAxiosError$1 } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, isAnyOf } from '@reduxjs/toolkit';
@@ -19,7 +19,7 @@ import { VariableSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { getApi, createApiInstance, createNonAuthApiInstance, createFakeApiInstance, ApiProvider, getHeaders, useAuthQuery, useAuthenticationContext, ProductStatus } from '@opengeoweb/api';
 import { useFormContext } from 'react-hook-form';
-import { isEqual, cloneDeep, clamp, groupBy, pick } from 'lodash';
+import { isEqual, cloneDeep, clamp, groupBy, assign, pick } from 'lodash';
 import { getConfig, useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
 import { useQueryClient } from '@tanstack/react-query';
 import { isAxiosError } from 'axios';
@@ -1186,7 +1186,7 @@ var useCloseDrawDialog = function useCloseDrawDialog(_ref) {
                 drawMode: ''
               }));
               // reset active draw tool
-              dispatch(drawtoolActions.changeDrawToolMode({
+              dispatch(drawingToolActions.changeDrawToolMode({
                 drawToolId: drawingDialogType,
                 drawModeId: drawDialogActiveDrawModeId
               }));
@@ -1213,7 +1213,7 @@ var useCloseDrawDialog = function useCloseDrawDialog(_ref) {
             }
             // clear existing geoJSON
             if (featureLayerContainsGeoJSON) {
-              dispatch(mapStoreActions.layerChangeGeojson({
+              dispatch(layerActions.layerChangeGeojson({
                 layerId: drawLayerId,
                 geojson: emptyGeoJSON
               }));
@@ -1260,7 +1260,7 @@ var useCloseObjectDialog = function useCloseObjectDialog(_ref3) {
       source: source
     }));
     if (featureLayerContainsGeoJSON && shouldReset) {
-      dispatch(mapStoreActions.layerChangeGeojson({
+      dispatch(layerActions.layerChangeGeojson({
         layerId: drawLayerId,
         geojson: emptyGeoJSON
       }));
@@ -1318,7 +1318,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
     objectDialogLayerHasGeoJSON = _useDialogOptions2.hasGeoJSON,
     objectDialogLayerId = _useDialogOptions2.dialogLayerId;
   var clearGeoJSON = function clearGeoJSON(layerId) {
-    dispatch(mapStoreActions.layerChangeGeojson({
+    dispatch(layerActions.layerChangeGeojson({
       layerId: layerId,
       geojson: emptyGeoJSON
     }));
@@ -1366,7 +1366,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
             // move shape to screen
             if (isObjectDialogOpen && objectDialogLayerHasGeoJSON) {
               // update new shape
-              dispatch(mapStoreActions.layerSetGeojsonFromLayer({
+              dispatch(layerActions.layerSetGeojsonFromLayer({
                 layerId: currentDrawLayerId,
                 sourceLayerId: objectDialogLayerId
               }));
@@ -1399,13 +1399,13 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
       source: source
     }));
     // activate draw tool
-    dispatch(drawtoolActions.updateGeoJSONLayerId({
+    dispatch(drawingToolActions.updateGeoJSONLayerId({
       drawToolId: drawingDialogType,
       geoJSONLayerId: currentDrawLayerId
     }));
     // activate default draw mode
     if (!drawDialogActiveDrawModeId && !isDrawDialogOpen) {
-      dispatch(drawtoolActions.changeDrawToolMode({
+      dispatch(drawingToolActions.changeDrawToolMode({
         drawToolId: drawingDialogType,
         drawModeId: defaultPolygon.drawModeId
       }));
@@ -1413,7 +1413,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
     // move shape to screen
     if (isDrawDialogOpen && drawDialogLayerHasGeoJSON) {
       // update new shape
-      dispatch(mapStoreActions.layerSetGeojsonFromLayer({
+      dispatch(layerActions.layerSetGeojsonFromLayer({
         layerId: currentDrawLayerId,
         sourceLayerId: drawDialogLayerId
       }));
@@ -1435,7 +1435,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
       }));
     }
     if (newGeoJSON) {
-      dispatch(mapStoreActions.layerChangeGeojson({
+      dispatch(layerActions.layerChangeGeojson({
         layerId: currentDrawLayerId,
         geojson: newGeoJSON
       }));
@@ -1589,7 +1589,7 @@ var Objects = function Objects(_ref2) {
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var listRef = React__default.useRef(null);
-  var _getListInclHeaders = getListInclHeaders$1(objects),
+  var _getListInclHeaders = getListInclHeaders$1(objects || []),
     listInclHeaders = _getListInclHeaders.listInclHeaders,
     headerList = _getListInclHeaders.headerList;
   var getItemSize = function getItemSize(width, index) {
@@ -2108,7 +2108,8 @@ var publicWarningsAdapter = createEntityAdapter({
 var initialState$1 = {
   warnings: publicWarningsAdapter.getInitialState(),
   isLoading: true,
-  lastUpdatedTime: ''
+  lastUpdatedTime: '',
+  filterState: {}
 };
 var slice$1 = createSlice({
   initialState: initialState$1,
@@ -2130,6 +2131,14 @@ var slice$1 = createSlice({
       var error = action.payload.error;
       draft.isLoading = false;
       draft.error = error;
+    },
+    setWarningFilters: function setWarningFilters(draft, action) {
+      var _action$payload2 = action.payload,
+        filterState = _action$payload2.filterState,
+        panelId = _action$payload2.panelId;
+      if (panelId) {
+        draft.filterState[panelId] = filterState;
+      }
     }
   }
 });
@@ -2178,7 +2187,8 @@ var slice = createSlice({
       var area = action.payload.area;
       // only support 1 area (for now)
       if (draft.publicWarning) {
-        draft.publicWarning.warningDetail.areas = [area];
+        var areaWithPreservedUUID = Object.assign({}, draft.publicWarning.warningDetail.areas.at(0), area);
+        draft.publicWarning.warningDetail.areas = [areaWithPreservedUUID];
       } else {
         var newWarning = {
           warningDetail: {
@@ -2197,6 +2207,11 @@ var slice = createSlice({
         draft.publicWarning.warningDetail.areas = removeAreas;
       }
     },
+    removeAllAreas: function removeAllAreas(draft) {
+      if (draft.publicWarning) {
+        draft.publicWarning.warningDetail.areas = [];
+      }
+    },
     openPublicWarningFormDialog: function openPublicWarningFormDialog(draft, action) {
       var _action$payload2 = action.payload,
         object = _action$payload2.object,
@@ -2204,12 +2219,14 @@ var slice = createSlice({
         _action$payload2$form = _action$payload2.formState,
         formState = _action$payload2$form === void 0 ? '' : _action$payload2$form,
         _action$payload2$warn = _action$payload2.warningType,
-        warningType = _action$payload2$warn === void 0 ? 'public' : _action$payload2$warn;
+        warningType = _action$payload2$warn === void 0 ? 'public' : _action$payload2$warn,
+        panelId = _action$payload2.panelId;
       draft.object = object;
       draft.publicWarning = publicWarning;
       draft.selectedPublicWarningId = publicWarning == null ? void 0 : publicWarning.id;
       draft.formState = formState;
       draft.warningType = warningType;
+      draft.panelId = panelId;
     },
     toggleEditorWarning: function toggleEditorWarning(draft,
     // eslint-disable-next-line no-unused-vars
@@ -2385,7 +2402,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
   };
   var showGeoJSONLayer = function showGeoJSONLayer(drawing) {
     if (!currentLayer) {
-      dispatch(mapStoreActions.addLayer({
+      dispatch(layerActions.addLayer({
         mapId: mapId,
         layer: {
           geojson: drawing.geoJSON
@@ -2394,7 +2411,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
         origin: 'warnings-lib'
       }));
     } else {
-      dispatch(mapStoreActions.layerChangeGeojson({
+      dispatch(layerActions.layerChangeGeojson({
         layerId: geoJSONLayerId,
         geojson: drawing.geoJSON
       }));
@@ -2466,10 +2483,12 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
             _context2.prev = 13;
             _context2.t0 = _context2["catch"](2);
             setLoading(false);
-            dispatch(uiActions.setErrorDialog({
-              error: _context2.t0.message,
-              type: objectDialogType
-            }));
+            if (_context2.t0 instanceof Error) {
+              dispatch(uiActions.setErrorDialog({
+                error: _context2.t0.message,
+                type: objectDialogType
+              }));
+            }
           case 17:
           case "end":
             return _context2.stop();
@@ -7522,7 +7541,8 @@ var DrawingToolForm = function DrawingToolForm(_ref) {
     }));
   }, [geoJSONProperties, drawModes]);
   var onChangeOpacity = React.useCallback(function (event) {
-    var value = event.target.value;
+    var target = event.target;
+    var value = target.value;
     var newOpacity = parseInt(value, 10) / 100;
     var additionalStrokeOpacity = 0.8;
     onChangeProperties({
@@ -7609,7 +7629,7 @@ var DrawingToolFormConnect = function DrawingToolFormConnect() {
     }));
   }, [dispatch, drawTool == null ? void 0 : drawTool.geoJSONLayerId]);
   var onChangeDrawMode = React.useCallback(function (tool) {
-    dispatch(drawtoolActions.changeDrawToolMode({
+    dispatch(drawingToolActions.changeDrawToolMode({
       drawToolId: drawToolId,
       drawModeId: tool.drawModeId
     }));
@@ -7621,7 +7641,7 @@ var DrawingToolFormConnect = function DrawingToolFormConnect() {
       drawMode: ''
     }));
     if (drawTool != null && drawTool.activeDrawModeId) {
-      dispatch(drawtoolActions.changeDrawToolMode({
+      dispatch(drawingToolActions.changeDrawToolMode({
         drawToolId: drawToolId,
         drawModeId: drawTool == null ? void 0 : drawTool.activeDrawModeId
       }));
@@ -7713,12 +7733,12 @@ var DrawingToolConnect = function DrawingToolConnect(_ref) {
   var dispatch = useDispatch();
   React.useEffect(function () {
     var defaultDrawModes = translateDrawModes(currentlySupportedDrawModes, t);
-    dispatch(drawtoolActions.registerDrawTool({
+    dispatch(drawingToolActions.registerDrawTool({
       drawToolId: drawingDialogType,
       defaultDrawModes: defaultDrawModes
     }));
     return function () {
-      dispatch(drawtoolActions.unregisterDrawTool({
+      dispatch(drawingToolActions.unregisterDrawTool({
         drawToolId: drawingDialogType
       }));
     };
@@ -8184,7 +8204,7 @@ var AreaField = function AreaField(_ref) {
   });
 };
 
-var _defaultLevelFilter, _defaultEmptyFilter, _defaultPhenomenonFil;
+var _defaultLevelFilter, _defaultEmptyFilter;
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -8239,9 +8259,23 @@ var domainLevels = {
   "public": [Level.extreme, Level.moderate, Level.severe]
 };
 var defaultLevelFilter = (_defaultLevelFilter = {}, _defaultLevelFilter[emptyFilterId] = true, _defaultLevelFilter.extreme = true, _defaultLevelFilter.moderate = true, _defaultLevelFilter.severe = true, _defaultLevelFilter.AIR = true, _defaultLevelFilter.SIG = true, _defaultLevelFilter);
-(_defaultEmptyFilter = {}, _defaultEmptyFilter[emptyFilterId] = true, _defaultEmptyFilter);
-var defaultPhenomenonFilter = (_defaultPhenomenonFil = {}, _defaultPhenomenonFil[emptyFilterId] = true, _defaultPhenomenonFil.coastalEvent = true, _defaultPhenomenonFil.fog = true, _defaultPhenomenonFil.highTemp = true, _defaultPhenomenonFil.lowTemp = true, _defaultPhenomenonFil.rain = true, _defaultPhenomenonFil.snowIce = true, _defaultPhenomenonFil.thunderstorm = true, _defaultPhenomenonFil.wind = true, _defaultPhenomenonFil);
-var useSelectedOptions = function useSelectedOptions(options) {
+var defaultEmptyFilter = (_defaultEmptyFilter = {}, _defaultEmptyFilter[emptyFilterId] = true, _defaultEmptyFilter);
+var makeFilterFromList = function makeFilterFromList(options) {
+  var _options$reduce;
+  return options.reduce(function (acc, p) {
+    var _Object$assign;
+    return p ? Object.assign({}, acc, (_Object$assign = {}, _Object$assign[p] = true, _Object$assign)) : acc;
+  }, (_options$reduce = {}, _options$reduce[emptyFilterId] = true, _options$reduce));
+};
+var defaultPhenomenonFilter = makeFilterFromList(Object.values(Phenomenon$1));
+var initialFilters = {
+  incident: defaultEmptyFilter,
+  source: defaultEmptyFilter,
+  domain: defaultDomainFilter,
+  phenomenon: defaultPhenomenonFilter,
+  level: defaultLevelFilter
+};
+var getSelectedOptions = function getSelectedOptions(options) {
   var selectedOptions = Object.keys(options).filter(function (k) {
     return options[k];
   });
@@ -8252,17 +8286,23 @@ var useSelectedOptions = function useSelectedOptions(options) {
   };
 };
 var updateState = function updateState(state, optionKey, value, only) {
-  var _Object$assign3;
+  var _Object$assign4;
   if (only) {
     return Object.keys(state).reduce(function (acc, k) {
-      var _Object$assign;
-      return Object.assign({}, acc, (_Object$assign = {}, _Object$assign[k] = k === optionKey, _Object$assign));
+      var _Object$assign2;
+      return Object.assign({}, acc, (_Object$assign2 = {}, _Object$assign2[k] = k === optionKey, _Object$assign2));
     }, {});
   }
-  return optionKey === 'ALL' ? Object.keys(state).reduce(function (acc, k) {
-    var _Object$assign2;
-    return Object.assign({}, acc, (_Object$assign2 = {}, _Object$assign2[k] = value, _Object$assign2));
-  }, {}) : Object.assign({}, state, (_Object$assign3 = {}, _Object$assign3[optionKey] = value, _Object$assign3));
+  if (optionKey === 'ALL') {
+    if (Object.keys(state).length < 2) {
+      return state;
+    }
+    return Object.keys(state).reduce(function (acc, k) {
+      var _Object$assign3;
+      return Object.assign({}, acc, (_Object$assign3 = {}, _Object$assign3[k] = value, _Object$assign3));
+    }, {});
+  }
+  return Object.assign({}, state, (_Object$assign4 = {}, _Object$assign4[optionKey] = value, _Object$assign4));
 };
 /** Make sure our value is in the filter */
 var getValue = function getValue(values, value) {
@@ -9181,7 +9221,8 @@ var prepareFormValues = function prepareFormValues(data) {
     var productToPost = _objectWithoutPropertiesLoose(data, _excluded$6);
   // remove empty fields
   return Object.keys(productToPost).reduce(function (warningDetail, fieldName) {
-    var fieldValue = productToPost[fieldName];
+    var key = fieldName;
+    var fieldValue = productToPost[key];
     if (Array.isArray(fieldValue)) {
       if (!fieldValue.length || fieldValue[0].geoJSON === null) {
         return warningDetail;
@@ -9189,7 +9230,7 @@ var prepareFormValues = function prepareFormValues(data) {
     }
     if (fieldValue) {
       var _Object$assign;
-      return Object.assign({}, warningDetail, (_Object$assign = {}, _Object$assign[fieldName] = fieldValue, _Object$assign));
+      return Object.assign({}, warningDetail, (_Object$assign = {}, _Object$assign[key] = fieldValue, _Object$assign));
     }
     return warningDetail;
   }, {});
@@ -9277,6 +9318,8 @@ var Form = function Form(_ref5) {
     onSaveForm = _ref5$onSaveForm === void 0 ? function () {} : _ref5$onSaveForm,
     _ref5$onPublishForm = _ref5.onPublishForm,
     onPublishForm = _ref5$onPublishForm === void 0 ? function () {} : _ref5$onPublishForm,
+    _ref5$onClearForm = _ref5.onClearForm,
+    onClearForm = _ref5$onClearForm === void 0 ? function () {} : _ref5$onClearForm,
     object = _ref5.object,
     _ref5$formAction = _ref5.formAction,
     formAction = _ref5$formAction === void 0 ? '' : _ref5$formAction,
@@ -9374,6 +9417,7 @@ var Form = function Form(_ref5) {
   var onPressClear = function onPressClear() {
     reset(getEmptyPublicWarning());
     setWarningGeoJSONFeature(undefined);
+    onClearForm();
   };
   var publicWarningId = publicWarningDetails == null ? void 0 : publicWarningDetails.id;
   React.useEffect(function () {
@@ -9783,6 +9827,9 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
       }
     }));
   };
+  var clearForm = function clearForm() {
+    dispatch(publicWarningFormActions.removeAllAreas());
+  };
   var saveForm = function saveForm(newFormValues) {
     var status = newFormValues.linked_to_id ? PublicWarningStatus.DRAFT_PUBLISHED : PublicWarningStatus.DRAFT;
     dispatch(publicWarningFormActions.saveWarning({
@@ -9831,6 +9878,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     publicWarningDetails: publicWarning == null ? void 0 : publicWarning.warningDetail,
     onPublishForm: publishForm,
     onSaveForm: saveForm,
+    onClearForm: clearForm,
     formAction: publicWarningFormAction,
     isReadOnly: isReadOnly,
     error: publicWarningFormError,
@@ -10347,6 +10395,9 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
   var warningId = useSelector(function (store) {
     return getPublicWarningId(store);
   });
+  var warningStatus = useSelector(function (store) {
+    return getPublicWarningStatus(store);
+  });
   var fetchItems = function fetchItems() {
     dispatch(uiActions.setErrorDialog({
       error: '',
@@ -10427,7 +10478,7 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [areas, searchQuery]);
-  var isChangeAreaDisabled = warningId !== undefined && typeof warningId === 'string' && warningId.length > 0;
+  var isChangeAreaDisabled = warningId !== undefined && typeof warningId === 'string' && warningId.length > 0 && warningStatus !== PublicWarningStatus.DRAFT && warningStatus !== PublicWarningStatus.DRAFT_PUBLISHED;
   var drawingError = uiError ? {
     type: areaObjectLoaderType,
     error: uiError
@@ -10479,6 +10530,7 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
  * */
 var transformAirmetToWarningFormat = function transformAirmetToWarningFormat(apiAirmet) {
   var airmet = apiAirmet.airmet;
+  var cancelAirmet = apiAirmet == null ? void 0 : apiAirmet.airmet;
   var areas = [];
   if (airmet.startGeometry) {
     areas.push({
@@ -10508,12 +10560,14 @@ var transformAirmetToWarningFormat = function transformAirmetToWarningFormat(api
       level: 'AIR',
       probability: 0,
       incident: airmet.sequence,
-      firName: airmet.firName
+      firName: airmet.firName,
+      cancelId: isInstanceOfCancelAirmet(airmet) ? cancelAirmet.cancelsAirmetSequenceId : undefined
     }
   };
 };
 var transformSigmetToWarningFormat = function transformSigmetToWarningFormat(apiSigmet) {
   var sigmet = apiSigmet.sigmet;
+  var cancelSigmet = apiSigmet == null ? void 0 : apiSigmet.sigmet;
   var areas = [];
   if (sigmet.startGeometry) {
     areas.push({
@@ -10559,7 +10613,8 @@ var transformSigmetToWarningFormat = function transformSigmetToWarningFormat(api
       level: 'SIG',
       probability: 0,
       incident: sigmet.sequence,
-      firName: sigmet.firName
+      firName: sigmet.firName,
+      cancelId: isInstanceOfCancelSigmet(sigmet) ? cancelSigmet.cancelsSigmetSequenceId : undefined
     }
   };
 };
@@ -11009,9 +11064,10 @@ var warningColors = Object.assign({}, LevelColors);
 
 var _excluded$5 = ["id", "warningDetail", "status", "editor"],
   _excluded2 = ["id", "linked_to_id", "proposal_id", "warning_handle_uuid"],
-  _excluded3 = ["id"],
-  _excluded4 = ["id", "warningDetail"],
-  _excluded5 = ["id"];
+  _excluded3 = ["published_warning_uuid"],
+  _excluded4 = ["id"],
+  _excluded5 = ["id", "warningDetail"],
+  _excluded6 = ["id"];
 var getSortedStatus = function getSortedStatus(status) {
   switch (status) {
     case 'DRAFT_PUBLISHED':
@@ -11035,15 +11091,22 @@ var getWarningWithoutIdStatusEditor = function getWarningWithoutIdStatusEditor(w
     warningDetail.proposal_id;
     warningDetail.warning_handle_uuid;
     var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded2);
+  var areas = warningDetail.areas.map(function (_ref) {
+    _ref.published_warning_uuid;
+      var area = _objectWithoutPropertiesLoose(_ref, _excluded3);
+    return area;
+  });
   return Object.assign({}, fullWarning, {
-    warningDetail: cleanWarningDetail
+    warningDetail: Object.assign({}, cleanWarningDetail, {
+      areas: areas
+    })
   });
 };
 var getWarningWithLinkedToId = function getWarningWithLinkedToId(warning) {
   var id = warning.id,
     warningDetail = warning.warningDetail;
   warningDetail.id;
-    var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded3);
+    var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded4);
   return Object.assign({}, warning, {
     warningDetail: Object.assign({}, cleanWarningDetail, {
       linked_to_id: id
@@ -11054,9 +11117,9 @@ var getWarningWithLinkedToId = function getWarningWithLinkedToId(warning) {
 var getWarningWithProposalId = function getWarningWithProposalId(warning) {
   var id = warning.id,
     warningDetail = warning.warningDetail,
-    fullWarning = _objectWithoutPropertiesLoose(warning, _excluded4);
+    fullWarning = _objectWithoutPropertiesLoose(warning, _excluded5);
   warningDetail.id;
-    var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded5);
+    var cleanWarningDetail = _objectWithoutPropertiesLoose(warningDetail, _excluded6);
   return Object.assign({}, fullWarning, {
     warningDetail: Object.assign({}, cleanWarningDetail, {
       proposal_id: id
@@ -11103,9 +11166,9 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
   var _useState = useState(null),
     anchorEl = _useState[0],
     setAnchorEl = _useState[1];
-  var _useSelectedOptions = useSelectedOptions(options),
-    noSelectedOptions = _useSelectedOptions.noSelectedOptions,
-    allSelected = _useSelectedOptions.allSelected;
+  var _getSelectedOptions = getSelectedOptions(options),
+    noSelectedOptions = _getSelectedOptions.noSelectedOptions,
+    allSelected = _getSelectedOptions.allSelected;
   var isDisabled = Object.keys(options).length < 2;
   return jsxs(Fragment, {
     children: [jsx(CustomTooltip, {
@@ -11225,7 +11288,8 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
             label: jsx(Fragment, {
               children: t(getTranslationKey(emptyFilterId, id))
             })
-          }, id + "-" + emptyFilterId), Object.keys(options).map(function (optionId) {
+          }, id + "-" + emptyFilterId), Object.keys(options).map(function (_optionId) {
+            var optionId = _optionId;
             if (optionId === emptyFilterId) {
               return null;
             }
@@ -11254,6 +11318,7 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
   });
 };
 
+var filterOrder = ['incident', 'source', 'domain', 'phenomenon', 'level'];
 var FilterList = function FilterList(_ref) {
   var _ref$onClickAll = _ref.onClickAll,
     onClickAll = _ref$onClickAll === void 0 ? function () {} : _ref$onClickAll,
@@ -11291,7 +11356,7 @@ var FilterList = function FilterList(_ref) {
           size: "medium"
         })
       })
-    }), Object.keys(filterState).map(function (filterId) {
+    }), filterOrder.map(function (filterId) {
       return jsx(ExpandableFilterChip, {
         id: filterId,
         options: filterState[filterId],
@@ -11491,7 +11556,7 @@ var renderLevelText = function renderLevelText(levelString) {
     })]
   });
 };
-var renderStatusIcon = function renderStatusIcon(status) {
+var renderStatusIcon = function renderStatusIcon(warning, status) {
   var getStatusTag = function getStatusTag(content, color, icon) {
     if (icon === void 0) {
       icon = null;
@@ -11507,6 +11572,12 @@ var renderStatusIcon = function renderStatusIcon(status) {
       icon: icon
     });
   };
+  if (warning.productStatus === ProductStatus.PUBLISHED && warning.warningDetail.cancelId) {
+    return getStatusTag("Cnls " + warning.warningDetail.cancelId, 'red');
+  }
+  if (warning.productStatus === ProductStatus.CANCELLED && warning.warningDetail.cancelId === undefined) {
+    return getStatusTag('Cnld', 'red');
+  }
   switch (status) {
     case PublicWarningStatus.TODO:
       return null;
@@ -11521,7 +11592,9 @@ var renderStatusIcon = function renderStatusIcon(status) {
           color: 'geowebColors.iconButtons.flat.default.color',
           marginRight: 2
         },
-        children: jsx(Edit, {})
+        children: jsx(Edit, {
+          "data-testid": "EditPencilIcon"
+        })
       });
     case PublicWarningStatus.DRAFT_PUBLISHED:
       return getStatusTag('Pub', 'green', jsx(Edit, {
@@ -11770,7 +11843,7 @@ var WarningListItem = function WarningListItem(_ref) {
             sx: {
               position: 'relative'
             },
-            children: [renderStatusIcon(status), warning.editor && jsx(Box, {
+            children: [renderStatusIcon(warning, status), warning.editor && jsx(Box, {
               sx: {
                 width: '16px',
                 position: 'absolute',
@@ -12014,8 +12087,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
     hoveredFeatureId = _ref.hoveredFeatureId,
     expandedSections = _ref.expandedSections,
     setExpandedSections = _ref.setExpandedSections;
-  var filterState = filterHookState.filterState,
-    updateFilter = filterHookState.updateFilter,
+  var updateFilter = filterHookState.updateFilter,
     allSelected = filterHookState.allSelected;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
@@ -12148,7 +12220,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
           children: jsx(FilterList, {
             isAllSelected: allSelected,
             onClickAll: onClickAll,
-            filterState: filterState,
+            filterState: filterHookState.filterState,
             updateFilter: updateFilter
           })
         }), jsxs(Grid2, {
@@ -12351,6 +12423,37 @@ var getPublicWarningsError = createSelector(getPublicWarningsStore, function (st
 var getPublicWarningsLastUpdatedTime = createSelector(getPublicWarningsStore, function (store) {
   return store == null ? void 0 : store.lastUpdatedTime;
 });
+var getWarningsFilterState = createSelector(getPublicWarningsStore, function (store) {
+  return store == null ? void 0 : store.filterState;
+}, selectorMemoizationOptions);
+var getWarningsFilterById = createSelector(getWarningsFilterState, function (_store, panelId) {
+  return panelId;
+}, function (filterState, panelId) {
+  return panelId && filterState && filterState[panelId] ? filterState[panelId] : initialFilters;
+}, selectorMemoizationOptions);
+var getWarningsPresetById = createSelector(getWarningsFilterState, function (_store, panelId) {
+  return panelId;
+}, function (filterState, panelId) {
+  if (!panelId || !filterState || !filterState[panelId]) {
+    return {
+      filterState: null
+    };
+  }
+  return {
+    filterState: filterState[panelId]
+  };
+}, selectorMemoizationOptions);
+
+var selectors = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  getPublicWarningsError: getPublicWarningsError,
+  getPublicWarningsLastUpdatedTime: getPublicWarningsLastUpdatedTime,
+  getPublicWarningsStore: getPublicWarningsStore,
+  getWarningsFilterById: getWarningsFilterById,
+  getWarningsPresetById: getWarningsPresetById,
+  isPublicWarningsLoading: isPublicWarningsLoading,
+  selectAllPublicWarnings: selectAllPublicWarnings
+});
 
 var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
   var _ref$onClose = _ref.onClose,
@@ -12447,35 +12550,51 @@ var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
  * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var useFilter = function useFilter(defaultFilter, pickedOptions) {
-  var _useState = useState(defaultFilter),
-    filter = _useState[0],
-    setFilter = _useState[1];
-  var pickedFilterOptions = pick(filter, [emptyFilterId].concat(pickedOptions));
-  var _useSelectedOptions = useSelectedOptions(pickedFilterOptions),
-    allSelected = _useSelectedOptions.allSelected;
-  return [pickedFilterOptions, setFilter, allSelected];
-};
-var useWarningFilters = function useWarningFilters(warnings) {
-  var _useState2 = useState(defaultDomainFilter),
-    domainFilter = _useState2[0],
-    setDomainFilter = _useState2[1];
-  var relevantLevels = Object.keys(domainFilter).flatMap(function (domain) {
+var getLevelsForDomainFilter = function getLevelsForDomainFilter(domainFilter) {
+  return Object.keys(domainFilter).flatMap(function (domain) {
     return domainFilter[domain] ? domainLevels[domain] : [];
   });
-  var _useFilter = useFilter(defaultLevelFilter, relevantLevels),
-    pickedLevelFilter = _useFilter[0],
-    setLevelFilter = _useFilter[1],
-    allLevelsSelected = _useFilter[2];
-  var existingPhenomenon = Object.values(Phenomenon$1).filter(function (p) {
-    return warnings.find(function (w) {
-      return w.warningDetail.phenomenon === p;
-    });
+};
+var getFilterOptions = function getFilterOptions(defaultFilter, allOptions, savedFilter) {
+  var pickedFilterOptions = pick(defaultFilter, [emptyFilterId].concat(allOptions));
+  // keep options state from savedFilter if it still exists
+  var updatedOptions = assign(pickedFilterOptions, pick(savedFilter || {}, Object.keys(pickedFilterOptions)));
+  var _getSelectedOptions = getSelectedOptions(updatedOptions),
+    allSelected = _getSelectedOptions.allSelected;
+  return [updatedOptions, allSelected];
+};
+var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, savedFilterState, presetFilterState) {
+  var pickedDomainFilter = savedFilterState.domain,
+    pickedPhenomenonFilter = savedFilterState.phenomenon,
+    pickedLevelFilter = savedFilterState.level,
+    pickedSourceFilter = savedFilterState.source,
+    pickedIncidentFilter = savedFilterState.incident;
+  /// level
+  var relevantLevels = useMemo(function () {
+    return getLevelsForDomainFilter(pickedDomainFilter);
+  }, [pickedDomainFilter]);
+  var _getFilterOptions = getFilterOptions(defaultLevelFilter, relevantLevels, pickedLevelFilter),
+    updatedPickedLevels = _getFilterOptions[0],
+    allLevelsSelected = _getFilterOptions[1];
+  // phenomenon
+  var warningsPhenomena = useMemo(function () {
+    return getFiltersFromWarnings(warnings, 'phenomenon');
+  }, [warnings]);
+  // filter out aviation phenomena
+  var phenomenaKeysToFilter = new Set(Object.values(Phenomenon$1));
+  var relevantPhenomena = warningsPhenomena.filter(function (item) {
+    return phenomenaKeysToFilter.has(item);
   });
-  var _useFilter2 = useFilter(defaultPhenomenonFilter, existingPhenomenon),
-    pickedPhenomenonFilter = _useFilter2[0],
-    setPhenomenonFilter = _useFilter2[1],
-    allPhenomenonSelected = _useFilter2[2];
+  relevantPhenomena.push(emptyFilterId);
+  var defaultPhenomenonFilter = useMemo(function () {
+    return Object.fromEntries(relevantPhenomena.map(function (key) {
+      return [key, true];
+    }));
+  }, [relevantPhenomena]);
+  var _getFilterOptions2 = getFilterOptions(defaultPhenomenonFilter, relevantPhenomena, pickedPhenomenonFilter),
+    updatedPickedPhenomena = _getFilterOptions2[0],
+    allPhenomenaSelected = _getFilterOptions2[1];
+  // source
   var relevantSources = useMemo(function () {
     return getFiltersFromWarnings(warnings, 'warningProposalSource');
   }, [warnings]);
@@ -12484,20 +12603,10 @@ var useWarningFilters = function useWarningFilters(warnings) {
       return [key, true];
     }));
   }, [relevantSources]);
-  var _useFilter3 = useFilter(defaultSourceFilter, relevantSources),
-    pickedSourceFilter = _useFilter3[0],
-    setSourceFilter = _useFilter3[1],
-    allSourcesSelected = _useFilter3[2];
-  useEffect(function () {
-    setSourceFilter(function (prevFilter) {
-      var newSourceFilter = Object.assign({}, defaultSourceFilter, prevFilter);
-      // Only update state if the new filter differs from the current one
-      if (JSON.stringify(newSourceFilter) !== JSON.stringify(prevFilter)) {
-        return newSourceFilter;
-      }
-      return prevFilter;
-    });
-  }, [defaultSourceFilter, setSourceFilter]);
+  var _getFilterOptions3 = getFilterOptions(defaultSourceFilter, relevantSources, pickedSourceFilter),
+    updatedPickedSources = _getFilterOptions3[0],
+    allSourcesSelected = _getFilterOptions3[1];
+  // incident
   var relevantIncidents = useMemo(function () {
     return getFiltersFromWarnings(warnings, 'incident');
   }, [warnings]);
@@ -12506,23 +12615,25 @@ var useWarningFilters = function useWarningFilters(warnings) {
       return [key, true];
     }));
   }, [relevantIncidents]);
-  var _useFilter4 = useFilter(defaultIncidentFilter, relevantIncidents),
-    pickedIncidentFilter = _useFilter4[0],
-    setIncidentFilter = _useFilter4[1],
-    allIncidentsSelected = _useFilter4[2];
+  var _getFilterOptions4 = getFilterOptions(defaultIncidentFilter, relevantIncidents, pickedIncidentFilter),
+    updatedPickedIncidents = _getFilterOptions4[0],
+    allIncidentsSelected = _getFilterOptions4[1];
   useEffect(function () {
-    setIncidentFilter(function (prevFilter) {
-      var newIncidentFilter = Object.assign({}, defaultIncidentFilter, prevFilter);
-      // Only update state if the new filter differs from the current one
-      if (JSON.stringify(newIncidentFilter) !== JSON.stringify(prevFilter)) {
-        return newIncidentFilter;
-      }
-      return prevFilter;
-    });
-  }, [defaultIncidentFilter, setIncidentFilter]);
-  var _useSelectedOptions2 = useSelectedOptions(domainFilter),
-    allDomainSelected = _useSelectedOptions2.allSelected;
-  var allSelected = allDomainSelected && allLevelsSelected && allPhenomenonSelected && allIncidentsSelected && allSourcesSelected;
+    // when the preset changes, update the filters
+    if (presetFilterState) {
+      onUpdateFilters(assign({}, initialFilters, presetFilterState), 'system');
+    } else {
+      // for a preset without filters saved use the initial filters
+      onUpdateFilters(Object.assign({}, initialFilters, {
+        incident: makeFilterFromList(relevantIncidents),
+        source: makeFilterFromList(relevantSources)
+      }), 'system');
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [presetFilterState, onUpdateFilters]);
+  var _getSelectedOptions2 = getSelectedOptions(pickedDomainFilter),
+    allDomainSelected = _getSelectedOptions2.allSelected;
+  var allSelected = allDomainSelected && allLevelsSelected && allPhenomenaSelected && allIncidentsSelected && allSourcesSelected;
   /**
    * @param filterKey - Name of the filter | "ALL" filters
    * @param optionKey - Name of the option | "ALL" options
@@ -12530,49 +12641,47 @@ var useWarningFilters = function useWarningFilters(warnings) {
    * @param only - Flag that decides if all other options should be disabled
    */
   var updateFilter = function updateFilter(filterKey, optionKey, value, only) {
+    var levelFilter = value ? defaultLevelFilter : defaultEmptyFilter;
     if (filterKey === 'ALL') {
-      setDomainFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-      setLevelFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-      setPhenomenonFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-      setSourceFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-      setIncidentFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
+      onUpdateFilters({
+        domain: updateState(pickedDomainFilter, 'ALL', value),
+        level: updateState(levelFilter, 'ALL', value),
+        phenomenon: updateState(pickedPhenomenonFilter, 'ALL', value),
+        incident: updateState(pickedIncidentFilter, 'ALL', value),
+        source: updateState(pickedSourceFilter, 'ALL', value)
+      }, 'user');
     } else if (filterKey === 'domain') {
-      setDomainFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
+      var newDomain = updateState(pickedDomainFilter, optionKey, value, only);
+      var _relevantLevels = getLevelsForDomainFilter(newDomain);
+      var _getFilterOptions5 = getFilterOptions(defaultLevelFilter, _relevantLevels, pickedLevelFilter),
+        newLevel = _getFilterOptions5[0];
+      onUpdateFilters(Object.assign({}, savedFilterState, {
+        domain: newDomain,
+        level: newLevel // levels depend on selected domains
+      }), 'user');
     } else if (filterKey === 'level') {
-      setLevelFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
+      onUpdateFilters(Object.assign({}, savedFilterState, {
+        level: updateState(pickedLevelFilter, optionKey, value, only)
+      }), 'user');
     } else if (filterKey === 'phenomenon') {
-      setPhenomenonFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
+      onUpdateFilters(Object.assign({}, savedFilterState, {
+        phenomenon: updateState(pickedPhenomenonFilter, optionKey, value, only)
+      }), 'user');
     } else if (filterKey === 'source') {
-      setSourceFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
+      onUpdateFilters(Object.assign({}, savedFilterState, {
+        source: updateState(pickedSourceFilter, optionKey, value, only)
+      }), 'user');
     } else if (filterKey === 'incident') {
-      setIncidentFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
+      onUpdateFilters(Object.assign({}, savedFilterState, {
+        incident: updateState(pickedIncidentFilter, optionKey, value, only)
+      }), 'user');
     }
   };
   var byFilterState = useCallback(function (warning) {
     var levelDomain = ['SIG', 'AIR'].find(function (d) {
       return d === warning.warningDetail.level;
     }) ? Domain.aviation : Domain["public"];
-    if (!domainFilter[levelDomain]) {
+    if (!pickedDomainFilter[levelDomain]) {
       return false;
     }
     var level = getValue(Level, warning.warningDetail.level);
@@ -12586,33 +12695,34 @@ var useWarningFilters = function useWarningFilters(warnings) {
     var source = relevantSources.find(function (source) {
       return source === warning.warningDetail.warningProposalSource;
     }) || emptyFilterId;
-    if (!pickedSourceFilter[source]) {
+    if (!updatedPickedSources[source]) {
       return false;
     }
     var incident = relevantIncidents.find(function (incident) {
       return incident === warning.warningDetail.incident;
     }) || emptyFilterId;
-    if (!pickedIncidentFilter[incident]) {
+    if (!updatedPickedIncidents[incident]) {
       return false;
     }
     return true;
-  }, [domainFilter, pickedLevelFilter, pickedPhenomenonFilter, relevantSources, pickedSourceFilter, relevantIncidents, pickedIncidentFilter]);
+  }, [pickedDomainFilter, pickedLevelFilter, pickedPhenomenonFilter, relevantSources, updatedPickedSources, relevantIncidents, updatedPickedIncidents]);
   return {
-    filterState: {
-      incident: pickedIncidentFilter,
-      source: pickedSourceFilter,
-      domain: domainFilter,
-      phenomenon: pickedPhenomenonFilter,
-      level: pickedLevelFilter
-    },
     allSelected: allSelected,
     updateFilter: updateFilter,
-    byFilterState: byFilterState
+    byFilterState: byFilterState,
+    filterState: {
+      domain: pickedDomainFilter,
+      level: updatedPickedLevels,
+      phenomenon: updatedPickedPhenomena,
+      incident: updatedPickedIncidents,
+      source: updatedPickedSources
+    }
   };
 };
 
 var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
-  var panelId = _ref.panelId;
+  var panelId = _ref.panelId,
+    presetFilterState = _ref.presetFilterState;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var dispatch = useDispatch();
@@ -12632,10 +12742,13 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     setConfirmDialogOptions = _React$useState[1];
   var publicWarnings = useSelector(selectAllPublicWarnings);
   var selectedPublicWarningId = useSelector(getSelectedPublicWarningId);
-  var isLoading = useSelector(isPublicWarningsLoading || isFetchingAirmet || isFetchingSigmet);
+  var isLoading = useSelector(isPublicWarningsLoading) || isFetchingAirmet || isFetchingSigmet;
   var error = useSelector(getPublicWarningsError);
   var isFormDirty = useSelector(getSelectedPublicIsFormDirty);
   var lastUpdatedTime = useSelector(getPublicWarningsLastUpdatedTime);
+  var savedFilterState = useSelector(function (store) {
+    return getWarningsFilterById(store, panelId);
+  });
   var warningsApi = getWarningsApi();
   var openPublicWarningDialog = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, publicWarning, warningType) {
@@ -12665,7 +12778,8 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
               publicWarning: publicWarning
             }, {
               formState: formAction,
-              warningType: warningType
+              warningType: warningType,
+              panelId: panelId
             })));
           case 7:
           case "end":
@@ -12840,7 +12954,14 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     var transformedAirmets = (airmetList == null ? void 0 : airmetList.map(transformAirmetToWarningFormat)) || [];
     return publicWarnings.concat(transformedSigmets).concat(transformedAirmets);
   }, [publicWarnings, sigmetList, airmetList]);
-  var filterHookState = useWarningFilters(combinedWarnings);
+  var onUpdateFilters = React__default.useCallback(function (filterState, origin) {
+    dispatch(publicWarningActions.setWarningFilters({
+      filterState: filterState,
+      panelId: panelId,
+      origin: origin
+    }));
+  }, [dispatch, panelId]);
+  var filterHookState = useWarningFilters(combinedWarnings, onUpdateFilters, savedFilterState, presetFilterState);
   var filteredWarnings = React__default.useMemo(function () {
     return combinedWarnings.filter(filterHookState.byFilterState);
   }, [combinedWarnings, filterHookState.byFilterState]);
@@ -12922,7 +13043,8 @@ var PublicWarningApiWrapper = function PublicWarningApiWrapper(_ref) {
   var config = _ref.config,
     auth = _ref.auth,
     onSetAuth = _ref.onSetAuth,
-    panelId = _ref.panelId;
+    panelId = _ref.panelId,
+    presetFilterState = _ref.presetFilterState;
   return config ? jsx(ApiProvider, {
     config: {
       baseURL: config.baseURL,
@@ -12935,25 +13057,29 @@ var PublicWarningApiWrapper = function PublicWarningApiWrapper(_ref) {
     createApi: createApi$1,
     children: jsx(ErrorBoundary, {
       children: jsx(PublicWarningListConnect, {
-        panelId: panelId
+        panelId: panelId,
+        presetFilterState: presetFilterState
       })
     })
   }) : null;
 };
 var componentsLookUp = function componentsLookUp(payload, apiProps) {
   var id = payload.id,
-    componentType = payload.componentType;
+    componentType = payload.componentType,
+    initialProps = payload.initialProps;
   switch (componentType) {
     case warningListViewPreset.componentType:
       if (apiProps && apiProps.config) {
         return jsx(PublicWarningApiWrapper, Object.assign({}, apiProps, {
           panelId: id,
-          "data-testid": "publicWarningModule"
+          "data-testid": "publicWarningModule",
+          presetFilterState: initialProps.filterState
         }));
       }
       return jsx(PublicWarningListConnect, {
         panelId: id,
-        "data-testid": "publicWarningList"
+        "data-testid": "publicWarningList",
+        presetFilterState: initialProps.filterState
       });
     default:
       return null;
@@ -13153,16 +13279,20 @@ publicWarningFormListener.startListening({
 publicWarningFormListener.startListening({
   actionCreator: publicWarningFormActions.openPublicWarningFormDialog,
   effect: function () {
-    var _effect6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_, listenerApi) {
+    var _effect6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref5, listenerApi) {
+      var payload, panelId;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
+            payload = _ref5.payload;
             listenerApi.cancelActiveListeners();
+            panelId = payload.panelId;
             listenerApi.dispatch(uiActions.setToggleOpenDialog({
               setOpen: true,
-              type: publicWarningDialogType
+              type: publicWarningDialogType,
+              sourcePanelId: panelId
             }));
-          case 2:
+          case 4:
           case "end":
             return _context6.stop();
         }
@@ -13175,7 +13305,7 @@ publicWarningFormListener.startListening({
   }()
 });
 var saveOrUpdateWarning = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(publicWarning) {
+  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(publicWarning) {
     var warningsApi, warningDetail, status, warning, newWarningId;
     return _regeneratorRuntime().wrap(function _callee7$(_context7) {
       while (1) switch (_context7.prev = _context7.next) {
@@ -13221,7 +13351,7 @@ var saveOrUpdateWarning = /*#__PURE__*/function () {
     }, _callee7);
   }));
   return function saveOrUpdateWarning(_x13) {
-    return _ref5.apply(this, arguments);
+    return _ref6.apply(this, arguments);
   };
 }();
 var toggleDialogLoadingEffect = function toggleDialogLoadingEffect(dispatch, isDialogOpen, isLoading) {
@@ -13241,12 +13371,12 @@ var errorEffect = function errorEffect(dispatch, message, isDialogOpen) {
 publicWarningFormListener.startListening({
   actionCreator: uiActions.setToggleOpenDialog,
   effect: function () {
-    var _effect7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(_ref6, listenerApi) {
+    var _effect7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(_ref7, listenerApi) {
       var payload;
       return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
-            payload = _ref6.payload;
+            payload = _ref7.payload;
             if (!payload.setOpen && payload.type === publicWarningDialogType) {
               listenerApi.dispatch(uiActions.setToggleOpenDialog({
                 setOpen: false,
@@ -13274,7 +13404,7 @@ publicWarningsListener.startListening({
   actionCreator: publicWarningActions.fetchWarnings,
   effect: function () {
     var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_, listenerApi) {
-      var warningsApi, _yield$warningsApi$ge, warnings, lastUpdatedTime;
+      var warningsApi, _yield$warningsApi$ge, warnings, lastUpdatedTime, taskError;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -13295,21 +13425,21 @@ publicWarningsListener.startListening({
             return listenerApi.delay(pollingIntervalTimeout);
           case 11:
             listenerApi.dispatch(publicWarningActions.fetchWarnings());
-            _context.next = 17;
+            _context.next = 18;
             break;
           case 14:
             _context.prev = 14;
             _context.t0 = _context["catch"](1);
-            // Don't set an error if the cancelActiveListeners was invoked (which throws a TaskAbortError)
-            if ((_context.t0 == null ? void 0 : _context.t0.code) !== 'listener-cancelled') {
+            taskError = _context.t0; // Don't set an error if the cancelActiveListeners was invoked (which throws a TaskAbortError)
+            if ((taskError == null ? void 0 : taskError.code) !== 'listener-cancelled') {
               listenerApi.dispatch(publicWarningActions.fetchWarningsError({
                 error: {
-                  name: _context.t0.name,
-                  message: _context.t0.message
+                  name: taskError.name,
+                  message: taskError.message
                 }
               }));
             }
-          case 17:
+          case 18:
           case "end":
             return _context.stop();
         }
@@ -13358,7 +13488,7 @@ drawingsListener.startListening({
   actionCreator: drawActions.submitDrawValues,
   effect: function () {
     var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var payload, id, formValues, warningsApi, newID, errorMessage;
+      var payload, id, formValues, warningsApi, newID, taskError, errorMessage;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -13399,24 +13529,25 @@ drawingsListener.startListening({
               isLoading: false,
               type: drawingDialogType
             }));
-            _context.next = 23;
+            _context.next = 24;
             break;
           case 20:
             _context.prev = 20;
             _context.t0 = _context["catch"](3);
             // Don't do anything if the cancelActiveListeners was invoked (which throws a TaskAbortError)
-            if (_context.t0.code !== 'listener-cancelled') {
+            taskError = _context.t0;
+            if ((taskError == null ? void 0 : taskError.code) !== 'listener-cancelled') {
               listenerApi.dispatch(uiActions.toggleIsLoadingDialog({
                 isLoading: false,
                 type: drawingDialogType
               }));
-              errorMessage = isAxiosError$1(_context.t0) ? getAxiosErrorMessage(_context.t0) : _context.t0.message;
+              errorMessage = isAxiosError$1(taskError) ? getAxiosErrorMessage(taskError) : taskError.message;
               listenerApi.dispatch(uiActions.setErrorDialog({
                 type: drawingDialogType,
                 error: errorMessage
               }));
             }
-          case 23:
+          case 24:
           case "end":
             return _context.stop();
         }
@@ -13447,8 +13578,6 @@ drawingsListener.startListening({
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var drawingModuleConfig = {
-  // TODO: remove id in https://gitlab.com/opengeoweb/opengeoweb/-/issues/5561
-  id: 'drawing-module',
   reducersMap: {
     drawings: reducer$2,
     publicWarningForm: reducer,
@@ -13457,4 +13586,4 @@ var drawingModuleConfig = {
   middlewares: [drawingsListener.middleware, publicWarningsListener.middleware, publicWarningFormListener.middleware]
 };
 
-export { DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningApiWrapper, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WARN_NAMESPACE, WarningsModuleProvider, componentsLookUp, drawingModuleConfig, isAlreadyEdited, useObjectDrawDialogAction, warningFormConfirmationOptions, warningsTranslations };
+export { DrawingToolConnect, Wrapper as DrawingToolForm, DrawingToolFormConnect, DrawingToolMapButtonConnect, ObjectManagerConnect, ObjectManagerMapButtonConnect, PublicWarningApiWrapper, PublicWarningsFormDialog, PublicWarningsFormDialogConnect, WARN_NAMESPACE, WarningsModuleProvider, componentsLookUp, drawingModuleConfig, initialState$1 as initialState, isAlreadyEdited, publicWarningActions, publicWarningFormListener, reducer as publicWarningFormReducer, publicWarningsAdapter, publicWarningsListener, reducer$1 as publicWarningsReducer, selectors as publicWarningsSelectors, reducer$1 as reducer, useObjectDrawDialogAction, warningFormConfirmationOptions, drawingsListener as warningsDrawingsListener, reducer$2 as warningsDrawingsReducer, warningsTranslations };