@opengeoweb/warnings 9.36.0 → 10.0.0

package/README.md

@@ -5,3 +5,7 @@ This library was generated with [Nx](https://nx.dev).
 ## Running unit tests
 
 Run `nx test warnings` to execute the unit tests via [Jest](https://jestjs.io).
+
+### TypeScript Documentation
+
+- [TypeScript Docs](https://opengeoweb.gitlab.io/opengeoweb/typescript-docs/warnings/)

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, drawtoolActions, mapStoreActions, 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, pick, assign } from 'lodash';
 import { getConfig, useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
 import { useQueryClient } from '@tanstack/react-query';
 import { isAxiosError } from 'axios';
@@ -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;
+      }
     }
   }
 });
@@ -2204,12 +2213,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
@@ -6931,204 +6942,6 @@ var warningListJSON = [
 	}
 ];
 
-var sigmetListJSON = [
-	{
-		id: "57eaf6c8-a247-11ef-ac05-12e0cc025418",
-		lastUpdatedTime: "2024-11-14T05:14:37",
-		productStatus: "DRAFT",
-		warningDetail: {
-			areas: [
-				{
-					geoJSON: {
-						features: [
-							{
-								geometry: {
-									type: "Polygon",
-									coordinates: [
-										[
-											[
-												10,
-												20
-											],
-											[
-												15,
-												25
-											],
-											[
-												20,
-												20
-											],
-											[
-												10,
-												20
-											]
-										]
-									]
-								},
-								properties: {
-									selectionType: "fir",
-									stroke: "#0075a9",
-									"stroke-width": 1.5,
-									"stroke-opacity": 1,
-									fill: "#0075a9",
-									"fill-opacity": 0.4
-								},
-								type: "Feature"
-							}
-						],
-						type: "FeatureCollection"
-					},
-					objectName: "ENOB"
-				}
-			],
-			descriptionOriginal: "",
-			descriptionTranslation: "",
-			firName: "BODOE OCEANIC FIR",
-			incident: "-1",
-			level: "SIG",
-			phenomenon: "EMBD_TSGR",
-			probability: "0",
-			validFrom: "2024-11-14T05:30:14Z",
-			validUntil: "2024-11-14T07:30:14Z"
-		}
-	},
-	{
-		id: "fc4c0002-8d32-11ef-888b-ee87a1644661",
-		lastUpdatedTime: "2024-11-14T05:14:06",
-		productStatus: "EXPIRED",
-		warningDetail: {
-			areas: [
-				{
-					geoJSON: null,
-					objectName: "EFIN"
-				}
-			],
-			descriptionOriginal: "",
-			descriptionTranslation: "",
-			firName: "HELSINKI FIR",
-			incident: "T01",
-			level: "SIG",
-			phenomenon: "OBSC_TS",
-			probability: "0",
-			validFrom: "2024-11-13T05:30:14Z",
-			validUntil: "2024-11-13T07:30:14Z"
-		}
-	},
-	{
-		id: "fe4a14bc-8a90-11ef-9090-6c08d8abf452",
-		lastUpdatedTime: "2024-10-08T08:10:30",
-		productStatus: "PUBLISHED",
-		warningDetail: {
-			areas: [
-				{
-					geoJSON: null,
-					objectName: "EHAA"
-				}
-			],
-			descriptionOriginal: "",
-			descriptionTranslation: "",
-			firName: "AMSTERDAM FIR",
-			incident: "Z01",
-			level: "SIG",
-			phenomenon: "SEV_ICE",
-			probability: "0",
-			validFrom: "2024-10-08T05:30:14Z",
-			validUntil: "2024-10-08T09:30:14Z"
-		}
-	}
-];
-
-var airmetListJSON = [
-	{
-		id: "02d3727a-b190-11ef-ba31-067f7750936d",
-		lastUpdatedTime: "2024-12-03T16:02:35",
-		productStatus: "DRAFT",
-		warningDetail: {
-			areas: [
-				{
-					geoJSON: null,
-					objectName: "EHAA"
-				}
-			],
-			descriptionOriginal: "",
-			descriptionTranslation: "",
-			firName: "AMSTERDAM FIR",
-			incident: "-1",
-			level: "AIR",
-			phenomenon: "SFC_WIND",
-			probability: "0",
-			validFrom: "2024-12-03T17:00:09Z",
-			validUntil: "2024-12-03T21:00:09Z"
-		}
-	},
-	{
-		id: "1a868884-9076-11ef-8e82-5a063b90cdf6",
-		lastUpdatedTime: "2024-10-22T13:03:56",
-		productStatus: "DRAFT",
-		warningDetail: {
-			areas: [
-				{
-					geoJSON: null,
-					objectName: "EHAA"
-				}
-			],
-			descriptionOriginal: "",
-			descriptionTranslation: "",
-			firName: "AMSTERDAM FIR",
-			incident: "-1",
-			level: "AIR",
-			phenomenon: "MOD_TURB",
-			probability: "0",
-			validFrom: "2024-10-22T15:00:09Z",
-			validUntil: "2024-10-22T18:00:09Z"
-		}
-	},
-	{
-		id: "4ac7fc94-c670-11ee-8ace-92491e683685",
-		lastUpdatedTime: "2024-02-08T12:26:31.803468",
-		productStatus: "EXPIRED",
-		warningDetail: {
-			areas: [
-				{
-					geoJSON: null,
-					objectName: "ENOR"
-				}
-			],
-			descriptionOriginal: "",
-			descriptionTranslation: "",
-			firName: "POLARIS FIR",
-			incident: "T01",
-			level: "AIR",
-			phenomenon: "OBSC_TS",
-			probability: "0",
-			validFrom: "2024-02-08T09:00:09Z",
-			validUntil: "2024-02-08T11:00:09Z"
-		}
-	},
-	{
-		id: "9dbcd4c6-c4c0-11ee-a0e9-9e39e246af14",
-		lastUpdatedTime: "2024-02-06T07:15:18.166785",
-		productStatus: "PUBLISHED",
-		warningDetail: {
-			areas: [
-				{
-					geoJSON: null,
-					objectName: "EHAA"
-				}
-			],
-			descriptionOriginal: "",
-			descriptionTranslation: "",
-			firName: "AMSTERDAM FIR",
-			incident: "Z01",
-			level: "AIR",
-			phenomenon: "SEV_ICE",
-			probability: "0",
-			validFrom: "2024-02-06T08:00:09Z",
-			validUntil: "2024-02-06T12:00:09Z"
-		}
-	}
-];
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -7152,8 +6965,6 @@ var warningList = warningListJSON;
 warningList.filter(function (warning) {
   return warning.status !== 'EXPIRED' && warning.status !== 'WITHDRAWN';
 }).length;
