@opengeoweb/warnings 9.35.1-spike-oltanstack.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';
 
@@ -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;
-        });
-      });
     }
   }
 });
@@ -7340,6 +7149,9 @@ var airmetListJSON = [
 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'];
@@ -8572,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':
@@ -8632,7 +8547,7 @@ var getAviationPhenomenaIcon = function getAviationPhenomenaIcon(key) {
 };
 var warningPhenomena = [{
   translationKey: 'warning-unspecified',
-  key: 'unspecified',
+  key: emptyFilterId,
   isAviation: false
 }, {
   translationKey: 'warning-phenomenon-wind',
@@ -8807,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(),
@@ -8816,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",
@@ -9397,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: '',
@@ -9513,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;
   }
-  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);
+  if (!geoJSON || !geoJSON.features) {
+    // Return an empty FeatureCollection if geoJSON is invalid
+    return {
+      type: 'FeatureCollection',
+      features: []
+    };
+  }
+  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,
@@ -9671,8 +9613,8 @@ var Form = function Form(_ref5) {
     // 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 _useProductConfig = useProductConfig(warningType),
     aviationConfig = _useProductConfig.data;
@@ -9703,6 +9645,7 @@ var Form = function Form(_ref5) {
           showMap: false,
           mode: mode,
           initialSigmet: selectedAviationProduct !== undefined && !isInstanceOfCancelSigmet(selectedAviationProduct) ? selectedAviationProduct : null,
+          isCancelSigmet: selectedAviationProduct !== undefined && isInstanceOfCancelSigmet(selectedAviationProduct),
           initialCancelSigmet: selectedAviationProduct !== undefined && isInstanceOfCancelSigmet(selectedAviationProduct) ? selectedAviationProduct : null,
           productConfig: aviationConfig,
           product: selectedAviationProduct,
@@ -9733,7 +9676,7 @@ var Form = function Form(_ref5) {
             size: {
               xs: 12
             },
-            children: jsx(Phenomenon$1, {
+            children: jsx(Phenomenon, {
               isDisabled: areFieldsDisabled,
               isReadOnly: isReadOnly
             })
@@ -10736,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,
@@ -10743,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,
@@ -10759,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,
@@ -10766,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,
@@ -10888,10 +10871,10 @@ 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
   });
 };
@@ -11205,230 +11188,6 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   });
 };
 
-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.
@@ -11523,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,
@@ -11642,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: {
@@ -11653,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,
@@ -11671,7 +11336,7 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
               sx: {
                 paddingLeft: 0.5
               },
-              children: noSelectedOptions > 0 && noSelectedOptions
+              children: !isDisabled && noSelectedOptions > 0 && noSelectedOptions
             })]
           })
         })
@@ -11743,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,
@@ -11763,7 +11447,7 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
                 children: [getWarningPhenomenaIcon(optionId), ' ', t(getTranslationKey(optionId, id))]
               })
             }, id + "-" + optionId);
-          })
+          })]
         })]
       })]
     })]
@@ -11771,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,
@@ -11809,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,
@@ -11992,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;
@@ -12066,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,
@@ -12099,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',
@@ -12500,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,
@@ -12524,10 +12211,7 @@ 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,
@@ -12542,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 () {
@@ -12561,19 +12244,21 @@ var PublicWarningList = function PublicWarningList(_ref) {
     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) {
@@ -12606,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",
@@ -12652,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
@@ -12796,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,
@@ -12856,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,
@@ -12999,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];
@@ -13015,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;
     });
@@ -13024,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
@@ -13044,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);
@@ -13056,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) {
@@ -13069,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
@@ -13106,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);
@@ -13168,26 +12889,24 @@ 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();
         }
@@ -13312,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)) || [];
@@ -13352,25 +13058,27 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     });
   }, [filteredWarnings, expandedSections]);
   var allFeatures = React__default.useMemo(function () {
-    return filteredWarningsByExpandedSections.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;
-    }, []);
+      })) || [];
+    }).filter(function (feature) {
+      return feature.id;
+    });
   }, [filteredWarningsByExpandedSections]);
-  useUpdateSharedData({
-    features: allFeatures
-  }, panelId);
+  var _useUpdateSharedData = useUpdateSharedData({
+      features: allFeatures
+    }, panelId),
+    hoveredFeatureId = _useUpdateSharedData.hoverId;
   return jsxs(Fragment, {
     children: [jsx(PublicWarningList, {
       warnings: filteredWarnings,
@@ -13388,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);