@opengeoweb/warnings 9.34.0 → 9.35.1-spike-oltanstack.0

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
 import { Polygons, Share, ExitDomain, Edit, Delete, DrawPolygon, Visibility, Add, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, breakpoints, Close, Options, ChevronDown, ChevronUp, Copy, Success, Expire, Remove, ArrowUpCompact, ArrowDownCompact } from '@opengeoweb/theme';
-import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, layerActions, useSetupDialog } from '@opengeoweb/store';
+import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, drawtoolActions, mapStoreActions, layerActions, useSetupDialog, selectorMemoizationOptions, useUpdateSharedData } from '@opengeoweb/store';
 import { defaultPolygon, emptyGeoJSON, MapControlButton, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes, defaultLayers, MapView, MapViewLayer, getFeatureExtent } from '@opengeoweb/webmap-react';
 import { SHARED_NAMESPACE, useConfirmationDialog, ToggleMenu, dateUtils, calculateStartSize, ToolContainerDraggable, AlertBanner, ConfirmationDialog, getAxiosErrorMessage, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, CustomToggleButton, Filter, getPosition, FilterChip, FilterListItem, FilterLabel, FilterOption, StatusTag, LastUpdateTime, ErrorBoundary, pollingIntervalTimeout, isAxiosError as isAxiosError$1 } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, isAnyOf } from '@reduxjs/toolkit';