-var sigmetList = sigmetListJSON;
-var airmetList = airmetListJSON;
 var areaKeywordList = ['North Sea districts', 'Coastal Districts', 'KNMI Specific', 'Objects', 'Baltic areas', 'NL', 'FI', 'METNorway Specific', 'Provinces', 'FIR', 'Countries'];
 
 /* *
@@ -7254,7 +7065,7 @@ var getApiRoutes = function getApiRoutes(axiosInstance) {
     getWarnings: function getWarnings() {
       return axiosInstance.get("/warnings/").then(function () {
         return {
-          data: warningList.concat(sigmetList, airmetList)
+          data: warningList
         };
       });
     },
@@ -8439,9 +8250,16 @@ 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);
+(_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 initialFilters = {
+  incident: defaultEmptyFilter,
+  source: defaultEmptyFilter,
+  domain: defaultDomainFilter,
+  phenomenon: defaultEmptyFilter,
+  level: defaultLevelFilter
+};
+var getSelectedOptions = function getSelectedOptions(options) {
   var selectedOptions = Object.keys(options).filter(function (k) {
     return options[k];
   });
@@ -8459,10 +8277,16 @@ var updateState = function updateState(state, optionKey, value, only) {
       return Object.assign({}, acc, (_Object$assign = {}, _Object$assign[k] = k === optionKey, _Object$assign));
     }, {});
   }
-  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$assign2;
+      return Object.assign({}, acc, (_Object$assign2 = {}, _Object$assign2[k] = value, _Object$assign2));
+    }, {});
+  }
+  return Object.assign({}, state, (_Object$assign3 = {}, _Object$assign3[optionKey] = value, _Object$assign3));
 };
 /** Make sure our value is in the filter */
 var getValue = function getValue(values, value) {
@@ -10679,6 +10503,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({
@@ -10708,12 +10533,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({
@@ -10759,7 +10586,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
     }
   };
 };
@@ -11303,9 +11131,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, {
@@ -11454,6 +11282,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,
@@ -11491,7 +11320,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],
@@ -11691,7 +11520,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;
@@ -11707,6 +11536,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;
@@ -11721,7 +11556,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, {
@@ -11970,7 +11807,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',
@@ -12189,6 +12026,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
   var _ref$warnings = _ref.warnings,
     warnings = _ref$warnings === void 0 ? [] : _ref$warnings,
     filterHookState = _ref.filterHookState,
+    filterState = _ref.filterState,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     error = _ref.error,
@@ -12214,8 +12052,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;
@@ -12551,6 +12388,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,
@@ -12647,35 +12515,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, isLoading) {
+  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]);
@@ -12684,20 +12568,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]);
@@ -12706,23 +12580,35 @@ 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;
+    if (isLoading) {
+      return;
+    }
+    // when the warnings change, update the filters
+    onUpdateFilters({
+      incident: updatedPickedIncidents,
+      source: updatedPickedSources,
+      domain: pickedDomainFilter,
+      phenomenon: updatedPickedPhenomena,
+      level: updatedPickedLevels
+    }, 'system');
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [warnings]);
+  useEffect(function () {
+    // when the preset changes, update the filters
+    if (presetFilterState) {
+      onUpdateFilters(presetFilterState, 'system');
+    } else {
+      // for a preset without filters saved use the initial filters
+      onUpdateFilters(initialFilters, 'system');
+    }
+  }, [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
@@ -12730,49 +12616,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);
@@ -12796,15 +12680,8 @@ var useWarningFilters = function useWarningFilters(warnings) {
       return false;
     }
     return true;
-  }, [domainFilter, pickedLevelFilter, pickedPhenomenonFilter, relevantSources, pickedSourceFilter, relevantIncidents, pickedIncidentFilter]);
+  }, [pickedDomainFilter, pickedLevelFilter, pickedPhenomenonFilter, relevantSources, pickedSourceFilter, relevantIncidents, pickedIncidentFilter]);
   return {
-    filterState: {
-      incident: pickedIncidentFilter,
-      source: pickedSourceFilter,
-      domain: domainFilter,
-      phenomenon: pickedPhenomenonFilter,
-      level: pickedLevelFilter
-    },
     allSelected: allSelected,
     updateFilter: updateFilter,
     byFilterState: byFilterState
@@ -12812,7 +12689,8 @@ var useWarningFilters = function useWarningFilters(warnings) {
 };
 
 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();
@@ -12832,10 +12710,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) {
@@ -12865,7 +12746,8 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
               publicWarning: publicWarning
             }, {
               formState: formAction,
-              warningType: warningType
+              warningType: warningType,
+              panelId: panelId
             })));
           case 7:
           case "end":
