@opengeoweb/warnings 9.35.0 → 9.36.0

package/index.esm.js

@@ -1,18 +1,19 @@
 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, Close, Options, ChevronDown, ChevronUp, Copy, Success, Expire, Remove, ArrowUpCompact, ArrowDownCompact } from '@opengeoweb/theme';
-import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, layerActions, useSetupDialog, selectorMemoizationOptions, useUpdateSharedData } from '@opengeoweb/store';
+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 { 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, getPosition, FilterChip, FilterListItem, FilterLabel, FilterOption, StatusTag, LastUpdateTime, ErrorBoundary, pollingIntervalTimeout, isAxiosError as isAxiosError$1 } from '@opengeoweb/shared';
+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';
 import 'i18next';
 import { useTranslation } from 'react-i18next';
 import '@opengeoweb/core';
 import { FORM_FIELDS_NAMESPACE, ReactHookFormHiddenInput, isValidGeoJsonCoordinates, ReactHookFormSelect, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions, useDraftFormHelpers, errorMessages, ReactHookFormDateTime, isXHoursBefore, isXHoursAfter, isEmpty } from '@opengeoweb/form-fields';
 import { LayerType, generateMapId, getWMJSMapById, getGeoCoordFromLatLong, WMBBOX } from '@opengeoweb/webmap';
+import { SigmetForm, isInstanceOfCancelSigmet, AirmetForm, isInstanceOfCancelAirmet, getProductFormMode } from '@opengeoweb/sigmet-airmet';
 import { snackbarActions, snackbarTypes } from '@opengeoweb/snackbar';
 import * as React from 'react';