@@ -18,10 +18,11 @@ import { VariableSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { getApi, createApiInstance, createNonAuthApiInstance, createFakeApiInstance, ApiProvider, getHeaders, useAuthQuery, useAuthenticationContext, ProductStatus } from '@opengeoweb/api';
 import { useFormContext } from 'react-hook-form';
-import { isEqual, cloneDeep, clamp, pick, groupBy } from 'lodash';
+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';
 
 var en = {
@@ -56,7 +57,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",
@@ -233,7 +234,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",
@@ -371,7 +372,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",
@@ -2392,11 +2393,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
@@ -2470,6 +2474,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;
@@ -6949,6 +6954,7 @@ var warningListJSON = [
 		lastUpdatedTime: "2023-12-05T16:47:43Z",
 		status: "WITHDRAWN",
 		warningDetail: {
+			id: "3f756602-937d-11ee-a1bf-4k3k3k",
 			phenomenon: "thunderstorm",
 			areas: [
 				{
@@ -7005,6 +7011,7 @@ var warningListJSON = [
 		lastUpdatedTime: "2023-12-05T14:48:04Z",
 		status: "EXPIRED",
 		warningDetail: {
+			id: "4b94edb8-937d-11ee-b619-0ab3cf8a98c1",
 			phenomenon: "snowIce",
 			areas: [
 				{
@@ -7061,6 +7068,7 @@ var warningListJSON = [
 		lastUpdatedTime: "2023-12-05T14:47:43Z",
 		status: "EXPIRED",
 		warningDetail: {
+			id: "3f756602-937d-11ee-a1bf-0ab3cf8a98c1",
 			phenomenon: "thunderstorm",
 			areas: [
 				{
@@ -7114,6 +7122,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.
@@ -7134,6 +7340,8 @@ var warningListJSON = [
 var drawingList = drawingListJSON;
 var drawingsListFullContent = drawingsListFullContentJSON;
 var warningList = warningListJSON;
+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'];
 
 /* *
@@ -7234,7 +7442,7 @@ var getApiRoutes = function getApiRoutes(axiosInstance) {
     getWarnings: function getWarnings() {
       return axiosInstance.get("/warnings/").then(function () {
         return {
-          data: warningList
+          data: warningList.concat(sigmetList, airmetList)
         };
       });
     },
@@ -7978,7 +8186,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 ? {
@@ -8607,7 +8816,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;
+    return !phenomenon.isAviation && phenomenon.key !== 'unspecified';
   });
   return jsx(ReactHookFormSelect, {
     name: "phenomenon",
@@ -9111,17 +9320,51 @@ var getSigmetTAC = function getSigmetTAC(auth, product) {
  * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var useAirmetList = function useAirmetList() {
-  return useAuthQuery(['airmet-list'], getAirmetList);
+var useAirmetList = function useAirmetList(disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
+  return useAuthQuery(['airmet-list'], getAirmetList, disabled);
 };
-var useSigmetList = function useSigmetList() {
-  return useAuthQuery(['sigmet-list'], getSigmetList);
+var useSigmetList = function useSigmetList(disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
+  return useAuthQuery(['sigmet-list'], getSigmetList, disabled);
 };
-var useProductConfig = function useProductConfig(warningType) {
-  var airmetQuery = useAuthQuery(['airmet-config'], getAirmetConfig);
-  var sigmetQuery = useAuthQuery(['sigmet-config'], getSigmetConfig);
+var useProductConfig = function useProductConfig(warningType, disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
+  var airmetQuery = useAuthQuery(['airmet-config'], getAirmetConfig, disabled);
+  var sigmetQuery = useAuthQuery(['sigmet-config'], getSigmetConfig, disabled);
   return warningType === 'airmet' ? airmetQuery : sigmetQuery;
 };
+var useTACApi = function useTACApi() {
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
+  var queryClient = useQueryClient();
+  var fetchSigmetTAC = function fetchSigmetTAC(product) {
+    return queryClient.fetchQuery({
+      queryKey: ['sigmet-tac', product],
+      queryFn: function queryFn() {
+        return getSigmetTAC(auth, product);
+      }
+    });
+  };
+  var fetchAirmetTAC = function fetchAirmetTAC(product) {
+    return queryClient.fetchQuery({
+      queryKey: ['airmet-tac', product],
+      queryFn: function queryFn() {
+        return getAirmetTAC(auth, product);
+      }
+    });
+  };
+  return {
+    fetchSigmetTAC: fetchSigmetTAC,
+    fetchAirmetTAC: fetchAirmetTAC
+  };
+};
 
 var _excluded$6 = ["IS_DRAFT", "object", "translation-select"];
 var useScrollTopOnError = function useScrollTopOnError(error) {
@@ -9199,7 +9442,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)))';
@@ -9310,8 +9553,12 @@ 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,
+    fetchAirmetTAC = _useTACApi.fetchAirmetTAC;
   var initialPublicWarningArea = publicWarningDetails && (publicWarningDetails == null ? void 0 : publicWarningDetails.areas) && (publicWarningDetails == null ? void 0 : publicWarningDetails.areas.length) && (publicWarningDetails == null || (_publicWarningDetails = publicWarningDetails.areas[0]) == null ? void 0 : _publicWarningDetails.geoJSON);
   var _React$useState = React.useState(initialPublicWarningArea),
     warningGeoJSONFeature = _React$useState[0],
@@ -9388,44 +9635,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 ref = useScrollTopOnError(error);
-  var warningType = isSigmetWarning ? 'sigmet' : 'airmet';
   var _useProductConfig = useProductConfig(warningType),
     aviationConfig = _useProductConfig.data;
-  var _useAuthenticationCon = useAuthenticationContext(),
-    auth = _useAuthenticationCon.auth;
   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',
@@ -9433,45 +9699,30 @@ 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,
+          initialCancelSigmet: selectedAviationProduct !== undefined && isInstanceOfCancelSigmet(selectedAviationProduct) ? selectedAviationProduct : null,
           productConfig: aviationConfig,
           product: selectedAviationProduct,
           getTAC: function getTAC(product) {
-            return getSigmetTAC(auth, product);
+            return fetchSigmetTAC(product);
           }
         }) : 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 getAirmetTAC(auth, 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
           },
@@ -9565,14 +9816,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',
@@ -9661,8 +9912,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))
   });
@@ -9725,6 +9975,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");
@@ -9757,7 +10010,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);
@@ -9802,15 +10056,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({
@@ -9830,7 +10095,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     defaultMapPreset: defaultMapPreset,
     onAddObject: onAddObject,
     selectedAviationProduct: selectedAviationProduct,
-    isSigmetWarning: isSigmetWarning,
+    warningType: warningType,
     mode: mode
   });
 };
@@ -10630,6 +10895,74 @@ var transformAirmetToProductFormat = function transformAirmetToProductFormat(war
     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 {
@@ -10676,6 +11009,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;
@@ -10823,9 +11157,9 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
       return _ref5.apply(this, arguments);
     };
   }();
-  var _useAirmetList = useAirmetList(),
+  var _useAirmetList = useAirmetList(true),
     airmetList = _useAirmetList.data;
-  var _useSigmetList = useSigmetList(),
+  var _useSigmetList = useSigmetList(true),
     sigmetList = _useSigmetList.data;
   var selectedSigmet = sigmetList == null ? void 0 : sigmetList.find(function (sigmet) {
     return sigmet.uuid === selectedWarningId;
@@ -10833,15 +11167,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),
+  var updatedWarningType = selectedSigmet ? 'sigmet' : selectedAirmet && 'airmet' || warningType;
+  var _useProductConfig = useProductConfig(updatedWarningType, !isDialogOpen),
     aviationConfig = _useProductConfig.data;
-  var selectedSigmetProduct = selectedSigmet ? 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
@@ -10861,11 +11194,11 @@ 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, {})]
@@ -11525,6 +11858,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: {
@@ -11966,115 +12300,6 @@ var WarningListItem = function WarningListItem(_ref) {
   }), warning.id);
 };
 
-/* *
- * 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 useFilter = function useFilter(defaultFilter, pickedOptions) {
-  var _useState = useState(defaultFilter),
-    filter = _useState[0],
-    setFilter = _useState[1];
-  var pickedFilterOptions = pick(filter, ['unspecified'].concat(pickedOptions));
-  var _useSelectedOptions = useSelectedOptions(pickedFilterOptions),
-    allSelected = _useSelectedOptions.allSelected;
-  return [pickedFilterOptions, setFilter, allSelected];
-};
-var useWarningFilters = function useWarningFilters(warnings) {
-  var _useState2 = useState(defaultDomainFilter),
-    domainFilter = _useState2[0],
-    setDomainFilter = _useState2[1];
-  var relevantLevels = Object.keys(domainFilter).flatMap(function (domain) {
-    return domainFilter[domain] ? domainLevels[domain] : [];
-  });
-  var _useFilter = useFilter(defaultLevelFilter, relevantLevels),
-    pickedLevelFilter = _useFilter[0],
-    setLevelFilter = _useFilter[1],
-    allLevelsSelected = _useFilter[2];
-  var existingPhenomenon = Object.values(Phenomenon).filter(function (p) {
-    return warnings.find(function (w) {
-      return w.warningDetail.phenomenon === p;
-    });
-  });
-  var _useFilter2 = useFilter(defaultPhenomenonFilter, existingPhenomenon),
-    pickedPhenomenonFilter = _useFilter2[0],
-    setPhenomenonFilter = _useFilter2[1],
-    allPhenomenonSelected = _useFilter2[2];
-  var _useSelectedOptions2 = useSelectedOptions(domainFilter),
-    allDomainSelected = _useSelectedOptions2.allSelected;
-  var allSelected = allDomainSelected && allLevelsSelected && allPhenomenonSelected;
-  /**
-   * @param filterKey - Name of the filter | "ALL" filters
-   * @param optionKey - Name of the option | "ALL" options
-   * @param value - The new value
-   * @param only - Flag that decides if all other options should be disabled
-   */
-  var updateFilter = function updateFilter(filterKey, optionKey, value, only) {
-    if (filterKey === 'ALL') {
-      setDomainFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-      setLevelFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-      setPhenomenonFilter(function (state) {
-        return updateState(state, 'ALL', value);
-      });
-    } else if (filterKey === 'domain') {
-      setDomainFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
-    } else if (filterKey === 'level') {
-      setLevelFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
-    } else if (filterKey === 'phenomenon') {
-      setPhenomenonFilter(function (state) {
-        return updateState(state, optionKey, value, only);
-      });
-    }
-  };
-  var byFilterState = useCallback(function (warning) {
-    var levelDomain = ['SIG', 'AIR'].find(function (d) {
-      return d === warning.warningDetail.level;
-    }) ? Domain.aviation : Domain["public"];
-    if (!domainFilter[levelDomain]) {
-      return false;
-    }
-    var level = getValue(Level, warning.warningDetail.level);
-    if (!pickedLevelFilter[level]) {
-      return false;
-    }
-    var phenomenon = getValue(Phenomenon, warning.warningDetail.phenomenon);
-    if (!pickedPhenomenonFilter[phenomenon]) {
-      return false;
-    }
-    return true;
-  }, [domainFilter, pickedLevelFilter, pickedPhenomenonFilter]);
-  return {
-    filterState: {
-      domain: domainFilter,
-      phenomenon: pickedPhenomenonFilter,
-      level: pickedLevelFilter
-    },
-    allSelected: allSelected,
-    updateFilter: updateFilter,
-    byFilterState: byFilterState
-  };
-};
-
 var BUTTON_AIRMET = 'AIRMET';
 var BUTTON_SIGMET = 'SIGMET';
 var NewWarningButton = function NewWarningButton(_ref) {
@@ -12095,6 +12320,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) {
@@ -12155,19 +12384,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
         })
@@ -12269,6 +12501,7 @@ var PublicWarningList = function PublicWarningList(_ref) {
   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,
     error = _ref.error,
@@ -12294,14 +12527,14 @@ var PublicWarningList = function PublicWarningList(_ref) {
     _ref$onClickAllChip = _ref.onClickAllChip,
     onClickAllChip = _ref$onClickAllChip === void 0 ? function () {} : _ref$onClickAllChip,
     _ref$isAllChipSelecte = _ref.isAllChipSelected,
-    isAllChipSelected = _ref$isAllChipSelecte === void 0 ? true : _ref$isAllChipSelecte;
+    isAllChipSelected = _ref$isAllChipSelecte === void 0 ? true : _ref$isAllChipSelecte,
+    expandedSections = _ref.expandedSections,
+    setExpandedSections = _ref.setExpandedSections;
+  var filterState = filterHookState.filterState,
+    updateFilter = filterHookState.updateFilter,
+    allSelected = filterHookState.allSelected;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
-  var _useWarningFilters = useWarningFilters(warnings),
-    filterState = _useWarningFilters.filterState,
-    allSelected = _useWarningFilters.allSelected,
-    updateFilter = _useWarningFilters.updateFilter,
-    byFilterState = _useWarningFilters.byFilterState;
   var _React$useState = React__default.useState({
       key: 'lastUpdatedTime',
       direction: 'desc'
@@ -12313,8 +12546,8 @@ var PublicWarningList = function PublicWarningList(_ref) {
     updateFilter('ALL', 'ALL', !isChecked);
   };
   var sortedWarnings = React__default.useMemo(function () {
-    return groupWarningsOnStatus(warnings.filter(byFilterState), sortState);
-  }, [warnings, byFilterState, sortState]);
+    return groupWarningsOnStatus(warnings, sortState);
+  }, [warnings, sortState]);
   var toggleSortDirection = function toggleSortDirection(key) {
     setSortState(function (prevState) {
       return {
@@ -12323,14 +12556,6 @@ 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)));
@@ -12661,7 +12886,7 @@ var getSelectedFilterOptions = createSelector(selectAllFilters, function (filter
     });
   });
   return selectedOptions;
-});
+}, selectorMemoizationOptions);
 var getFilteredWarnings = createSelector(selectAllPublicWarnings, getIsAllSelected, getSelectedFilterOptions, selectAllFilterIds, function (warnings, isAllSelected, filters, filterIds) {
   if (isAllSelected) {
     return warnings;
@@ -12673,7 +12898,7 @@ var getFilteredWarnings = createSelector(selectAllPublicWarnings, getIsAllSelect
     });
   });
   return result;
-});
+}, selectorMemoizationOptions);
 
 var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
   var _ref$onClose = _ref.onClose,
@@ -12753,7 +12978,117 @@ var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
   }));
 };
 
-var PublicWarningListConnect = function PublicWarningListConnect() {
+/* *
+ * 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 useFilter = function useFilter(defaultFilter, pickedOptions) {
+  var _useState = useState(defaultFilter),
+    filter = _useState[0],
+    setFilter = _useState[1];
+  var pickedFilterOptions = pick(filter, ['unspecified'].concat(pickedOptions));
+  var _useSelectedOptions = useSelectedOptions(pickedFilterOptions),
+    allSelected = _useSelectedOptions.allSelected;
+  return [pickedFilterOptions, setFilter, allSelected];
+};
+var useWarningFilters = function useWarningFilters(warnings) {
+  var _useState2 = useState(defaultDomainFilter),
+    domainFilter = _useState2[0],
+    setDomainFilter = _useState2[1];
+  var relevantLevels = Object.keys(domainFilter).flatMap(function (domain) {
+    return domainFilter[domain] ? domainLevels[domain] : [];
+  });
+  var _useFilter = useFilter(defaultLevelFilter, relevantLevels),
+    pickedLevelFilter = _useFilter[0],
+    setLevelFilter = _useFilter[1],
+    allLevelsSelected = _useFilter[2];
+  var existingPhenomenon = Object.values(Phenomenon).filter(function (p) {
+    return warnings.find(function (w) {
+      return w.warningDetail.phenomenon === p;
+    });
+  });
+  var _useFilter2 = useFilter(defaultPhenomenonFilter, existingPhenomenon),
+    pickedPhenomenonFilter = _useFilter2[0],
+    setPhenomenonFilter = _useFilter2[1],
+    allPhenomenonSelected = _useFilter2[2];
+  var _useSelectedOptions2 = useSelectedOptions(domainFilter),
+    allDomainSelected = _useSelectedOptions2.allSelected;
+  var allSelected = allDomainSelected && allLevelsSelected && allPhenomenonSelected;
+  /**
+   * @param filterKey - Name of the filter | "ALL" filters
+   * @param optionKey - Name of the option | "ALL" options
+   * @param value - The new value
+   * @param only - Flag that decides if all other options should be disabled
+   */
+  var updateFilter = function updateFilter(filterKey, optionKey, value, only) {
+    if (filterKey === 'ALL') {
+      setDomainFilter(function (state) {
+        return updateState(state, 'ALL', value);
+      });
+      setLevelFilter(function (state) {
+        return updateState(state, 'ALL', value);
+      });
+      setPhenomenonFilter(function (state) {
+        return updateState(state, 'ALL', value);
+      });
+    } else if (filterKey === 'domain') {
+      setDomainFilter(function (state) {
+        return updateState(state, optionKey, value, only);
+      });
+    } else if (filterKey === 'level') {
+      setLevelFilter(function (state) {
+        return updateState(state, optionKey, value, only);
+      });
+    } else if (filterKey === 'phenomenon') {
+      setPhenomenonFilter(function (state) {
+        return updateState(state, optionKey, value, only);
+      });
+    }
+  };
+  var byFilterState = useCallback(function (warning) {
+    var levelDomain = ['SIG', 'AIR'].find(function (d) {
+      return d === warning.warningDetail.level;
+    }) ? Domain.aviation : Domain["public"];
+    if (!domainFilter[levelDomain]) {
+      return false;
+    }
+    var level = getValue(Level, warning.warningDetail.level);
+    if (!pickedLevelFilter[level]) {
+      return false;
+    }
+    var phenomenon = getValue(Phenomenon, warning.warningDetail.phenomenon);
+    if (!pickedPhenomenonFilter[phenomenon]) {
+      return false;
+    }
+    return true;
+  }, [domainFilter, pickedLevelFilter, pickedPhenomenonFilter]);
+  return {
+    filterState: {
+      domain: domainFilter,
+      phenomenon: pickedPhenomenonFilter,
+      level: pickedLevelFilter
+    },
+    allSelected: allSelected,
+    updateFilter: updateFilter,
+    byFilterState: byFilterState
+  };
+};
+
+var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
+  var panelId = _ref.panelId;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var dispatch = useDispatch();
@@ -12773,7 +13108,7 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
     setConfirmDialogOptions = _React$useState[1];
   var filters = useSelector(selectAllFilters);
   var isAllChipSelected = useSelector(getIsAllSelected);
-  var filteredWarnings = useSelector(getFilteredWarnings);
+  var publicWarnings = useSelector(getFilteredWarnings);
   var warnings = useSelector(selectAllPublicWarnings);
   var selectedPublicWarningId = useSelector(getSelectedPublicWarningId);
   var isLoading = useSelector(isPublicWarningsLoading || isFetchingAirmet || isFetchingSigmet);
@@ -12782,7 +13117,7 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
   var lastUpdatedTime = useSelector(getPublicWarningsLastUpdatedTime);
   var warningsApi = getWarningsApi();
   var openPublicWarningDialog = /*#__PURE__*/function () {
-    var _ref = _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) {
@@ -12808,7 +13143,8 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
             dispatch(publicWarningFormActions.openPublicWarningFormDialog(Object.assign({}, publicWarning && {
               publicWarning: publicWarning
             }, {
-              formState: formAction
+              formState: formAction,
+              warningType: warningType
             })));
           case 7:
           case "end":
@@ -12816,18 +13152,18 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
         }
       }, _callee);
     }));