@@ -13040,7 +12922,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, isLoading);
   var filteredWarnings = React__default.useMemo(function () {
     return combinedWarnings.filter(filterHookState.byFilterState);
   }, [combinedWarnings, filterHookState.byFilterState]);
@@ -13097,6 +12986,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       lastUpdatedTime: lastUpdatedTime,
       onRefetchWarnings: fetchWarnings,
       filterHookState: filterHookState,
+      filterState: savedFilterState,
       hoveredFeatureId: hoveredFeatureId
     }), confirmDialogOptions && jsx(ConfirmDeleteWarningDialog, {
       onClose: function onClose() {
@@ -13122,7 +13012,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,
@@ -13135,25 +13026,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;
@@ -13353,16 +13248,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();
         }
@@ -13375,7 +13274,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) {
@@ -13421,7 +13320,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) {
@@ -13441,12 +13340,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,
@@ -13647,6 +13546,7 @@ 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,
@@ -13656,4 +13556,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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "9.36.0",
+  "version": "10.0.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -29,7 +29,8 @@
     "@opengeoweb/sigmet-airmet": "*",
     "react-i18next": "^15.1.1",
     "i18next": "^23.11.5",
-    "@mui/material": "^6.1.1"
+    "@mui/material": "^6.1.1",
+    "msw": "^1.3.3"
   },
   "peerDependencies": {
     "react": "18",

package/src/index.d.ts

@@ -6,5 +6,9 @@ export * from './lib/components/DrawingToolForm';
 export * from './lib/components/PublicWarningsFormDialog';
 export * from './lib/components/ComponentsLookUp';
 export * from './lib/store/config';
+export * from './lib/store';
 export { WARN_NAMESPACE } from './lib/utils/i18n';
 export { warningsTranslations };
+export * as publicWarningsSelectors from './lib/store/publicWarnings/selectors';
+export * from './lib/store/types';
+export * from './lib/store/publicWarnings/reducer';

package/src/lib/aviation-api/api.d.ts

@@ -3,7 +3,6 @@ import { AirmetConfig, AirmetFromBackend, SigmetConfig, SigmetFromBackend } from
 import { AviationProduct } from '@opengeoweb/sigmet-airmet';
 export declare const getAirmetList: (auth: Credentials) => Promise<AirmetFromBackend[]>;
 export declare const getSigmetList: (auth: Credentials) => Promise<SigmetFromBackend[]>;
-export declare const getlocalProductConfig: <T extends SigmetConfig | AirmetConfig>(configUrl: string) => Promise<T>;
 export declare const getAirmetConfig: (auth: Credentials) => Promise<AirmetConfig>;
 export declare const getSigmetConfig: (auth: Credentials) => Promise<SigmetConfig>;
 export declare const getAirmetTAC: (auth: Credentials, product: AviationProduct) => Promise<{

package/src/lib/aviation-api/fakeApi.d.ts

@@ -0,0 +1,3 @@
+export declare const fakeSigmetTAC = "EHAA SIGMET 1 VALID 121249/121449 EHDB- EHAA AMSTERDAM FIR FRQ TS OBS ENTIRE FIR FL010 STNR WKN";
+export declare const fakeAirmetTAC = "EHAA AIRMET -1 VALID 310700/311100 EHDB- EHAA AMSTERDAM FIR ISOL CB OBS ENTIRE FIR FL020 STNR NC";
+export declare const aviationEndpoints: import("msw").RestHandler<import("msw").MockedRequest<import("msw").DefaultBodyType>>[];

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ApiModule, ApiUrls } from '@opengeoweb/api';
-type WarningListComponentType = 'WarningList';
+import { PublicWarningListConnectProps } from '../PublicWarningList';
+export type WarningListComponentType = 'WarningList';
 export interface ComponentsLookUpPayload {
     componentType: WarningListComponentType;
     id: string;
@@ -10,8 +11,7 @@ export interface ComponentsLookUpPayload {
 export interface ApiModuleProps extends ApiModule {
     config: ApiUrls;
 }
-interface Props extends ApiModuleProps {
-    panelId: string;
+interface Props extends ApiModuleProps, PublicWarningListConnectProps {
 }
 export declare const PublicWarningApiWrapper: React.FC<Props>;
 export declare const componentsLookUp: (payload: ComponentsLookUpPayload, apiProps?: ApiModuleProps) => React.ReactElement;

package/src/lib/components/FilterList/filter-hooks.d.ts

@@ -1,5 +1,6 @@
 import { PublicWarning } from '../../store/publicWarningForm/types';
 import { defaultDomainFilter, defaultEmptyFilter, defaultLevelFilter, defaultPhenomenonFilter } from './filter-utils';
+export type UpdateFiltersOrigin = 'user' | 'system';
 export interface PickedFilterState {
     incident: Partial<typeof defaultEmptyFilter>;
     source: Partial<typeof defaultEmptyFilter>;
@@ -18,10 +19,9 @@ export type FilterKeyType = keyof FilterState;
 export type OptionKey<T extends FilterKeyType> = keyof FilterState[T];
 export type UpdateFilter = <T extends FilterKeyType>(filterKey: T | 'ALL', optionKey: OptionKey<T> | 'ALL', value: boolean, only?: boolean) => void;
 export interface FilterHookState {
-    filterState: PickedFilterState;
     allSelected: boolean;
     updateFilter: UpdateFilter;
     byFilterState: (warning: PublicWarning) => boolean;
 }
-export declare const useWarningFilters: (warnings: PublicWarning[]) => FilterHookState;
+export declare const useWarningFilters: (warnings: PublicWarning[], onUpdateFilters: (filterState: PickedFilterState, origin: UpdateFiltersOrigin) => void, savedFilterState: PickedFilterState, presetFilterState?: PickedFilterState, isLoading?: boolean) => FilterHookState;
 export {};

package/src/lib/components/FilterList/filter-utils.d.ts

@@ -27,6 +27,13 @@ export declare const domainLevels: Record<Domain, Level[]>;
 export declare const defaultLevelFilter: Record<Level | 'unspecified', boolean>;
 export declare const defaultEmptyFilter: Record<string, boolean>;
 export declare const defaultPhenomenonFilter: Record<Phenomenon | 'unspecified', boolean>;
+export declare const initialFilters: {
+    incident: Record<string, boolean>;
+    source: Record<string, boolean>;
+    domain: Record<Domain, boolean>;
+    phenomenon: Record<string, boolean>;
+    level: Record<"unspecified" | Level, boolean>;
+};
 type OptionsType = Partial<Record<Domain | Level | Phenomenon, boolean>>;
 interface OptionsMetadata {
     /** The number of selected options */
@@ -34,8 +41,8 @@ interface OptionsMetadata {
     /** Whether or not all options are selected */
     allSelected: boolean;
 }
-export declare const useSelectedOptions: (options: OptionsType) => OptionsMetadata;
-export declare const updateState: <T extends string>(state: Record<T, boolean>, optionKey: T | 'ALL', value: boolean, only?: boolean) => Record<T, boolean>;
+export declare const getSelectedOptions: (options: OptionsType) => OptionsMetadata;
+export declare const updateState: <T extends string>(state: Partial<Record<T, boolean>>, optionKey: T | 'ALL', value: boolean, only?: boolean) => Record<T, boolean>;
 /** Make sure our value is in the filter */
 export declare const getValue: <T>(values: Record<string, T>, value: string) => T | 'unspecified';
 export declare const getFiltersFromWarnings: (warnings: PublicWarning[], filterKey: string) => string[];

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PublicWarning } from '../../store/publicWarningForm/types';
-import { FilterHookState } from '../FilterList/filter-hooks';
+import { FilterHookState, PickedFilterState } from '../FilterList/filter-hooks';
 import { WarningListItemActions } from './WarningListItemMenu';
 export interface PublicWarningListProps extends WarningListItemActions {
     warnings: PublicWarning[];
@@ -12,6 +12,7 @@ export interface PublicWarningListProps extends WarningListItemActions {
     onCreateWarning?: () => void;
     onRefetchWarnings?: () => void;
     filterHookState: FilterHookState;
+    filterState: PickedFilterState;
     hoveredFeatureId?: string;
     expandedSections: Record<string, boolean>;
     setExpandedSections: (expandedSections: Record<string, boolean>) => void;

package/src/lib/components/PublicWarningList/PublicWarningListConnect.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-interface Props {
-    panelId?: string;
+import { PickedFilterState } from '../FilterList/filter-hooks';
+export interface PublicWarningListConnectProps {
+    panelId: string;
+    presetFilterState?: PickedFilterState;
 }
-export declare const PublicWarningListConnect: React.FC<Props>;
+export declare const PublicWarningListConnect: React.FC<PublicWarningListConnectProps>;
 export default PublicWarningListConnect;

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

@@ -0,0 +1,2 @@
+export { reducer as warningsDrawingsReducer } from './reducer';
+export { drawingsListener as warningsDrawingsListener } from './listener';

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

@@ -0,0 +1,3 @@
+export * from './publicWarningForm';
+export * from './drawings';
+export * from './publicWarnings';

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

@@ -0,0 +1,2 @@
+export { reducer as publicWarningFormReducer } from './reducer';
+export { publicWarningFormListener } from './listener';

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

@@ -16,6 +16,7 @@ export interface PublicWarningFormState {
     selectedPublicWarningId?: string;
     isFormDirty?: boolean;
     warningType?: WarningType;
+    panelId?: string;
 }
 export declare const TAKEOVER_MESSAGE = "You are no longer the editor of this warning";
 export declare const initialState: PublicWarningFormState;
@@ -37,6 +38,7 @@ export declare const publicWarningFormActions: import("@reduxjs/toolkit").CaseRe
         formState?: FormAction;
         publicWarning?: PublicWarning;
         warningType?: WarningType;
+        panelId?: string;
     }>) => void;
     toggleEditorWarning: (draft: Draft<PublicWarningFormState>, action: PayloadAction<{
         warningId: string;

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

@@ -23,6 +23,7 @@ export interface PublicWarningDetail {
     linked_to_id?: string;
     incident?: string;
     firName?: string;
+    cancelId?: string;
 }
 export declare enum PublicWarningStatus {
     DRAFT = "DRAFT",

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

@@ -0,0 +1,2 @@
+export { reducer as publicWarningsReducer } from './reducer';
+export { publicWarningsListener } from './listener';

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

@@ -1,6 +1,7 @@
 import { PayloadAction, Draft } from '@reduxjs/toolkit';
 import { PublicWarningsState } from './types';
 import { PublicWarning } from '../publicWarningForm/types';
+import { PickedFilterState, UpdateFiltersOrigin } from '../../components/FilterList/filter-hooks';
 export declare const publicWarningsAdapter: import("@reduxjs/toolkit").EntityAdapter<PublicWarning>;
 export declare const initialState: PublicWarningsState;
 export declare const reducer: import("redux").Reducer<PublicWarningsState>;
@@ -16,4 +17,9 @@ export declare const publicWarningActions: import("@reduxjs/toolkit").CaseReduce
             message: string;
         };
     }>) => void;
+    setWarningFilters: (draft: Draft<PublicWarningsState>, action: PayloadAction<{
+        filterState: PickedFilterState;
+        panelId?: string;
+        origin: UpdateFiltersOrigin;
+    }>) => void;
 }, "publicWarnings">;

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

@@ -17,3 +17,33 @@ export declare const getPublicWarningsLastUpdatedTime: ((state: WarningModuleSto
 }> & {
     clearCache: () => void;
 };
+export declare const getWarningsFilterById: ((state: WarningModuleStore, panelId?: string | undefined) => import("../../components/FilterList/filter-hooks").PickedFilterState | {
+    incident: Record<string, boolean>;
+    source: Record<string, boolean>;
+    domain: Record<import("../../components/FilterList/filter-utils").Domain, boolean>;
+    phenomenon: Record<string, boolean>;
+    level: Record<import("../../components/FilterList/filter-utils").Level | "unspecified", boolean>;
+}) & import("reselect").OutputSelectorFields<(args_0: Record<string, import("../../components/FilterList/filter-hooks").PickedFilterState>, args_1: string | undefined) => import("../../components/FilterList/filter-hooks").PickedFilterState | {
+    incident: Record<string, boolean>;
+    source: Record<string, boolean>;
+    domain: Record<import("../../components/FilterList/filter-utils").Domain, boolean>;
+    phenomenon: Record<string, boolean>;
+    level: Record<import("../../components/FilterList/filter-utils").Level | "unspecified", boolean>;
+}, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getWarningsPresetById: ((state: WarningModuleStore, panelId?: string | undefined) => {
+    filterState: null;
+} | {
+    filterState: import("../../components/FilterList/filter-hooks").PickedFilterState;
+}) & import("reselect").OutputSelectorFields<(args_0: Record<string, import("../../components/FilterList/filter-hooks").PickedFilterState>, args_1: string | undefined) => {
+    filterState: null;
+} | {
+    filterState: import("../../components/FilterList/filter-hooks").PickedFilterState;
+}, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

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

@@ -1,5 +1,6 @@
 import { EntityState } from '@reduxjs/toolkit';
 import { PublicWarning } from '../publicWarningForm/types';
+import { PickedFilterState } from '../../components/FilterList/filter-hooks';
 export interface FilterTranslation {
     translationKey: string;
     key: string;
@@ -14,4 +15,5 @@ export interface PublicWarningsState {
     isLoading: boolean;
     lastUpdatedTime: string;
     error?: PublicWarningError;
+    filterState: Record<string, PickedFilterState>;
 }