-import React__default, { useState, useEffect, useRef, useCallback } from 'react';
+import React__default, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { styled, Box, Typography, ListItem, Grid2, Paper, ListItemButton, Stack, LinearProgress, Button, FormHelperText, MenuItem, Tabs, Tab, Card, CardContent, CircularProgress, Menu, DialogTitle, DialogContent, Switch, ListItemText } from '@mui/material';
 import { VariableSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
@@ -20,8 +21,6 @@ import { getApi, createApiInstance, createNonAuthApiInstance, createFakeApiInsta
 import { useFormContext } from 'react-hook-form';
 import { isEqual, cloneDeep, clamp, groupBy, pick } from 'lodash';
 import { getConfig, useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
-import { SigmetForm, isInstanceOfCancelSigmet, AirmetForm, isInstanceOfCancelAirmet, getProductFormMode } from '@opengeoweb/sigmet-airmet';
-import { produce } from 'immer';
 import { useQueryClient } from '@tanstack/react-query';
 import { isAxiosError } from 'axios';
 
@@ -57,7 +56,7 @@ var en = {
 	"object-manager-object-selected": "object selected",
 	"object-manager-share-menu": "Share object to",
 	"public-warning-title": "Public Warning",
-	"close-warning-dialog-title": "Close Public warning",
+	"close-warning-dialog-title": "Close warning",
 	"warning-edit-mode-title": "Switch to edit mode",
 	"warning-edit-mode-description": "This warning is already in edit mode by another user and important information could get lost in the switching process.",
 	"warning-dialog-cancel": "Go back",
@@ -234,7 +233,7 @@ var nl = {
 	"object-manager-object-selected": "object geselecteerd",
 	"object-manager-share-menu": "Object delen naar",
 	"public-warning-title": "Publieke Waarschuwing",
-	"close-warning-dialog-title": "Publieke waarschuwing sluiten",
+	"close-warning-dialog-title": "Waarschuwing sluiten",
 	"warning-edit-mode-title": "Wissel naar bewerken",
 	"warning-edit-mode-description": "Deze waarschuwing wordt al bewerkt door een andere gebruiker en belangrijke informatie kan verloren gaan.",
 	"warning-dialog-cancel": "Ga terug",
@@ -372,7 +371,7 @@ var fi = {
 	"object-manager-object-selected": "objekti valittuna",
 	"object-manager-share-menu": "Jaa objekti",
 	"public-warning-title": "Julkiset varoitukset",
-	"close-warning-dialog-title": "Sulje julkiset varoitukset",
+	"close-warning-dialog-title": "Sulje varoitukset",
 	"warning-edit-mode-title": "Vaihda editointitilaan",
 	"warning-edit-mode-description": "Tämä varoitus on jo editointitilassa toisen käyttäjän toimesta. Tärkeää tietoa saatetaan menettää, jos editointitilaa vaihdetaan.",
 	"warning-dialog-cancel": "Palaa takaisin",
@@ -2084,137 +2083,6 @@ var ConfirmDeleteDialog = function ConfirmDeleteDialog(_ref) {
  * */
 var publicWarningDialogType = uiTypes.DialogTypes.PublicWarnings;
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var emptyFilter = {
-  id: 'unspecified',
-  name: '(not specified)',
-  checked: true
-};
-var defaultFilters = [{
-  key: 'incident',
-  translationKey: 'filter-incident'
-}, {
-  key: 'warningProposalSource',
-  translationKey: 'filter-source'
-}];
-var getFiltersFromWarnings = function getFiltersFromWarnings(t, warnings) {
-  if (!warnings || !warnings.length) {
-    // return default list
-    return defaultFilters.map(function (_ref) {
-      var key = _ref.key,
-        translationKey = _ref.translationKey;
-      return {
-        id: key,
-        translationKey: translationKey,
-        filterList: []
-      };
-    });
-  }
-  var filledFilters = defaultFilters.map(function (_ref2) {
-    var key = _ref2.key,
-      translationKey = _ref2.translationKey,
-      translations = _ref2.translations;
-    var filterOptions = [];
-    warnings.forEach(function (warning) {
-      var id = warning.warningDetail[key];
-      if (id && filterOptions.findIndex(function (option) {
-        return option.filter.id === id;
-      }) === -1) {
-        var _translationKey = translations && translations[id];
-        var label = _translationKey ? t(_translationKey) : id;
-        var filter = {
-          id: id,
-          name: label,
-          checked: true
-        };
-        filterOptions.push({
-          filter: filter
-        });
-      }
-    });
-    // add option for empty
-    filterOptions.push({
-      filter: emptyFilter
-    });
-    // sort alphabetically
-    var filtersSorted = [].concat(filterOptions).sort(function (a, b) {
-      return a.filter.name.localeCompare(b.filter.name);
-    });
-    return {
-      id: key,
-      translationKey: translationKey,
-      filterList: filtersSorted
-    };
-  });
-  return filledFilters;
-};
-var isWarningMatchingFilter = function isWarningMatchingFilter(filters, filterId, warningDetailValue) {
-  return filters.some(function (filter) {
-    return filter.filterId === filterId && filter.optionId === warningDetailValue;
-  }) || !warningDetailValue && filters.some(function (filter) {
-    return filter.filterId === filterId && filter.optionId === emptyFilter.id;
-  });
-};
-var getUpdatedFilters = function getUpdatedFilters(filters, newFilters) {
-  return filters.ids.reduce(function (list, id) {
-    var _filters$entities$id;
-    var existingFilterList = (_filters$entities$id = filters.entities[id]) == null ? void 0 : _filters$entities$id.filterList;
-    var newFilter = newFilters.find(function (filter) {
-      return filter.id === id;
-    });
-    if (newFilter && existingFilterList) {
-      var updatedFilterList = getUpdatedFilterList(existingFilterList, newFilter.filterList);
-      list.push({
-        id: id,
-        changes: Object.assign({}, newFilter, {
-          filterList: updatedFilterList
-        })
-      });
-    }
-    return list;
-  }, []);
-};
-var getUpdatedFilterList = function getUpdatedFilterList(oldList, newList) {
-  var updatedList = [];
-  // if the item existed already, keep its state
-  oldList.forEach(function (oldListItem) {
-    if (newList.some(function (newListItem) {
-      return newListItem.filter.id === oldListItem.filter.id;
-    })) {
-      updatedList.push(oldListItem);
-    }
-  });
-  // if the item did not exist yet, add it
-  newList.forEach(function (newListItem) {
-    if (oldList.every(function (oldListItem) {
-      return oldListItem.filter.id !== newListItem.filter.id;
-    })) {
-      updatedList.push(newListItem);
-    }
-  });
-  // sort alphabetically
-  var sortedList = [].concat(updatedList).sort(function (a, b) {
-    return a.filter.name.localeCompare(b.filter.name);
-  });
-  return sortedList;
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -2237,12 +2105,10 @@ var publicWarningsAdapter = createEntityAdapter({
     return warning.id;
   }
 });
-var warningListFilterAdapter = createEntityAdapter();
 var initialState$1 = {
   warnings: publicWarningsAdapter.getInitialState(),
   isLoading: true,
-  lastUpdatedTime: '',
-  filters: warningListFilterAdapter.getInitialState()
+  lastUpdatedTime: ''
 };
 var slice$1 = createSlice({
   initialState: initialState$1,
@@ -2264,63 +2130,6 @@ var slice$1 = createSlice({
       var error = action.payload.error;
       draft.isLoading = false;
       draft.error = error;
-    },
-    setWarningListFilters: function setWarningListFilters(draft, action) {
-      var newFilters = action.payload.newFilters;
-      // Update existing filters
-      var updates = getUpdatedFilters(draft.filters, newFilters);
-      warningListFilterAdapter.updateMany(draft.filters, updates);
-      // Add any new filters that didn't exist before
-      var newFiltersToAdd = newFilters.filter(function (filter) {
-        return !draft.filters.ids.includes(filter.id);
-      });
-      warningListFilterAdapter.upsertMany(draft.filters, newFiltersToAdd);
-    },
-    toggleFilter: function toggleFilter(draft, action) {
-      var _action$payload2 = action.payload,
-        filterId = _action$payload2.filterId,
-        isChecked = _action$payload2.isChecked;
-      if (!draft.filters.entities[filterId]) {
-        return;
-      }
-      draft.filters.entities[filterId].filterList.forEach(function (_, index) {
-        draft.filters.entities[filterId].filterList[index].filter.checked = !isChecked;
-      });
-    },
-    toggleOption: function toggleOption(draft, action) {
-      var _action$payload3 = action.payload,
-        filterId = _action$payload3.filterId,
-        optionId = _action$payload3.optionId;
-      if (!draft.filters.entities[filterId]) {
-        return;
-      }
-      var index = draft.filters.entities[filterId].filterList.findIndex(function (option) {
-        return option.filter.id === optionId;
-      });
-      if (index === -1) {
-        return;
-      }
-      draft.filters.entities[filterId].filterList[index].filter.checked = !draft.filters.entities[filterId].filterList[index].filter.checked;
-    },
-    enableOnlyOneFilterOption: function enableOnlyOneFilterOption(draft, action) {
-      var _action$payload4 = action.payload,
-        filterId = _action$payload4.filterId,
-        optionId = _action$payload4.optionId;
-      if (!draft.filters.entities[filterId]) {
-        return;
-      }
-      draft.filters.entities[filterId].filterList.forEach(function (_, index) {
-        var newStatus = draft.filters.entities[filterId].filterList[index].filter.id === optionId;
-        draft.filters.entities[filterId].filterList[index].filter.checked = newStatus;
-      });
-    },
-    toggleAllFilters: function toggleAllFilters(draft, action) {
-      var isChecked = action.payload.isChecked;
-      draft.filters.ids.forEach(function (id) {
-        draft.filters.entities[id].filterList.forEach(function (_, index) {
-          draft.filters.entities[id].filterList[index].filter.checked = !isChecked;
-        });
-      });
     }
   }
 });
@@ -2393,11 +2202,14 @@ var slice = createSlice({
         object = _action$payload2.object,
         publicWarning = _action$payload2.publicWarning,
         _action$payload2$form = _action$payload2.formState,
-        formState = _action$payload2$form === void 0 ? '' : _action$payload2$form;
+        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;
       draft.object = object;
       draft.publicWarning = publicWarning;
       draft.selectedPublicWarningId = publicWarning == null ? void 0 : publicWarning.id;
       draft.formState = formState;
+      draft.warningType = warningType;
     },
     toggleEditorWarning: function toggleEditorWarning(draft,
     // eslint-disable-next-line no-unused-vars
@@ -2471,6 +2283,7 @@ var slice = createSlice({
         delete draft.error;
         delete draft.selectedPublicWarningId;
         delete draft.isFormDirty;
+        delete draft.warningType;
       }
     }).addCase(publicWarningActions.fetchWarningsSuccess, function (draft, action) {
       var warnings = action.payload.warnings;
@@ -6950,6 +6763,7 @@ var warningListJSON = [
 		lastUpdatedTime: "2023-12-05T16:47:43Z",
 		status: "WITHDRAWN",
 		warningDetail: {
+			id: "3f756602-937d-11ee-a1bf-4k3k3k",
 			phenomenon: "thunderstorm",
 			areas: [
 				{
@@ -7006,6 +6820,7 @@ var warningListJSON = [
 		lastUpdatedTime: "2023-12-05T14:48:04Z",
 		status: "EXPIRED",
 		warningDetail: {
+			id: "4b94edb8-937d-11ee-b619-0ab3cf8a98c1",
 			phenomenon: "snowIce",
 			areas: [
 				{
@@ -7062,6 +6877,7 @@ var warningListJSON = [
 		lastUpdatedTime: "2023-12-05T14:47:43Z",
 		status: "EXPIRED",
 		warningDetail: {
+			id: "3f756602-937d-11ee-a1bf-0ab3cf8a98c1",
 			phenomenon: "thunderstorm",
 			areas: [
 				{
@@ -7115,6 +6931,204 @@ 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.
@@ -7135,6 +7149,11 @@ var warningListJSON = [
 var drawingList = drawingListJSON;
 var drawingsListFullContent = drawingsListFullContentJSON;
 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'];
 
 /* *
@@ -7235,7 +7254,7 @@ var getApiRoutes = function getApiRoutes(axiosInstance) {
     getWarnings: function getWarnings() {
       return axiosInstance.get("/warnings/").then(function () {
         return {
-          data: warningList
+          data: warningList.concat(sigmetList, airmetList)
         };
       });
     },
@@ -7979,7 +7998,8 @@ var PublicWarningsFormDialog = function PublicWarningsFormDialog(_ref) {
     shouldHideFormMode = _ref$shouldHideFormMo === void 0 ? false : _ref$shouldHideFormMo,
     publicWarningEditor = _ref.publicWarningEditor,
     selectedAviationProduct = _ref.selectedAviationProduct,
-    warningType = _ref.warningType;
+    _ref$warningType = _ref.warningType,
+    warningType = _ref$warningType === void 0 ? 'public' : _ref$warningType;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var minSize = selectedAviationProduct ? {
@@ -8364,6 +8384,109 @@ var AreaField = function AreaField(_ref) {
   });
 };
 
+var _defaultLevelFilter, _defaultEmptyFilter, _defaultPhenomenonFil;
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var Domain;
+(function (Domain) {
+  Domain["aviation"] = "aviation";
+  Domain["maritime"] = "maritime";
+  Domain["public"] = "public";
+})(Domain || (Domain = {}));
+var Level;
+(function (Level) {
+  Level["extreme"] = "extreme";
+  Level["moderate"] = "moderate";
+  Level["severe"] = "severe";
+  Level["airmet"] = "AIR";
+  Level["sigmet"] = "SIG";
+})(Level || (Level = {}));
+var Phenomenon$1;
+(function (Phenomenon) {
+  Phenomenon["wind"] = "wind";
+  Phenomenon["fog"] = "fog";
+  Phenomenon["thunderstorm"] = "thunderstorm";
+  Phenomenon["snowIce"] = "snowIce";
+  Phenomenon["rain"] = "rain";
+  Phenomenon["highTemp"] = "highTemp";
+  Phenomenon["lowTemp"] = "lowTemp";
+  Phenomenon["coastalEvent"] = "coastalEvent";
+})(Phenomenon$1 || (Phenomenon$1 = {}));
+var emptyFilterId = 'unspecified';
+var defaultDomainFilter = {
+  aviation: false,
+  maritime: false,
+  "public": true
+};
+var domainLevels = {
+  aviation: [Level.airmet, Level.sigmet],
+  maritime: [],
+  "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 selectedOptions = Object.keys(options).filter(function (k) {
+    return options[k];
+  });
+  var allSelected = selectedOptions.length === Object.keys(options).length;
+  return {
+    noSelectedOptions: selectedOptions.length,
+    allSelected: allSelected
+  };
+};
+var updateState = function updateState(state, optionKey, value, only) {
+  var _Object$assign3;
+  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));
+    }, {});
+  }
+  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));
+};
+/** Make sure our value is in the filter */
+var getValue = function getValue(values, value) {
+  return Object.values(values).find(function (v) {
+    return v === value;
+  }) || emptyFilterId;
+};
+var getFiltersFromWarnings = function getFiltersFromWarnings(warnings, filterKey) {
+  var filterOptions = [emptyFilterId];
+  if (!warnings || !warnings.length) {
+    // return default list
+    return filterOptions;
+  }
+  warnings.forEach(function (warning) {
+    var id = warning.warningDetail[filterKey];
+    if (id && filterOptions.findIndex(function (option) {
+      return option === id;
+    }) === -1) {
+      filterOptions.push(id);
+    }
+  });
+  return filterOptions;
+};
+
 var getWarningPhenomenaIcon = function getWarningPhenomenaIcon(key) {
   switch (key) {
     case 'wind':
@@ -8424,7 +8547,7 @@ var getAviationPhenomenaIcon = function getAviationPhenomenaIcon(key) {
 };
 var warningPhenomena = [{
   translationKey: 'warning-unspecified',
-  key: 'unspecified',
+  key: emptyFilterId,
   isAviation: false
 }, {
   translationKey: 'warning-phenomenon-wind',
@@ -8599,7 +8722,7 @@ var allPhenomenaDict = warningPhenomena.reduce(function (list, item) {
 var getPhenomenaIcon = function getPhenomenaIcon(key) {
   return getWarningPhenomenaIcon(key) || getAviationPhenomenaIcon(key);
 };
-var Phenomenon$1 = function Phenomenon(_ref) {
+var Phenomenon = function Phenomenon(_ref) {
   var isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly;
   var _useWarningsTranslati = useWarningsTranslation(),
@@ -8608,7 +8731,7 @@ var Phenomenon$1 = function Phenomenon(_ref) {
     isRequired = _useDraftFormHelpers.isRequired;
   // These phenomena are sent to Public Warning Form
   var warningFormPhenomena = warningPhenomena.filter(function (phenomenon) {
-    return !phenomenon.isAviation && phenomenon.key !== 'unspecified';
+    return !phenomenon.isAviation && phenomenon.key !== emptyFilterId;
   });
   return jsx(ReactHookFormSelect, {
     name: "phenomenon",
@@ -9189,15 +9312,6 @@ var getEmptyPublicWarning = function getEmptyPublicWarning() {
     areas: []
   };
 };
-var getDefaultFeatureProperties = function getDefaultFeatureProperties(level) {
-  return {
-    fill: LevelColors[level].color,
-    stroke: LevelColors[level].color,
-    'fill-opacity': 0.2,
-    'stroke-width': 2,
-    'stroke-opacity': 1
-  };
-};
 var getFormData = function getFormData(publicWarningsDetails, object) {
   var data = Object.assign({
     IS_DRAFT: '',
@@ -9234,7 +9348,7 @@ var ContainerFormWrapper = styled('div')(function (_ref) {
     height: isReadOnly ? '100%' : "calc(100% - 206px)",
     overflowY: 'auto'
   }, _ref2[containerQueryBreakpoint] = {
-    height: 'calc(100% - 88px)'
+    height: isReadOnly ? '100%' : 'calc(100% - 88px)'
   }, _ref2;
 });
 var sm6Width = 'calc(100% * 6 / var(--Grid-columns) - (var(--Grid-columns) - 6) * (var(--Grid-columnSpacing) / var(--Grid-columns)))';
@@ -9305,21 +9419,57 @@ var getErrors = function getErrors(errors) {
     errors: []
   }) : null;
 };
-var getWarningGeoJSONWithColor = function getWarningGeoJSONWithColor(level, geoJSON) {
-  if (!geoJSON) {
-    return undefined;
+function warningLevelFeatureColors(level, geoJSON,
+// Allow undefined
+isAviationWarning) {
+  if (isAviationWarning === void 0) {
+    isAviationWarning = false;
+  }
+  if (!geoJSON || !geoJSON.features) {
+    // Return an empty FeatureCollection if geoJSON is invalid
+    return {
+      type: 'FeatureCollection',
+      features: []
+    };
   }
-  return produce(geoJSON, function (draft) {
-    var draftFeature = draft == null ? void 0 : draft.features[0];
-    if (draftFeature) {
-      var defaultProps = getDefaultFeatureProperties(level);
-      if (!draftFeature.properties) {
-        draftFeature.properties = Object.assign({}, defaultProps);
+  return Object.assign({}, geoJSON, {
+    features: geoJSON.features.map(function (feature) {
+      var _feature$properties2, _feature$properties3;
+      var colors;
+      if (isAviationWarning) {
+        var _feature$properties$i, _feature$properties;
+        var isStartGeometry = (_feature$properties$i = (_feature$properties = feature.properties) == null ? void 0 : _feature$properties.isStartGeometry) != null ? _feature$properties$i : false;
+        colors = {
+          color: isStartGeometry ? '#E27000' : '#800080',
+          // Orange for start, purple for end
+          borderColor: isStartGeometry ? '#FEAE02' : '#4B0082'
+        };
+      } else if (level) {
+        // Public warning: use LevelColors if level is defined
+        colors = LevelColors[level];
+      } else {
+        // Default to blue if level is undefined (public warning)
+        colors = {
+          color: '#0000FF',
+          borderColor: '#0000A0'
+        };
       }
-      Object.assign(draftFeature.properties, Object.assign({}, defaultProps, draftFeature.properties));
-    }
+      var defaultProperties = {
+        fill: colors.color,
+        stroke: colors.color,
+        'fill-opacity': 0.2,
+        'stroke-width': 2,
+        'stroke-opacity': 1
+      };
+      return Object.assign({}, feature, {
+        properties: Object.assign({}, defaultProperties, feature.properties, {
+          fill: colors.color || ((_feature$properties2 = feature.properties) == null ? void 0 : _feature$properties2.fill),
+          stroke: colors.color || ((_feature$properties3 = feature.properties) == null ? void 0 : _feature$properties3.stroke)
+        })
+      });
+    })
   });
-};
+}
 var Form = function Form(_ref5) {
   var _publicWarningDetails;
   var defaultMapPreset = _ref5.defaultMapPreset,
@@ -9345,7 +9495,8 @@ var Form = function Form(_ref5) {
     _ref5$onAddObject = _ref5.onAddObject,
     onAddObject = _ref5$onAddObject === void 0 ? function () {} : _ref5$onAddObject,
     selectedAviationProduct = _ref5.selectedAviationProduct,
-    isSigmetWarning = _ref5.isSigmetWarning,
+    _ref5$warningType = _ref5.warningType,
+    warningType = _ref5$warningType === void 0 ? 'public' : _ref5$warningType,
     mode = _ref5.mode;
   var _useTACApi = useTACApi(),
     fetchSigmetTAC = _useTACApi.fetchSigmetTAC,
@@ -9426,42 +9577,63 @@ var Form = function Form(_ref5) {
   };
   var publicWarningId = publicWarningDetails == null ? void 0 : publicWarningDetails.id;
   React.useEffect(function () {
-    if (!selectedAviationProduct) {
-      // sync redux with react-hook-form
-      reset(getFormData(publicWarningDetails, object));
+    if (selectedAviationProduct) {
+      return;
     }
+    // sync redux with react-hook-form
+    reset(getFormData(publicWarningDetails, object));
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [publicWarningId, selectedAviationProduct]);
+  }, [publicWarningId]);
   var areas = publicWarningDetails == null ? void 0 : publicWarningDetails.areas;
   React.useEffect(function () {
     if (selectedAviationProduct) {
       return;
     }
-    // sync redux with react-hook-form
     if (areas) {
+      // sync redux with react-hook-form
       setValue('areas', areas);
     }
-  }, [areas, setValue, selectedAviationProduct]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [areas, setValue]);
   React.useEffect(function () {
     if (selectedAviationProduct) {
       return;
     }
     // sync drawing on map with selected warning
     setWarningGeoJSONFeature(initialPublicWarningArea);
-  }, [initialPublicWarningArea, selectedAviationProduct]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [initialPublicWarningArea]);
+  var aviationId = selectedAviationProduct == null ? void 0 : selectedAviationProduct.uuid;
+  React.useEffect(function () {
+    if (!selectedAviationProduct) {
+      return;
+    }
+    // sync redux with react-hook-form
+    reset(selectedAviationProduct);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [aviationId, warningType]);
   var errors = getErrors(error.message);
-  var level = WarningLevel[publicWarningDetails == null ? void 0 : publicWarningDetails.level] || WarningLevel[WarningLevel.moderate];
-  var geoJSONFeature = getWarningGeoJSONWithColor(level, warningGeoJSONFeature);
+  var level = publicWarningDetails != null && publicWarningDetails.level ? WarningLevel[publicWarningDetails.level] : undefined;
+  var geoJSONFeature = warningLevelFeatureColors(level, warningGeoJSONFeature);
   var ref = useScrollTopOnError(error);
-  var warningType = isSigmetWarning ? 'sigmet' : 'airmet';
   var _useProductConfig = useProductConfig(warningType),
     aviationConfig = _useProductConfig.data;
   return jsxs(ContainerWrapper, {
-    children: [selectedAviationProduct ? jsx(ContainerFormWrapper, {
+    children: [jsxs(ContainerFormWrapper, {
       isReadOnly: isReadOnly,
       ref: ref,
       "data-testid": "scroll-container",
-      children: jsx(Box, {
+      children: [errors && jsx(Box, {
+        sx: {
+          marginBottom: 2
+        },
+        children: jsx(AlertBanner, {
+          title: errors.title,
+          info: errors.errors,
+          shouldClose: true,
+          severity: error == null ? void 0 : error.severity
+        })
+      }), selectedAviationProduct ? jsx(Box, {
         sx: {
           maxWidth: {
             xs: '550px',
@@ -9469,11 +9641,12 @@ var Form = function Form(_ref5) {
           },
           marginLeft: '-80px'
         },
-        children: isSigmetWarning ? jsx(SigmetForm, {
+        children: warningType === 'sigmet' ? jsx(SigmetForm, {
           showMap: false,
           mode: mode,
-          initialSigmet: selectedAviationProduct !== null && !isInstanceOfCancelSigmet(selectedAviationProduct) ? selectedAviationProduct : null,
-          initialCancelSigmet: selectedAviationProduct !== null && isInstanceOfCancelSigmet(selectedAviationProduct) ? selectedAviationProduct : null,
+          initialSigmet: selectedAviationProduct !== undefined && !isInstanceOfCancelSigmet(selectedAviationProduct) ? selectedAviationProduct : null,
+          isCancelSigmet: selectedAviationProduct !== undefined && isInstanceOfCancelSigmet(selectedAviationProduct),
+          initialCancelSigmet: selectedAviationProduct !== undefined && isInstanceOfCancelSigmet(selectedAviationProduct) ? selectedAviationProduct : null,
           productConfig: aviationConfig,
           product: selectedAviationProduct,
           getTAC: function getTAC(product) {
@@ -9482,32 +9655,17 @@ var Form = function Form(_ref5) {
         }) : jsx(AirmetForm, {
           showMap: false,
           mode: mode,
-          isCancelAirmet: selectedAviationProduct !== null && isInstanceOfCancelAirmet(selectedAviationProduct),
-          initialAirmet: selectedAviationProduct !== null && !isInstanceOfCancelAirmet(selectedAviationProduct) ? selectedAviationProduct : null,
-          initialCancelAirmet: selectedAviationProduct !== null && isInstanceOfCancelAirmet(selectedAviationProduct) ? selectedAviationProduct : null,
+          isCancelAirmet: selectedAviationProduct !== undefined && isInstanceOfCancelAirmet(selectedAviationProduct),
+          initialAirmet: selectedAviationProduct !== undefined && !isInstanceOfCancelAirmet(selectedAviationProduct) ? selectedAviationProduct : null,
+          initialCancelAirmet: selectedAviationProduct !== undefined && isInstanceOfCancelAirmet(selectedAviationProduct) ? selectedAviationProduct : null,
           productConfig: aviationConfig,
           product: selectedAviationProduct,
           getTAC: function getTAC(product) {
             return fetchAirmetTAC(product);
           }
         })
-      })
-    }) : jsxs(ContainerFormWrapper, {
-      isReadOnly: isReadOnly,
-      ref: ref,
-      "data-testid": "scroll-container",
-      children: [jsxs(ContainerGrid, {
-        children: [errors && jsx(Box, {
-          sx: {
-            marginBottom: 2
-          },
-          children: jsx(AlertBanner, {
-            title: errors.title,
-            info: errors.errors,
-            shouldClose: true,
-            severity: error == null ? void 0 : error.severity
-          })
-        }), jsxs(Grid2, {
+      }) : jsx(ContainerGrid, {
+        children: jsxs(Grid2, {
           size: {
             xs: 12
           },
@@ -9518,7 +9676,7 @@ var Form = function Form(_ref5) {
             size: {
               xs: 12
             },
-            children: jsx(Phenomenon$1, {
+            children: jsx(Phenomenon, {
               isDisabled: areFieldsDisabled,
               isReadOnly: isReadOnly
             })
@@ -9601,14 +9759,14 @@ var Form = function Form(_ref5) {
               })
             })
           })]
-        })]
+        })
       }), jsx(DraftFieldHelper, {}), jsx(ReactHookFormHiddenInput, {
         name: "id"
       })]
     }), !isReadOnly && jsx(Box, {
       sx: {
         padding: '24px 10px 14px 10px',
-        position: selectedAviationProduct ? 'relative' : 'absolute',
+        position: 'absolute',
         bottom: 0,
         width: '100%',
         backgroundColor: 'geowebColors.background.surfaceApp',
@@ -9697,8 +9855,7 @@ var PublicWarningsForm = function PublicWarningsForm(props) {
   return jsx(ReactHookFormProvider, {
     options: Object.assign({}, defaultFormOptions, {
       mode: 'onSubmit',
-      defaultValues: defaultValues,
-      values: selectedAviationProduct
+      defaultValues: defaultValues
     }),
     children: jsx(Form, Object.assign({}, props))
   });
@@ -9761,6 +9918,9 @@ var getSelectedPublicWarningId = createSelector(getPublicWarningStore, function
 var getSelectedPublicIsFormDirty = createSelector(getPublicWarningStore, function (publicWarningStore) {
   return (publicWarningStore == null ? void 0 : publicWarningStore.isFormDirty) || false;
 });
+var getWarningType = createSelector(getPublicWarningStore, function (publicWarningStore) {
+  return publicWarningStore == null ? void 0 : publicWarningStore.warningType;
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -9793,7 +9953,8 @@ var PublicWarningStatus;
 var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
   var defaultMapPreset = _ref.defaultMapPreset,
     selectedAviationProduct = _ref.selectedAviationProduct,
-    isSigmetWarning = _ref.isSigmetWarning,
+    _ref$warningType = _ref.warningType,
+    warningType = _ref$warningType === void 0 ? 'public' : _ref$warningType,
     mode = _ref.mode;
   var publicWarning = useSelector(function (store) {
     return getPublicWarning(store);
@@ -9838,15 +9999,26 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     }));
   };
   var getIsReadOnly = function getIsReadOnly() {
-    if (publicWarningFormAction === 'readonly') {
-      return true;
+    // public warning related
+    if (warningType === 'public') {
+      if (publicWarningFormAction === 'readonly') {
+        return true;
+      }
+      if ((publicWarning == null ? void 0 : publicWarning.status) === 'TODO') {
+        return false;
+      }
+      // Readonly in case you are not creating a new warning and you are not set as the editor
+      return !isEditor && (publicWarning == null ? void 0 : publicWarning.status) !== undefined;
+    }
+    // aviation related
+    if ((selectedAviationProduct == null ? void 0 : selectedAviationProduct.status) === 'DRAFT') {
+      return false;
     }
-    if ((publicWarning == null ? void 0 : publicWarning.status) === 'TODO' && publicWarningFormAction === '') {
+    if (mode === 'new') {
       return false;
     }
-    return !isEditor && (publicWarning == null ? void 0 : publicWarning.status) !== undefined;
+    return true;
   };
-  // Readonly also in case you are not creating a new warning and you are not set as the editor
   var isReadOnly = getIsReadOnly();
   var onAddObject = function onAddObject() {
     dispatch(uiActions.setToggleOpenDialog({
@@ -9866,7 +10038,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     defaultMapPreset: defaultMapPreset,
     onAddObject: onAddObject,
     selectedAviationProduct: selectedAviationProduct,
-    isSigmetWarning: isSigmetWarning,
+    warningType: warningType,
     mode: mode
   });
 };
@@ -10507,6 +10679,21 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
  * */
 var transformAirmetToWarningFormat = function transformAirmetToWarningFormat(apiAirmet) {
   var airmet = apiAirmet.airmet;
+  var areas = [];
+  if (airmet.startGeometry) {
+    areas.push({
+      geoJSON: Object.assign({}, airmet.startGeometry, {
+        features: airmet.startGeometry.features.map(function (feature) {
+          return Object.assign({}, feature, {
+            properties: Object.assign({}, feature.properties, {
+              isStartGeometry: true
+            })
+          });
+        })
+      }),
+      objectName: airmet.locationIndicatorATSR
+    });
+  }
   return {
     id: apiAirmet.uuid,
     lastUpdatedTime: apiAirmet.lastUpdateDate,
@@ -10514,10 +10701,7 @@ var transformAirmetToWarningFormat = function transformAirmetToWarningFormat(api
     warningDetail: {
       descriptionOriginal: '',
       descriptionTranslation: '',
-      areas: [{
-        geoJSON: airmet.startGeometry,
-        objectName: airmet.locationIndicatorATSR
-      }],
+      areas: areas,
       phenomenon: airmet.phenomenon,
       validFrom: airmet.validDateStart,
       validUntil: airmet.validDateEnd,
@@ -10530,6 +10714,37 @@ var transformAirmetToWarningFormat = function transformAirmetToWarningFormat(api
 };
 var transformSigmetToWarningFormat = function transformSigmetToWarningFormat(apiSigmet) {
   var sigmet = apiSigmet.sigmet;
+  var areas = [];
+  if (sigmet.startGeometry) {
+    areas.push({
+      areaId: sigmet.uuid + "-start",
+      geoJSON: Object.assign({}, sigmet.startGeometry, {
+        features: sigmet.startGeometry.features.map(function (feature) {
+          return Object.assign({}, feature, {
+            properties: Object.assign({}, feature.properties, {
+              isStartGeometry: true
+            })
+          });
+        })
+      }),
+      objectName: sigmet.locationIndicatorATSR
+    });
+  }
+  if (sigmet.endGeometry) {
+    areas.push({
+      areaId: sigmet.uuid + "-end",
+      geoJSON: Object.assign({}, sigmet.endGeometry, {
+        features: sigmet.endGeometry.features.map(function (feature) {
+          return Object.assign({}, feature, {
+            properties: Object.assign({}, feature.properties, {
+              isStartGeometry: false
+            })
+          });
+        })
+      }),
+      objectName: sigmet.locationIndicatorATSR
+    });
+  }
   return {
     id: apiSigmet.uuid,
     lastUpdatedTime: apiSigmet.lastUpdateDate,
@@ -10537,10 +10752,7 @@ var transformSigmetToWarningFormat = function transformSigmetToWarningFormat(api
     warningDetail: {
       descriptionOriginal: '',
       descriptionTranslation: '',
-      areas: [{
-        geoJSON: sigmet.startGeometry,
-        objectName: sigmet.locationIndicatorATSR
-      }],
+      areas: areas,
       phenomenon: sigmet.phenomenon,
       validFrom: sigmet.validDateStart,
       validUntil: sigmet.validDateEnd,
@@ -10659,13 +10871,81 @@ var transformAirmetToProductFormat = function transformAirmetToProductFormat(war
     cloudLevel: airmet.cloudLevel,
     cloudLowerLevel: airmet.cloudLowerLevel
   }, isInstanceOfCancelAirmet(airmet) && {
-    cancelsSigmetSequenceId: cancelAirmet.cancelsAirmetSequenceId
-  }, isInstanceOfCancelSigmet(airmet) && {
+    cancelsAirmetSequenceId: cancelAirmet.cancelsAirmetSequenceId
+  }, isInstanceOfCancelAirmet(airmet) && {
     validDateStartOfAirmetToCancel: cancelAirmet.validDateStartOfAirmetToCancel
-  }, isInstanceOfCancelSigmet(airmet) && {
+  }, isInstanceOfCancelAirmet(airmet) && {
     validDateEndOfAirmetToCancel: cancelAirmet.validDateEndOfAirmetToCancel
   });
 };
+// For the Create and Clear buttons
+// The fields initialised to unknown will be set to their default values by ReactHookForm
+var getEmptySigmetWarning = function getEmptySigmetWarning() {
+  var currentTime = new Date();
+  var validFromTime = dateUtils.add(currentTime, {
+    minutes: 15
+  });
+  var validUntilTime = dateUtils.add(currentTime, {
+    hours: 4
+  });
+  return {
+    type: undefined,
+    phenomenon: '',
+    status: '',
+    isObservationOrForecast: '',
+    issueDate: undefined,
+    locationIndicatorATSR: undefined,
+    locationIndicatorATSU: undefined,
+    locationIndicatorMWO: undefined,
+    change: '',
+    // Default change
+    sequence: undefined,
+    validDateStart: dateUtils.dateToString(validFromTime),
+    validDateEnd: dateUtils.dateToString(validUntilTime),
+    level: '',
+    levelInfoMode: '',
+    movementType: '',
+    firName: undefined
+  };
+};
+// For the Create and Clear buttons
+// The fields initialised to unknown will be set to their default values by ReactHookForm
+var getEmptyAirmetWarning = function getEmptyAirmetWarning() {
+  var currentTime = new Date();
+  var validFromTime = dateUtils.add(currentTime, {
+    minutes: 15
+  });
+  var validUntilTime = dateUtils.add(currentTime, {
+    hours: 4
+  });
+  return {
+    type: undefined,
+    phenomenon: '',
+    status: '',
+    isObservationOrForecast: '',
+    issueDate: undefined,
+    locationIndicatorATSR: undefined,
+    locationIndicatorATSU: undefined,
+    locationIndicatorMWO: undefined,
+    change: '',
+    // Default change
+    sequence: undefined,
+    validDateStart: dateUtils.dateToString(validFromTime),
+    validDateEnd: dateUtils.dateToString(validUntilTime),
+    level: '',
+    levelInfoMode: '',
+    movementType: '',
+    firName: undefined,
+    startGeometry: {
+      type: 'FeatureCollection',
+      features: []
+    },
+    startGeometryIntersect: {
+      type: 'FeatureCollection',
+      features: []
+    }
+  };
+};
 
 var warningFormConfirmationOptions = function warningFormConfirmationOptions(t) {
   return {
@@ -10712,6 +10992,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   var publicWarningEditor = useSelector(function (store) {
     return getPublicWarningEditor(store);
   });
+  var warningType = useSelector(getWarningType);
   var _useAuthenticationCon = useAuthenticationContext$1(),
     auth = _useAuthenticationCon.auth;
   var isEditor = publicWarningEditor === (auth == null ? void 0 : auth.username) || false;
@@ -10869,15 +11150,14 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   var selectedAirmet = airmetList == null ? void 0 : airmetList.find(function (airmet) {
     return airmet.uuid === selectedWarningId;
   });
-  var isSigmetWarning = Boolean(selectedSigmet);
-  var warningType = isSigmetWarning ? 'sigmet' : 'airmet';
-  var _useProductConfig = useProductConfig(warningType, !isDialogOpen),
+  var updatedWarningType = selectedSigmet ? 'sigmet' : selectedAirmet && 'airmet' || warningType;
+  var _useProductConfig = useProductConfig(updatedWarningType, !isDialogOpen),
     aviationConfig = _useProductConfig.data;
-  var selectedSigmetProduct = selectedSigmet && aviationConfig ? transformSigmetToProductFormat(selectedSigmet, aviationConfig) : undefined;
-  var selectedAirmetProduct = selectedAirmet ? transformAirmetToProductFormat(selectedAirmet, aviationConfig) : undefined;
-  var selectedAviationProduct = isSigmetWarning ? selectedSigmetProduct : selectedAirmetProduct;
-  var productCanBe = selectedAviationProduct !== null ? (selectedSigmet == null ? void 0 : selectedSigmet.canbe) || (selectedAirmet == null ? void 0 : selectedAirmet.canbe) : ['DRAFTED', 'DISCARDED', 'PUBLISHED'];
-  var mode = getProductFormMode(productCanBe, selectedAviationProduct);
+  var selectedSigmetProduct = selectedSigmet && aviationConfig ? transformSigmetToProductFormat(selectedSigmet, aviationConfig) : getEmptySigmetWarning();
+  var selectedAirmetProduct = selectedAirmet && aviationConfig ? transformAirmetToProductFormat(selectedAirmet, aviationConfig) : getEmptyAirmetWarning();
+  var selectedAviationProduct = updatedWarningType === 'sigmet' ? selectedSigmetProduct : updatedWarningType === 'airmet' && selectedAirmetProduct || undefined;
+  var productCanBe = updatedWarningType === 'public' ? ['DRAFTED', 'DISCARDED', 'PUBLISHED'] : (selectedSigmet == null ? void 0 : selectedSigmet.canbe) || (selectedAirmet == null ? void 0 : selectedAirmet.canbe);
+  var mode = getProductFormMode(productCanBe, !selectedWarningId ? null : selectedAviationProduct);
   // Readonly also in case you are not creating a new warning and you are not set as the editor
   var isReadOnly = formAction === 'readonly' || !isEditor && publicWarningStatus !== undefined;
   // Only show toggle if in draft status
@@ -10897,241 +11177,17 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
       shouldHideFormMode: shouldHideFormToggleMode,
       publicWarningEditor: publicWarningEditor,
       selectedAviationProduct: selectedAviationProduct,
-      warningType: warningType,
+      warningType: updatedWarningType,
       children: jsx(PublicWarningsFormConnect, {
         defaultMapPreset: defaultMapPreset,
         selectedAviationProduct: selectedAviationProduct,
-        isSigmetWarning: isSigmetWarning,
+        warningType: updatedWarningType,
         mode: mode
       })
     }), jsx(AreaObjectLoaderConnect, {})]
   });
 };
 
-var actionButton = function actionButton(amount) {
-  return jsxs(Grid2, {
-    container: true,
-    alignItems: "center",
-    style: {
-      marginRight: '8px',
-      minWidth: '36px'
-    },
-    children: [jsx(Options, {}), jsx(Typography, {
-      variant: "body2",
-      sx: {
-        paddingLeft: 0.5
-      },
-      children: amount > 0 && amount
-    })]
-  });
-};
-var FilterChipWithOptions = function FilterChipWithOptions(_ref) {
-  var id = _ref.id,
-    translationKey = _ref.translationKey,
-    handleClick = _ref.handleClick,
-    _ref$filterList = _ref.filterList,
-    filterList = _ref$filterList === void 0 ? [] : _ref$filterList;
-  var _useWarningsTranslati = useWarningsTranslation(),
-    t = _useWarningsTranslati.t;
-  var _React$useState = React.useState(undefined),
-    anchorEl = _React$useState[0],
-    setAnchorEl = _React$useState[1];
-  var _React$useState2 = React.useState(false),
-    isOpen = _React$useState2[0],
-    setIsOpen = _React$useState2[1];
-  var _getPosition = getPosition('bottom'),
-    anchorOrigin = _getPosition.anchorOrigin,
-    transformOrigin = _getPosition.transformOrigin;
-  var initialResult = {
-    isAllSelected: true,
-    selectedFiltersAmount: 0,
-    isDisabled: false
-  };
-  var _filterList$reduce = filterList.reduce(function (accumulatedResult, filterItem) {
-      var result = Object.assign({}, accumulatedResult);
-      var isEmptyFilter = filterItem.filter.id === emptyFilter.id;
-      var isOnlyFilter = filterList.length === 1 && isEmptyFilter;
-      if (!filterItem.filter.checked) {
-        result.isAllSelected = false;
-        if (isOnlyFilter) {
-          result.isDisabled = true;
-        }
-      } else if (isOnlyFilter) {
-        result.isDisabled = true;
-      } else {
-        result.selectedFiltersAmount += 1;
-      }
-      return result;
-    }, initialResult),
-    isAllSelected = _filterList$reduce.isAllSelected,
-    selectedFiltersAmount = _filterList$reduce.selectedFiltersAmount,
-    isDisabled = _filterList$reduce.isDisabled;
-  var isAnyFilterSelected = selectedFiltersAmount > 0;
-  var showDisabled = filterList.length === 0 || isDisabled;
-  var label = t(translationKey);
-  var onClickOptions = function onClickOptions() {
-    setIsOpen(!isOpen);
-  };
-  var onSelectAll = function onSelectAll() {
-    handleClick && handleClick(id, isAllSelected);
-  };
-  var handleClose = function handleClose(event) {
-    event.stopPropagation();
-    setIsOpen(false);
-  };
-  React.useEffect(function () {
-    setAnchorEl(document.getElementById(id));
-  }, [id]);
-  return jsxs(Fragment, {
-    children: [jsx(CustomTooltip, {
-      title: showDisabled ? t('filter-no-results') : t('filter-options'),
-      placement: "bottom",
-      children: jsx("span", {
-        style: {
-          margin: 0
-        },
-        children: jsx(FilterChip, {
-          id: id,
-          label: label,
-          actionIcon: actionButton(selectedFiltersAmount),
-          isSelected: isAnyFilterSelected,
-          handleClick: onClickOptions,
-          isDisabled: showDisabled,
-          size: "medium"
-        })
-      })
-    }), jsxs(Menu, {
-      title: label,
-      anchorEl: anchorEl,
-      open: isOpen,
-      onClose: handleClose,
-      anchorOrigin: anchorOrigin,
-      transformOrigin: transformOrigin,
-      BackdropProps: {
-        style: {
-          opacity: 0,
-          transition: 'none'
-        }
-      },
-      sx: {
-        padding: 3
-      },
-      children: [jsxs(DialogTitle, {
-        id: "dialog-title",
-        sx: {
-          zIndex: 1,
-          padding: '8px 18px 16px 24px',
-          display: 'flex',
-          justifyContent: 'space-between',
-          alignItems: 'center'
-        },
-        children: [jsx(Typography, {
-          sx: {
-            fontSize: '20px',
-            fontWeight: 500,
-            paddingRight: 1
-          },
-          "data-testid": "customDialog-title",
-          component: "span",
-          children: label
-        }), jsx(CustomIconButton, {
-          "aria-label": t('close-dialog-confirm'),
-          onClick: handleClose,
-          sx: {
-            '&.MuiIconButton-root': {
-              color: 'geowebColors.greys.accessible'
-            }
-          },
-          children: jsx(Close, {})
-        })]
-      }), jsxs(DialogContent, {
-        sx: {
-          padding: '0px 24px 16px 24px'
-        },
-        children: [jsxs(Grid2, {
-          container: true,
-          justifyContent: "space-between",
-          alignItems: "center",
-          children: [t('filter-select-all'), jsx(Switch, {
-            inputProps: {
-              'aria-label': t('filter-select-all')
-            },
-            checked: isAllSelected,
-            onChange: onSelectAll,
-            sx: {
-              marginRight: '-12px'
-            }
-          })]
-        }), jsx(Box, {
-          sx: {
-            marginLeft: '-12px'
-          },
-          children: filterList.map(function (filterItem) {
-            switch (id) {
-              case 'phenomenon':
-                {
-                  var icon = getWarningPhenomenaIcon(filterItem.filter.id);
-                  return jsxs(FilterListItem, Object.assign({}, filterItem, {
-                    children: [icon && jsx(Box, {
-                      "data-testid": "icon-" + filterItem.filter.id,
-                      sx: {
-                        marginRight: 1
-                      },
-                      children: icon
-                    }), jsx(FilterLabel, {
-                      name: filterItem.filter.name
-                    })]
-                  }), filterItem.filter.id);
-                }
-              default:
-                {
-                  return jsx(FilterListItem, Object.assign({}, filterItem), filterItem.filter.id);
-                }
-            }
-          })
-        })]
-      })]
-    })]
-  });
-};
-
-var FilterChipWithOptionsConnect = function FilterChipWithOptionsConnect(_ref) {
-  var filter = _ref.filter;
-  var dispatch = useDispatch();
-  var toggleFilter = React.useCallback(function (filterId, isChecked) {
-    dispatch(publicWarningActions.toggleFilter({
-      filterId: filterId,
-      isChecked: isChecked
-    }));
-  }, [dispatch]);
-  var toggleOption = React.useCallback(function (filterId, optionId) {
-    dispatch(publicWarningActions.toggleOption({
-      filterId: filterId,
-      optionId: optionId
-    }));
-  }, [dispatch]);
-  var enableOnlyOneFilterOption = React.useCallback(function (filterId, optionId) {
-    dispatch(publicWarningActions.enableOnlyOneFilterOption({
-      filterId: filterId,
-      optionId: optionId
-    }));
-  }, [dispatch]);
-  var filterListWithActions = filter.filterList.map(function (option) {
-    return Object.assign({}, option, {
-      toggleFilter: function toggleFilter() {
-        return toggleOption(filter.id, option.filter.id);
-      },
-      enableOnlyOneFilter: function enableOnlyOneFilter() {
-        return enableOnlyOneFilterOption(filter.id, option.filter.id);
-      }
-    });
-  });
-  return jsx(FilterChipWithOptions, Object.assign({}, filter, {
-    handleClick: toggleFilter,
-    filterList: filterListWithActions
-  }));
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -11226,113 +11282,18 @@ function useOverflowCheck(text) {
   };
 }
 var getTranslationKey = function getTranslationKey(optionId, id) {
+  if (id === 'source' || id === 'incident') {
+    if (optionId === emptyFilterId) {
+      return "warning-unspecified";
+    }
+    return optionId;
+  }
   var phenomena = warningPhenomena.find(function (phenomenon) {
     return phenomenon.key === optionId;
   });
   return phenomena ? phenomena.translationKey : "warning-" + id + "-" + optionId;
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var Domain;
-(function (Domain) {
-  Domain["aviation"] = "aviation";
-  Domain["maritime"] = "maritime";
-  Domain["public"] = "public";
-})(Domain || (Domain = {}));
-var Level;
-(function (Level) {
-  Level["extreme"] = "extreme";
-  Level["moderate"] = "moderate";
-  Level["severe"] = "severe";
-  Level["airmet"] = "AIR";
-  Level["sigmet"] = "SIG";
-})(Level || (Level = {}));
-var Phenomenon;
-(function (Phenomenon) {
-  Phenomenon["wind"] = "wind";
-  Phenomenon["fog"] = "fog";
-  Phenomenon["thunderstorm"] = "thunderstorm";
-  Phenomenon["snowIce"] = "snowIce";
-  Phenomenon["rain"] = "rain";
-  Phenomenon["highTemp"] = "highTemp";
-  Phenomenon["lowTemp"] = "lowTemp";
-  Phenomenon["coastalEvent"] = "coastalEvent";
-})(Phenomenon || (Phenomenon = {}));
-var defaultDomainFilter = {
-  aviation: false,
-  maritime: false,
-  "public": true
-};
-var domainLevels = {
-  aviation: [Level.airmet, Level.sigmet],
-  maritime: [],
-  "public": [Level.extreme, Level.moderate, Level.severe]
-};
-var defaultLevelFilter = {
-  unspecified: true,
-  extreme: true,
-  moderate: true,
-  severe: true,
-  AIR: true,
-  SIG: true
-};
-var defaultPhenomenonFilter = {
-  unspecified: true,
-  coastalEvent: true,
-  fog: true,
-  highTemp: true,
-  lowTemp: true,
-  rain: true,
-  snowIce: true,
-  thunderstorm: true,
-  wind: true
-};
-var useSelectedOptions = function useSelectedOptions(options) {
-  var selectedOptions = Object.keys(options).filter(function (k) {
-    return options[k];
-  });
-  var allSelected = selectedOptions.length === Object.keys(options).length;
-  return {
-    noSelectedOptions: selectedOptions.length,
-    allSelected: allSelected
-  };
-};
-var updateState = function updateState(state, optionKey, value, only) {
-  var _Object$assign3;
-  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));
-    }, {});
-  }
-  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));
-};
-/** Make sure our value is in the filter */
-var getValue = function getValue(values, value) {
-  return Object.values(values).find(function (v) {
-    return v === value;
-  }) || 'unspecified';
-};
-
 var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
   var id = _ref.id,
     options = _ref.options,
@@ -11345,9 +11306,10 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
   var _useSelectedOptions = useSelectedOptions(options),
     noSelectedOptions = _useSelectedOptions.noSelectedOptions,
     allSelected = _useSelectedOptions.allSelected;
+  var isDisabled = Object.keys(options).length < 2;
   return jsxs(Fragment, {
     children: [jsx(CustomTooltip, {
-      title: t('filter-options'),
+      title: isDisabled ? t('filter-no-results') : t('filter-options'),
       placement: "bottom",
       children: jsx("span", {
         style: {
@@ -11356,11 +11318,11 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
         children: jsx(FilterChip, {
           id: id,
           label: t("filter-" + id),
-          isSelected: noSelectedOptions > 0,
+          isSelected: !isDisabled && noSelectedOptions > 0,
           onClick: function onClick(ref) {
             return setAnchorEl(ref);
           },
-          isDisabled: false,
+          isDisabled: isDisabled,
           size: "medium",
           actionIcon: jsxs(Grid2, {
             container: true,
@@ -11374,7 +11336,7 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
               sx: {
                 paddingLeft: 0.5
               },
-              children: noSelectedOptions > 0 && noSelectedOptions
+              children: !isDisabled && noSelectedOptions > 0 && noSelectedOptions
             })]
           })
         })
@@ -11446,8 +11408,27 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
               marginTop: '-6px'
             }
           })]
-        }), jsx(Box, {
-          children: Object.keys(options).map(function (optionId) {
+        }), jsxs(Box, {
+          children: [options[emptyFilterId] !== undefined && jsx(FilterOption, {
+            optionId: emptyFilterId,
+            checked: options[emptyFilterId],
+            onClick: function onClick(checked, only) {
+              return updateFilter(id, emptyFilterId, checked, only);
+            },
+            labelStyle: {
+              width: 'fit-content',
+              fontSize: '16px',
+              display: 'flex',
+              alignItems: 'center',
+              gap: 1
+            },
+            label: jsx(Fragment, {
+              children: t(getTranslationKey(emptyFilterId, id))
+            })
+          }, id + "-" + emptyFilterId), Object.keys(options).map(function (optionId) {
+            if (optionId === emptyFilterId) {
+              return null;
+            }
             var warningColor = warningColors[optionId];
             return jsx(FilterOption, {
               optionId: optionId,
@@ -11466,7 +11447,7 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
                 children: [getWarningPhenomenaIcon(optionId), ' ', t(getTranslationKey(optionId, id))]
               })
             }, id + "-" + optionId);
-          })
+          })]
         })]
       })]
     })]
@@ -11474,9 +11455,7 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
 };
 
 var FilterList = function FilterList(_ref) {
-  var _ref$filters = _ref.filters,
-    filters = _ref$filters === void 0 ? [] : _ref$filters,
-    _ref$onClickAll = _ref.onClickAll,
+  var _ref$onClickAll = _ref.onClickAll,
     onClickAll = _ref$onClickAll === void 0 ? function () {} : _ref$onClickAll,
     _ref$isAllSelected = _ref.isAllSelected,
     isAllSelected = _ref$isAllSelected === void 0 ? true : _ref$isAllSelected,
@@ -11512,10 +11491,6 @@ var FilterList = function FilterList(_ref) {
           size: "medium"
         })
       })
-    }), filters.map(function (filter) {
-      return jsx(FilterChipWithOptionsConnect, {
-        filter: filter
-      }, filter.id);
     }), Object.keys(filterState).map(function (filterId) {
       return jsx(ExpandableFilterChip, {
         id: filterId,
@@ -11561,6 +11536,7 @@ var WarningListItemSeperator = function WarningListItemSeperator(_ref) {
         padding: 0
       },
       onClick: onClick,
+      "data-testid": "warninglist-" + status,
       children: [isExpanded ? jsx(ChevronDown, {}) : jsx(ChevronUp, {}), jsx(Typography, {
         variant: "caption",
         sx: {
@@ -11694,7 +11670,7 @@ var WarningListItemMenu = function WarningListItemMenu(_ref) {
   }
 };
 
-var _excluded$2 = ["warning", "activeWarningId", "onSelectWarning", "onEditWarning", "onDeleteWarning", "onDeleteReviewWarning", "onExpireWarning", "onWithdrawWarning"];
+var _excluded$2 = ["warning", "activeWarningId", "highlightedItem", "onSelectWarning", "onEditWarning", "onDeleteWarning", "onDeleteReviewWarning", "onExpireWarning", "onWithdrawWarning"];
 var renderLevelText = function renderLevelText(levelString) {
   if (!levelString) {
     return null;
@@ -11768,6 +11744,7 @@ var WarningListItem = function WarningListItem(_ref) {
   var _warning$warningDetai, _sx, _sx2, _Object$assign;
   var warning = _ref.warning,
     activeWarningId = _ref.activeWarningId,
+    highlightedItem = _ref.highlightedItem,
     _ref$onSelectWarning = _ref.onSelectWarning,
     onSelectWarning = _ref$onSelectWarning === void 0 ? function () {} : _ref$onSelectWarning,
     _ref$onEditWarning = _ref.onEditWarning,
@@ -11801,12 +11778,21 @@ var WarningListItem = function WarningListItem(_ref) {
     }
     return t(levelTranslation);
   }, [levelTranslation, t]);
+  var backgroundColor = React__default.useMemo(function () {
+    if (highlightedItem) {
+      return 'geowebColors.cards.cardContainerMouseOver';
+    }
+    if (status === PublicWarningStatus.EXPIRED || status === PublicWarningStatus.WITHDRAWN) {
+      return 'geowebColors.cards.cardContainerDisabled';
+    }
+    return 'geowebColors.cards.cardContainer';
+  }, [highlightedItem, status]);
   return jsx(ListItem, Object.assign({
     sx: {
       marginBottom: 0.25,
       minHeight: '32px',
       padding: '0 0',
-      backgroundColor: status === PublicWarningStatus.EXPIRED || status === PublicWarningStatus.WITHDRAWN ? 'geowebColors.cards.cardContainerDisabled' : 'geowebColors.cards.cardContainer',
+      backgroundColor: backgroundColor,
       borderColor: status === PublicWarningStatus.EXPIRED || status === PublicWarningStatus.WITHDRAWN ? 'geowebColors.cards.cardContainerDisabledBorder' : 'geowebColors.cards.cardContainerBorder',
       borderRadius: 1,
       borderWidth: activeWarningId === warning.id ? '1px' : '1px',
@@ -12022,6 +12008,10 @@ var NewWarningButton = function NewWarningButton(_ref) {
     event.stopPropagation();
     setAnchorEl(null);
   };
+  var onCreateNewWarning = function onCreateNewWarning(warningType, event) {
+    onCreateWarning(warningType);
+    handleClose(event);
+  };
   var buttonId = 'newWarningButton';
   React__default.useEffect(function () {
     if (isDefaultOpen) {
@@ -12082,19 +12072,22 @@ var NewWarningButton = function NewWarningButton(_ref) {
       },
       children: [jsx(MenuItem, {
         onClick: function onClick(event) {
-          onCreateWarning();
-          handleClose(event);
+          onCreateNewWarning('public', event);
         },
         children: jsx(ListItemText, {
           children: t('public-warning-title').toUpperCase()
         })
       }, "Public"), jsx(MenuItem, {
-        disabled: true,
+        onClick: function onClick(event) {
+          onCreateNewWarning('airmet', event);
+        },
         children: jsx(ListItemText, {
           children: BUTTON_AIRMET
         })
       }, "Airmet"), jsx(MenuItem, {
-        disabled: true,
+        onClick: function onClick(event) {
+          onCreateNewWarning('sigmet', event);
+        },
         children: jsx(ListItemText, {
           children: BUTTON_SIGMET
         })
@@ -12195,7 +12188,6 @@ var PublicWarningList = function PublicWarningList(_ref) {
   var _sx, _sx2, _sx3;
   var _ref$warnings = _ref.warnings,
     warnings = _ref$warnings === void 0 ? [] : _ref$warnings,
-    filters = _ref.filters,
     filterHookState = _ref.filterHookState,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
@@ -12219,10 +12211,9 @@ var PublicWarningList = function PublicWarningList(_ref) {
     onExpireWarning = _ref$onExpireWarning === void 0 ? function () {} : _ref$onExpireWarning,
     _ref$onWithdrawWarnin = _ref.onWithdrawWarning,
     onWithdrawWarning = _ref$onWithdrawWarnin === void 0 ? function () {} : _ref$onWithdrawWarnin,
-    _ref$onClickAllChip = _ref.onClickAllChip,
-    onClickAllChip = _ref$onClickAllChip === void 0 ? function () {} : _ref$onClickAllChip,
-    _ref$isAllChipSelecte = _ref.isAllChipSelected,
-    isAllChipSelected = _ref$isAllChipSelecte === void 0 ? true : _ref$isAllChipSelecte;
+    hoveredFeatureId = _ref.hoveredFeatureId,
+    expandedSections = _ref.expandedSections,
+    setExpandedSections = _ref.setExpandedSections;
   var filterState = filterHookState.filterState,
     updateFilter = filterHookState.updateFilter,
     allSelected = filterHookState.allSelected;
@@ -12235,7 +12226,6 @@ var PublicWarningList = function PublicWarningList(_ref) {
     sortState = _React$useState[0],
     setSortState = _React$useState[1];
   var onClickAll = function onClickAll(isChecked) {
-    onClickAllChip(isChecked);
     updateFilter('ALL', 'ALL', !isChecked);
   };
   var sortedWarnings = React__default.useMemo(function () {
@@ -12249,32 +12239,26 @@ var PublicWarningList = function PublicWarningList(_ref) {
       };
     });
   };
-  var _React$useState2 = React__default.useState({
-      TODO: true,
-      DRAFT: true,
-      PUBLISHED: true,
-      EXPIRED: true
-    }),
-    expandedSections = _React$useState2[0],
-    setExpandedSections = _React$useState2[1];
   var toggleExpand = function toggleExpand(shouldToggle, status) {
     var _Object$assign;
     setExpandedSections(Object.assign({}, expandedSections, (_Object$assign = {}, _Object$assign[status] = shouldToggle, _Object$assign)));
     resetListIndex();
   };
-  var items = [{
-    status: PublicWarningStatus.TODO,
-    totalWarnings: sortedWarnings.todo.length
-  }].concat(expandedSections.TODO ? sortedWarnings.todo : [], [{
-    status: PublicWarningStatus.DRAFT,
-    totalWarnings: sortedWarnings.draft.length
-  }], expandedSections.DRAFT ? sortedWarnings.draft : [], [{
-    status: PublicWarningStatus.PUBLISHED,
-    totalWarnings: sortedWarnings.published.length
-  }], expandedSections.PUBLISHED ? sortedWarnings.published : [], [{
-    status: PublicWarningStatus.EXPIRED,
-    totalWarnings: sortedWarnings.expired.length
-  }], expandedSections.EXPIRED ? sortedWarnings.expired : []);
+  var items = React__default.useMemo(function () {
+    return [{
+      status: PublicWarningStatus.TODO,
+      totalWarnings: sortedWarnings.todo.length
+    }].concat(expandedSections.TODO ? sortedWarnings.todo : [], [{
+      status: PublicWarningStatus.DRAFT,
+      totalWarnings: sortedWarnings.draft.length
+    }], expandedSections.DRAFT ? sortedWarnings.draft : [], [{
+      status: PublicWarningStatus.PUBLISHED,
+      totalWarnings: sortedWarnings.published.length
+    }], expandedSections.PUBLISHED ? sortedWarnings.published : [], [{
+      status: PublicWarningStatus.EXPIRED,
+      totalWarnings: sortedWarnings.expired.length
+    }], expandedSections.EXPIRED ? sortedWarnings.expired : []);
+  }, [sortedWarnings, expandedSections]);
   var getItemSize = function getItemSize(index, width) {
     var item = items[index];
     if (item.totalWarnings !== undefined) {
@@ -12307,6 +12291,15 @@ var PublicWarningList = function PublicWarningList(_ref) {
     }
   }, [warnings]);
   var filterHeight = useGetFilterHeight(filterRef);
+  React__default.useEffect(function () {
+    if (hoveredFeatureId) {
+      var _listRef$current;
+      var index = items.findIndex(function (item) {
+        return item.id === hoveredFeatureId;
+      });
+      (_listRef$current = listRef.current) == null || _listRef$current.scrollToItem(index, 'smart');
+    }
+  }, [hoveredFeatureId, items]);
   return jsxs(Fragment, {
     children: [isLoading && jsx(LinearProgress, {
       "data-testid": "loading-bar",
@@ -12353,8 +12346,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
             md: 8
           },
           children: jsx(FilterList, {
-            filters: filters,
-            isAllSelected: allSelected && isAllChipSelected,
+            isAllSelected: allSelected,
             onClickAll: onClickAll,
             filterState: filterState,
             updateFilter: updateFilter
@@ -12497,9 +12489,11 @@ var PublicWarningList = function PublicWarningList(_ref) {
                   }, key);
                 }
                 var publicWarning = warning;
+                var highlightedItem = hoveredFeatureId === publicWarning.id;
                 return jsx(WarningListItem, {
                   style: style,
                   warning: publicWarning,
+                  highlightedItem: highlightedItem,
                   onSelectWarning: onSelectWarning,
                   onEditWarning: onEditWarning,
                   onDeleteWarning: onDeleteWarning,
@@ -12557,49 +12551,6 @@ var getPublicWarningsError = createSelector(getPublicWarningsStore, function (st
 var getPublicWarningsLastUpdatedTime = createSelector(getPublicWarningsStore, function (store) {
   return store == null ? void 0 : store.lastUpdatedTime;
 });
-var _warningListFilterAda = warningListFilterAdapter.getSelectors(function (state) {
-    var _state$publicWarnings3, _state$publicWarnings4;
-    return (_state$publicWarnings3 = state == null || (_state$publicWarnings4 = state.publicWarnings) == null ? void 0 : _state$publicWarnings4.filters) != null ? _state$publicWarnings3 : {
-      entities: {},
-      ids: []
-    };
-  }),
-  selectAllFilters = _warningListFilterAda.selectAll,
-  selectAllFilterIds = _warningListFilterAda.selectIds;
-var getIsAllSelected = createSelector(selectAllFilters, function (filters) {
-  var result = filters.findIndex(function (filter) {
-    return filter.filterList.findIndex(function (option) {
-      return option.filter.checked === false;
-    }) !== -1;
-  }) === -1;
-  return result;
-});
-var getSelectedFilterOptions = createSelector(selectAllFilters, function (filters) {
-  var selectedOptions = [];
-  filters.forEach(function (filter) {
-    filter.filterList.forEach(function (option) {
-      if (option.filter.checked === true) {
-        selectedOptions.push({
-          filterId: filter.id,
-          optionId: option.filter.id
-        });
-      }
-    });
-  });
-  return selectedOptions;
-}, selectorMemoizationOptions);
-var getFilteredWarnings = createSelector(selectAllPublicWarnings, getIsAllSelected, getSelectedFilterOptions, selectAllFilterIds, function (warnings, isAllSelected, filters, filterIds) {
-  if (isAllSelected) {
-    return warnings;
-  }
-  var result = warnings.filter(function (_ref) {
-    var warningDetail = _ref.warningDetail;
-    return filterIds.every(function (key) {
-      return isWarningMatchingFilter(filters, key, warningDetail[key]);
-    });
-  });
-  return result;
-}, selectorMemoizationOptions);
 
 var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
   var _ref$onClose = _ref.onClose,
@@ -12700,7 +12651,7 @@ var useFilter = function useFilter(defaultFilter, pickedOptions) {
   var _useState = useState(defaultFilter),
     filter = _useState[0],
     setFilter = _useState[1];
-  var pickedFilterOptions = pick(filter, ['unspecified'].concat(pickedOptions));
+  var pickedFilterOptions = pick(filter, [emptyFilterId].concat(pickedOptions));
   var _useSelectedOptions = useSelectedOptions(pickedFilterOptions),
     allSelected = _useSelectedOptions.allSelected;
   return [pickedFilterOptions, setFilter, allSelected];
@@ -12716,7 +12667,7 @@ var useWarningFilters = function useWarningFilters(warnings) {
     pickedLevelFilter = _useFilter[0],
     setLevelFilter = _useFilter[1],
     allLevelsSelected = _useFilter[2];
-  var existingPhenomenon = Object.values(Phenomenon).filter(function (p) {
+  var existingPhenomenon = Object.values(Phenomenon$1).filter(function (p) {
     return warnings.find(function (w) {
       return w.warningDetail.phenomenon === p;
     });
@@ -12725,9 +12676,53 @@ var useWarningFilters = function useWarningFilters(warnings) {
     pickedPhenomenonFilter = _useFilter2[0],
     setPhenomenonFilter = _useFilter2[1],
     allPhenomenonSelected = _useFilter2[2];
+  var relevantSources = useMemo(function () {
+    return getFiltersFromWarnings(warnings, 'warningProposalSource');
+  }, [warnings]);
+  var defaultSourceFilter = useMemo(function () {
+    return Object.fromEntries(relevantSources.map(function (key) {
+      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 relevantIncidents = useMemo(function () {
+    return getFiltersFromWarnings(warnings, 'incident');
+  }, [warnings]);
+  var defaultIncidentFilter = useMemo(function () {
+    return Object.fromEntries(relevantIncidents.map(function (key) {
+      return [key, true];
+    }));
+  }, [relevantIncidents]);
+  var _useFilter4 = useFilter(defaultIncidentFilter, relevantIncidents),
+    pickedIncidentFilter = _useFilter4[0],
+    setIncidentFilter = _useFilter4[1],
+    allIncidentsSelected = _useFilter4[2];
+  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;
+  var allSelected = allDomainSelected && allLevelsSelected && allPhenomenonSelected && allIncidentsSelected && allSourcesSelected;
   /**
    * @param filterKey - Name of the filter | "ALL" filters
    * @param optionKey - Name of the option | "ALL" options
@@ -12745,6 +12740,12 @@ var useWarningFilters = function useWarningFilters(warnings) {
       setPhenomenonFilter(function (state) {
         return updateState(state, 'ALL', value);
       });
+      setSourceFilter(function (state) {
+        return updateState(state, 'ALL', value);
+      });
+      setIncidentFilter(function (state) {
+        return updateState(state, 'ALL', value);
+      });
     } else if (filterKey === 'domain') {
       setDomainFilter(function (state) {
         return updateState(state, optionKey, value, only);
@@ -12757,6 +12758,14 @@ var useWarningFilters = function useWarningFilters(warnings) {
       setPhenomenonFilter(function (state) {
         return updateState(state, optionKey, value, only);
       });
+    } else if (filterKey === 'source') {
+      setSourceFilter(function (state) {
+        return updateState(state, optionKey, value, only);
+      });
+    } else if (filterKey === 'incident') {
+      setIncidentFilter(function (state) {
+        return updateState(state, optionKey, value, only);
+      });
     }
   };
   var byFilterState = useCallback(function (warning) {
@@ -12770,14 +12779,28 @@ var useWarningFilters = function useWarningFilters(warnings) {
     if (!pickedLevelFilter[level]) {
       return false;
     }
-    var phenomenon = getValue(Phenomenon, warning.warningDetail.phenomenon);
+    var phenomenon = getValue(Phenomenon$1, warning.warningDetail.phenomenon);
     if (!pickedPhenomenonFilter[phenomenon]) {
       return false;
     }
+    var source = relevantSources.find(function (source) {
+      return source === warning.warningDetail.warningProposalSource;
+    }) || emptyFilterId;
+    if (!pickedSourceFilter[source]) {
+      return false;
+    }
+    var incident = relevantIncidents.find(function (incident) {
+      return incident === warning.warningDetail.incident;
+    }) || emptyFilterId;
+    if (!pickedIncidentFilter[incident]) {
+      return false;
+    }
     return true;
-  }, [domainFilter, pickedLevelFilter, pickedPhenomenonFilter]);
+  }, [domainFilter, pickedLevelFilter, pickedPhenomenonFilter, relevantSources, pickedSourceFilter, relevantIncidents, pickedIncidentFilter]);
   return {
     filterState: {
+      incident: pickedIncidentFilter,
+      source: pickedSourceFilter,
       domain: domainFilter,
       phenomenon: pickedPhenomenonFilter,
       level: pickedLevelFilter
@@ -12807,10 +12830,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var _React$useState = React__default.useState(undefined),
     confirmDialogOptions = _React$useState[0],
     setConfirmDialogOptions = _React$useState[1];
-  var filters = useSelector(selectAllFilters);
-  var isAllChipSelected = useSelector(getIsAllSelected);
-  var publicWarnings = useSelector(getFilteredWarnings);
-  var warnings = useSelector(selectAllPublicWarnings);
+  var publicWarnings = useSelector(selectAllPublicWarnings);
   var selectedPublicWarningId = useSelector(getSelectedPublicWarningId);
   var isLoading = useSelector(isPublicWarningsLoading || isFetchingAirmet || isFetchingSigmet);
   var error = useSelector(getPublicWarningsError);
@@ -12818,7 +12838,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var lastUpdatedTime = useSelector(getPublicWarningsLastUpdatedTime);
   var warningsApi = getWarningsApi();
   var openPublicWarningDialog = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, publicWarning) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, publicWarning, warningType) {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -12844,7 +12864,8 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
             dispatch(publicWarningFormActions.openPublicWarningFormDialog(Object.assign({}, publicWarning && {
               publicWarning: publicWarning
             }, {
-              formState: formAction
+              formState: formAction,
+              warningType: warningType
             })));
           case 7:
           case "end":
@@ -12852,15 +12873,15 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
         }
       }, _callee);
     }));
-    return function openPublicWarningDialog(_x, _x2) {
+    return function openPublicWarningDialog(_x, _x2, _x3) {
       return _ref2.apply(this, arguments);
     };
   }();
   var selectWarning = function selectWarning(publicWarning) {
     void openPublicWarningDialog('readonly', publicWarning);
   };
-  var createWarning = function createWarning() {
-    void openPublicWarningDialog('');
+  var createWarning = function createWarning(warningType) {
+    void openPublicWarningDialog('', undefined, warningType);
   };
   var editWarning = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(publicWarning) {
@@ -12868,32 +12889,30 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!(publicWarning.id && auth != null && auth.username && !publicWarning.editor)) {
-              _context2.next = 7;
+              _context2.next = 6;
               break;
             }
-            _context2.next = 3;
-            return dispatch(publicWarningFormActions.toggleEditorWarning({
+            dispatch(publicWarningFormActions.toggleEditorWarning({
               warningId: publicWarning.id,
               isEditor: true,
               username: auth == null ? void 0 : auth.username
             }));
-          case 3:
-            _context2.next = 5;
+            _context2.next = 4;
             return openPublicWarningDialog('', Object.assign({}, publicWarning, {
               editor: auth == null ? void 0 : auth.username
             }));
-          case 5:
-            _context2.next = 8;
+          case 4:
+            _context2.next = 7;
             break;
-          case 7:
+          case 6:
             void openPublicWarningDialog('', publicWarning);
-          case 8:
+          case 7:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
-    return function editWarning(_x3) {
+    return function editWarning(_x4) {
       return _ref3.apply(this, arguments);
     };
   }();
@@ -12923,7 +12942,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
         }
       }, _callee3);
     }));
-    return function expireWarning(_x4) {
+    return function expireWarning(_x5) {
       return _ref4.apply(this, arguments);
     };
   }();
@@ -12953,7 +12972,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
         }
       }, _callee4);
     }));
-    return function withdrawWarning(_x5) {
+    return function withdrawWarning(_x6) {
       return _ref5.apply(this, arguments);
     };
   }();
@@ -13012,23 +13031,10 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     void refetchSigmetList();
     dispatch(publicWarningActions.fetchWarnings());
   }, [dispatch, refetchAirmetList, refetchSigmetList]);
-  var onClickAllChip = React__default.useCallback(function (isChecked) {
-    dispatch(publicWarningActions.toggleAllFilters({
-      isChecked: isChecked
-    }));
-  }, [dispatch]);
   React__default.useEffect(function () {
     // fetch warnings on mount
     fetchWarnings();
   }, [fetchWarnings]);
-  // update filters when warnings change
-  React__default.useEffect(function () {
-    // Generate new filters based on the provided warnings
-    var newFilters = getFiltersFromWarnings(t, warnings);
-    dispatch(publicWarningActions.setWarningListFilters({
-      newFilters: newFilters
-    }));
-  }, [dispatch, t, warnings]);
   var combinedWarnings = React__default.useMemo(function () {
     var transformedSigmets = (sigmetList == null ? void 0 : sigmetList.map(transformSigmetToWarningFormat)) || [];
     var transformedAirmets = (airmetList == null ? void 0 : airmetList.map(transformAirmetToWarningFormat)) || [];
@@ -13038,29 +13044,46 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var filteredWarnings = React__default.useMemo(function () {
     return combinedWarnings.filter(filterHookState.byFilterState);
   }, [combinedWarnings, filterHookState.byFilterState]);
+  var _React$useState2 = React__default.useState({
+      TODO: true,
+      DRAFT: true,
+      PUBLISHED: true,
+      EXPIRED: false
+    }),
+    expandedSections = _React$useState2[0],
+    setExpandedSections = _React$useState2[1];
+  var filteredWarningsByExpandedSections = React__default.useMemo(function () {
+    return filteredWarnings.filter(function (warning) {
+      return warning.status && expandedSections[warning.status] || warning.productStatus && expandedSections[warning.productStatus];
+    });
+  }, [filteredWarnings, expandedSections]);
   var allFeatures = React__default.useMemo(function () {
-    return filteredWarnings.reduce(function (acc, warning) {
+    return filteredWarningsByExpandedSections.flatMap(function (warning) {
       var _warning$warningDetai;
-      var features = warning == null || (_warning$warningDetai = warning.warningDetail.areas) == null ? void 0 : _warning$warningDetai.map(function (a) {
+      return (warning == null ? void 0 : warning.id) && (warning == null || (_warning$warningDetai = warning.warningDetail) == null || (_warning$warningDetai = _warning$warningDetai.areas) == null ? void 0 : _warning$warningDetai.filter(function (area) {
+        return area.geoJSON;
+      }).map(function (area) {
+        var isAviationWarning = warning.warningDetail.level === 'SIG' || warning.warningDetail.level === 'AIR';
+        var styledGeoJSON = warningLevelFeatureColors(warning.warningDetail.level, area.geoJSON, isAviationWarning);
         return {
-          id: warning.id + a.objectName,
-          geoJSON: a.geoJSON
+          id: warning.id + area.areaId,
+          originalId: warning.id,
+          geoJSON: styledGeoJSON
         };
-      }).filter(function (a) {
-        return a.geoJSON;
-      });
-      if ((features == null ? void 0 : features.length) > 0) {
-        return [].concat(acc, features);
-      }
-      return acc;
-    }, []);
-  }, [filteredWarnings]);
-  useUpdateSharedData({
-    features: allFeatures
-  }, panelId);
+      })) || [];
+    }).filter(function (feature) {
+      return feature.id;
+    });
+  }, [filteredWarningsByExpandedSections]);
+  var _useUpdateSharedData = useUpdateSharedData({
+      features: allFeatures
+    }, panelId),
+    hoveredFeatureId = _useUpdateSharedData.hoverId;
   return jsxs(Fragment, {
     children: [jsx(PublicWarningList, {
       warnings: filteredWarnings,
+      expandedSections: expandedSections,
+      setExpandedSections: setExpandedSections,
       isLoading: isLoading,
       error: error,
       onSelectWarning: selectWarning,
@@ -13073,10 +13096,8 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
       selectedPublicWarningId: selectedPublicWarningId,
       lastUpdatedTime: lastUpdatedTime,
       onRefetchWarnings: fetchWarnings,
-      filters: filters,
       filterHookState: filterHookState,
-      isAllChipSelected: isAllChipSelected,
-      onClickAllChip: onClickAllChip
+      hoveredFeatureId: hoveredFeatureId
     }), confirmDialogOptions && jsx(ConfirmDeleteWarningDialog, {
       onClose: function onClose() {
         return setConfirmDialogOptions(undefined);