-    return function openPublicWarningDialog(_x, _x2) {
-      return _ref.apply(this, arguments);
+    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 _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(publicWarning) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(publicWarning) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -12857,12 +13193,12 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
         }
       }, _callee2);
     }));
-    return function editWarning(_x3) {
-      return _ref2.apply(this, arguments);
+    return function editWarning(_x4) {
+      return _ref3.apply(this, arguments);
     };
   }();
   var expireWarning = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(warning) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(warning) {
       var expiredWarning;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -12887,12 +13223,12 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
         }
       }, _callee3);
     }));
-    return function expireWarning(_x4) {
-      return _ref3.apply(this, arguments);
+    return function expireWarning(_x5) {
+      return _ref4.apply(this, arguments);
     };
   }();
   var withdrawWarning = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(warning) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(warning) {
       var withdrawWarning;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -12917,8 +13253,8 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
         }
       }, _callee4);
     }));
-    return function withdrawWarning(_x5) {
-      return _ref4.apply(this, arguments);
+    return function withdrawWarning(_x6) {
+      return _ref5.apply(this, arguments);
     };
   }();
   var openSnackbar = function openSnackbar(message) {
@@ -12993,12 +13329,53 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
       newFilters: newFilters
     }));
   }, [dispatch, t, warnings]);
-  var transformedSigmets = (sigmetList == null ? void 0 : sigmetList.map(transformSigmetToWarningFormat)) || [];
-  var transformedAirmets = (airmetList == null ? void 0 : airmetList.map(transformAirmetToWarningFormat)) || [];
-  var combinedWarnings = filteredWarnings.concat(transformedSigmets).concat(transformedAirmets);
+  var combinedWarnings = React__default.useMemo(function () {
+    var transformedSigmets = (sigmetList == null ? void 0 : sigmetList.map(transformSigmetToWarningFormat)) || [];
+    var transformedAirmets = (airmetList == null ? void 0 : airmetList.map(transformAirmetToWarningFormat)) || [];
+    return publicWarnings.concat(transformedSigmets).concat(transformedAirmets);
+  }, [publicWarnings, sigmetList, airmetList]);
+  var filterHookState = useWarningFilters(combinedWarnings);
+  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 filteredWarningsByExpandedSections.reduce(function (acc, warning) {
+      var _warning$warningDetai;
+      var features = warning == null || (_warning$warningDetai = warning.warningDetail.areas) == null ? void 0 : _warning$warningDetai.map(function (a) {
+        return {
+          id: warning.id + a.objectName,
+          geoJSON: a.geoJSON
+        };
+      }).filter(function (a) {
+        return a.geoJSON;
+      });
+      if ((features == null ? void 0 : features.length) > 0) {
+        return [].concat(acc, features);
+      }
+      return acc;
+    }, []);
+  }, [filteredWarningsByExpandedSections]);
+  useUpdateSharedData({
+    features: allFeatures
+  }, panelId);
   return jsxs(Fragment, {
     children: [jsx(PublicWarningList, {
-      warnings: combinedWarnings,
+      warnings: filteredWarnings,
+      expandedSections: expandedSections,
+      setExpandedSections: setExpandedSections,
       isLoading: isLoading,
       error: error,
       onSelectWarning: selectWarning,
@@ -13012,6 +13389,7 @@ var PublicWarningListConnect = function PublicWarningListConnect() {
       lastUpdatedTime: lastUpdatedTime,
       onRefetchWarnings: fetchWarnings,
       filters: filters,
+      filterHookState: filterHookState,
       isAllChipSelected: isAllChipSelected,
       onClickAllChip: onClickAllChip
     }), confirmDialogOptions && jsx(ConfirmDeleteWarningDialog, {
@@ -13037,7 +13415,8 @@ var warningListViewPreset = {
 var PublicWarningApiWrapper = function PublicWarningApiWrapper(_ref) {
   var config = _ref.config,
     auth = _ref.auth,
-    onSetAuth = _ref.onSetAuth;
+    onSetAuth = _ref.onSetAuth,
+    panelId = _ref.panelId;
   return config ? jsx(ApiProvider, {
     config: {
       baseURL: config.baseURL,
@@ -13049,20 +13428,25 @@ var PublicWarningApiWrapper = function PublicWarningApiWrapper(_ref) {
     onSetAuth: onSetAuth,
     createApi: createApi$1,
     children: jsx(ErrorBoundary, {
-      children: jsx(PublicWarningListConnect, {})
+      children: jsx(PublicWarningListConnect, {
+        panelId: panelId
+      })
     })
   }) : null;
 };
 var componentsLookUp = function componentsLookUp(payload, apiProps) {
-  var componentType = payload.componentType;
+  var id = payload.id,
+    componentType = payload.componentType;
   switch (componentType) {
     case warningListViewPreset.componentType:
       if (apiProps && apiProps.config) {
         return jsx(PublicWarningApiWrapper, Object.assign({}, apiProps, {
+          panelId: id,
           "data-testid": "publicWarningModule"
         }));
       }
       return jsx(PublicWarningListConnect, {
+        panelId: id,
         "data-testid": "publicWarningList"
       });
     default: