@opengeoweb/warnings 12.9.1 → 12.11.0

package/index.esm.js

@@ -1,20 +1,20 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
-import { Polygons, ExitDomain, Share, Edit, Delete, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, DrawPolygon, Visibility, Add, breakpoints, Options, Close, ChevronDown, ChevronUp, Copy, Update, Cancel, Success, Expire, Remove, ArrowUpCompact, ArrowDownCompact } from '@opengeoweb/theme';
+import { Polygons, ExitDomain, Share, Edit, Delete, CoastalEvent, TemperatureLow, TemperatureHigh, Rain, Snow, Lightning, Fog, Wind, Thunderstorm, VulcanicEruption, Haze, FreezingPrecipitation, ModerateAircraftIcing, SevereAircraftIcing, ModerateTurbulence, SevereTurbulence, SandStorm, RadioactiveMaterials, DrawPolygon, Visibility, Add, ArrowUpCompact, ArrowDownCompact, breakpoints, DragHandle, Options, Close, ChevronDown, ChevronUp, Copy, Update, Cancel, Success, Expire, Remove } from '@opengeoweb/theme';
 import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawingToolSelectors, layerSelectors, uiSelectors, drawingToolActions, layerActions, mapListener, layersListener, drawingToolListener, syncGroupsListener, openlayersListener, syncGroupsReducer, drawingToolReducer, uiReducer, layerReducer, mapReducer, useSetupDialog, genericSelectors, useUpdateSharedData, genericActions, selectorMemoizationOptions } from '@opengeoweb/store';
 import { defaultPolygon, emptyGeoJSON, MapControlButton, getIcon, rewindGeometry, getGeoJSONPropertyValue, currentlySupportedDrawModes, defaultLayers, viewUtils, OpenLayersMapView, MapControls, OpenLayersZoomControl, OpenLayersLayer, OpenLayersFeatureLayer, genericOpenLayersFeatureStyle } from '@opengeoweb/webmap-react';
-import { SHARED_NAMESPACE, useConfirmationDialog, dateUtils, ToggleMenu, calculateStartSize, ToolContainerDraggable, AlertBanner, sessionStorageProvider, ConfirmationDialog, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, CustomToggleButton, Filter, FilterChip, FilterOption, StatusTag, LastUpdateTime, getAxiosErrorMessage, ErrorBoundary } from '@opengeoweb/shared';
+import { SHARED_NAMESPACE, useConfirmationDialog, dateUtils, ToggleMenu, calculateStartSize, ToolContainerDraggable, AlertBanner, sessionStorageProvider, ConfirmationDialog, usePrevious, CustomIconButton, CustomTooltip, Avatar, getInitials, SwitchButton, FilterChip, TooltipSelect, usePreventBrowserClose, CustomToggleButton, Filter, FilterOption, StatusTag, LastUpdateTime, getAxiosErrorMessage, ErrorBoundary } from '@opengeoweb/shared';
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, current, combineReducers, configureStore } from '@reduxjs/toolkit';
 import { defaultBbox } from '@opengeoweb/core';
 import { FORM_FIELDS_NAMESPACE, useDraftFormHelpers, ReactHookFormSelect, ReactHookFormHiddenInput, isValidGeoJsonCoordinates, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions, errorMessages, isEmpty, ReactHookFormDateTime, isXHoursAfter, isXHoursBefore } from '@opengeoweb/form-fields';
-import { SA_NAMESPACE, isInstanceOfCancelSigmet, getDefaultValidFromValue, isInstanceOfCancelAirmet, getTacGeometry, getMaxPolygonPoints, getDefaultValidUntilValue, useShortTestHelpers, SigmetForm, AirmetForm, ProductAction, getConfirmationDialogCancelLabel, getConfirmationDialogButtonLabel, getConfirmationDialogContent, getConfirmationDialogTitle, isVAPhenomenon, CancelSigmetVolcanicMovements, createAirmetPostParameter, createSigmetPostParameter, prepareCancelSigmet, getProductFormMode } from '@opengeoweb/sigmet-airmet';
+import { SA_NAMESPACE, isInstanceOfCancelSigmet, getDefaultValidFromValue, isInstanceOfCancelAirmet, getTacGeometry, getMaxPolygonPoints, getDefaultValidUntilValue, useShortTestHelpers, ProductAction, SigmetForm, AirmetForm, getConfirmationDialogCancelLabel, getConfirmationDialogButtonLabel, getConfirmationDialogContent, getConfirmationDialogTitle, isVAPhenomenon, CancelSigmetVolcanicMovements, createAirmetPostParameter, createSigmetPostParameter, prepareCancelSigmet, getProductFormMode } from '@opengeoweb/sigmet-airmet';
 import { LayerType, generateMapId } from '@opengeoweb/webmap';
 import { t } from 'i18next';
 import { useTranslation } from 'react-i18next';
 import * as React from 'react';
 import React__default, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { useAuthenticationContext as useAuthenticationContext$1 } from '@opengeoweb/authentication';
-import { styled, Box, Typography, ListItem, Paper, ListItemButton, Stack, Grid, LinearProgress, Button, MenuItem, FormHelperText, Card, CardContent, Tabs, Tab, CircularProgress, Menu, DialogTitle, DialogContent, Switch, ListItemText } from '@mui/material';
+import { styled, Box, Typography, ListItem, Paper, ListItemButton, Stack, Grid, LinearProgress, Button, MenuItem, FormHelperText, Card, CardContent, Tabs, Tab, useTheme, FormControl, CircularProgress, Menu, DialogTitle, DialogContent, Switch, ListItemText } from '@mui/material';
 import { VariableSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { getHeaders, handleResponse, AirmetPhenomena, SigmetPhenomena, useAuthQuery, useAuthenticationContext, optimisticUpdate, ProductStatus } from '@opengeoweb/api';
@@ -22,6 +22,7 @@ import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { snackbarListener, snackbarReducer, snackbarActions, snackbarTypes } from '@opengeoweb/snackbar';
 import { useFormContext, useForm, FormProvider } from 'react-hook-form';
 import { isEqual, cloneDeep, clamp, concat, groupBy, pick } from 'lodash';
+import { ReactSortable } from 'react-sortablejs';
 
 var en = {
 	"drawing-tool-form-tools": "Tools",
@@ -55,6 +56,8 @@ var en = {
 	"object-manager-object-selected": "object selected",
 	"object-manager-share-menu": "Share object to",
 	"public-warning-title": "Public Warning",
+	"maritime-warning-coastal-title": "Coastal Waters",
+	"maritime-warning-northsea-title": "North Sea Districts",
 	"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.",
@@ -210,7 +213,51 @@ var en = {
 	"aviation-discard-success": "{{warningType}} has been discarded!",
 	"error-auth-login": "This feature is protected by authentication. Please log in to proceed",
 	"cancel-warningType": "Cancel {{warningType}}",
-	cancelling: "Cancelling"
+	cancelling: "Cancelling",
+	"maritime-new-warning": "New warning",
+	"maritime-add-area": "Add",
+	"maritime-no-area-selected": "(no area selected)",
+	"maritime-no-district-selected": "(no district selected)",
+	"maritime-backing": "Backing",
+	"maritime-veering": "Veering",
+	"maritime-no-change": "No change",
+	"maritime-windforce": "{{value}} Bft",
+	"maritime-header-direction": "Direction",
+	"maritime-header-direction-from": "Direction from",
+	"maritime-header-direction-to": "Direction to",
+	"maritime-header-windforce": "Bft",
+	"maritime-header-areas": "Areas",
+	"maritime-header-districts": "Districts",
+	"maritime-header-change": "Change",
+	"maritime-direction-n": "North",
+	"maritime-direction-nne": "North to Northeast",
+	"maritime-direction-ne": "Northeast",
+	"maritime-direction-nen": "Northeast to North",
+	"maritime-direction-e": "East",
+	"maritime-direction-ese": "East to Southeast",
+	"maritime-direction-se": "Southeast",
+	"maritime-direction-ses": "Southeast to South",
+	"maritime-direction-s": "South",
+	"maritime-direction-ssw": "South to Southwest",
+	"maritime-direction-sw": "Southwest",
+	"maritime-direction-sww": "Southwest to West",
+	"maritime-direction-w": "West",
+	"maritime-direction-wnw": "West to Northwest",
+	"maritime-direction-nw": "Northwest",
+	"maritime-direction-nwn": "Northwest to North",
+	"maritime-delete-button": "Delete",
+	"maritime-retract-warning": "Retract warning",
+	"maritime-no-change-of-direction": "(no change of direction)",
+	"maritime-retract-dialog-no-change": "(no change in direction)",
+	"maritime-retract-dialog-description-suffix": "will be removed",
+	"maritime-retract-dialog-empty-warning-description": "The warning will be retracted",
+	"maritime-retract-dialog-confirm": "Retract",
+	"maritime-retract-success": "Warning retracted successfully",
+	"maritime-clear-dialog-title": "Clear all",
+	"maritime-clear-dialog-description": "All warnings will be removed from the list",
+	"maritime-clear-success": "Warning list cleared successfully",
+	"maritime-warning-title-coastal": "Warning Maritime - Coastal Waters",
+	"maritime-warning-title-northsea": "Warning Maritime - North Sea Districts"
 };
 var nl = {
 	"drawing-tool-form-tools": "Gereedschap",
@@ -244,6 +291,8 @@ var nl = {
 	"object-manager-object-selected": "object geselecteerd",
 	"object-manager-share-menu": "Object delen naar",
 	"public-warning-title": "Publieke Waarschuwing",
+	"maritime-warning-coastal-title": "Kustgebieden",
+	"maritime-warning-northsea-title": "Noordzee Districten",
 	"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.",
@@ -360,7 +409,50 @@ var nl = {
 	"aviation-discard-success": "niet vertaald",
 	"error-auth-login": "Deze functie wordt beschermd door authenticatie. Log in om verder te gaan",
 	"cancel-warningType": "Annuleer {{warningType}}",
-	cancelling: "Annuleren"
+	cancelling: "Annuleren",
+	"maritime-new-warning": "Nieuwe waarschuwing",
+	"maritime-add-area": "Toevoegen",
+	"maritime-no-area-selected": "(geen gebied geselecteerd)",
+	"maritime-no-district-selected": "(geen district geselecteerd)",
+	"maritime-backing": "Krimpend",
+	"maritime-veering": "Ruimend",
+	"maritime-no-change": "Geen wijziging",
+	"maritime-windforce": "{{value}} Bft",
+	"maritime-header-direction": "Richting",
+	"maritime-header-direction-from": "Richting van",
+	"maritime-header-direction-to": "Richting naar",
+	"maritime-header-windforce": "Bft",
+	"maritime-header-areas": "Gebieden",
+	"maritime-header-districts": "Districten",
+	"maritime-header-change": "Wijziging",
+	"maritime-direction-n": "Noord",
+	"maritime-direction-nne": "Noord tot noordoost",
+	"maritime-direction-ne": "Noordoost",
+	"maritime-direction-nen": "Noordoost tot noord",
+	"maritime-direction-e": "Oost",
+	"maritime-direction-ese": "Oost tot zuidoost",
+	"maritime-direction-se": "Zuidoost",
+	"maritime-direction-ses": "Zuidoost tot zuid",
+	"maritime-direction-s": "Zuid",
+	"maritime-direction-ssw": "Zuid tot zuidwest",
+	"maritime-direction-sw": "Zuidwest",
+	"maritime-direction-sww": "Zuidwest tot west",
+	"maritime-direction-w": "West",
+	"maritime-direction-wnw": "West tot noordwest",
+	"maritime-direction-nw": "Noordwest",
+	"maritime-direction-nwn": "Noordwest tot noord",
+	"maritime-delete-button": "Verwijderen",
+	"maritime-retract-warning": "Waarschuwing intrekken",
+	"maritime-retract-dialog-no-change": "(geen wijziging in richting)",
+	"maritime-retract-dialog-empty-warning-description": "De waarschuwing wordt verwijderd",
+	"maritime-retract-dialog-description-suffix": "wordt verwijderd",
+	"maritime-retract-dialog-confirm": "Intrekken",
+	"maritime-retract-success": "Waarschuwing succesvol ingetrokken",
+	"maritime-clear-dialog-title": "Wissen",
+	"maritime-clear-dialog-description": "Alle waarschuwingen worden verwijderd",
+	"maritime-clear-success": "Alle waarchuwingen zijn verwijderd",
+	"maritime-warning-title-coastal": "Maritieme Waarschuwing - Kustgebieden",
+	"maritime-warning-title-northsea": "Maritieme Waarschuwing - Noordzee Districten"
 };
 var fi = {
 	"drawing-tool-form-tools": "Työkalut",
@@ -394,6 +486,8 @@ var fi = {
 	"object-manager-object-selected": "objekti valittuna",
 	"object-manager-share-menu": "Jaa objekti",
 	"public-warning-title": "Julkiset varoitukset",
+	"maritime-warning-coastal-title": "ei käännetty",
+	"maritime-warning-northsea-title": "ei käännetty",
 	"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.",
@@ -544,6 +638,8 @@ var no = {
 	"object-manager-object-selected": "objekt er valgt",
 	"object-manager-share-menu": "Del objekt med",
 	"public-warning-title": "Farevarsel",
+	"maritime-warning-coastal-title": "ikke oversatt",
+	"maritime-warning-northsea-title": "ikke oversatt",
 	"close-warning-dialog-title": "Lukk farevarsel",
 	"warning-edit-mode-title": "Bytt til editeringsmodus",
 	"warning-edit-mode-description": "Dette varselet er allerede under endring av en annen bruker. Viktig informasjon kan gå tapt ved å bytte",
@@ -669,6 +765,9 @@ var warningsTranslations = {
 	no: no
 };
 
+function _OverloadYield(e, d) {
+  this.v = e, this.k = d;
+}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -703,306 +802,248 @@ function _objectWithoutPropertiesLoose(r, e) {
   }
   return t;
 }
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = false,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = true, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
       };
-    }
+    }(r, o, i), true), u;
   }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
+  var a = {};
   function Generator() {}
   function GeneratorFunction() {}
   function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
     return this;
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+function _regeneratorAsync(n, e, r, t, o) {
+  var a = _regeneratorAsyncGen(n, e, r, t, o);
+  return a.next().then(function (n) {
+    return n.done ? n.value : a.next();
   });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
+}
+function _regeneratorAsyncGen(r, e, t, o, n) {
+  return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise);
+}
+function _regeneratorAsyncIterator(t, e) {
+  function n(r, o, i, f) {
+    try {
+      var c = t[r](o),
+        u = c.value;
+      return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) {
+        n("next", t, i, f);
+      }, function (t) {
+        n("throw", t, i, f);
+      }) : e.resolve(u).then(function (t) {
+        c.value = t, i(c);
+      }, function (t) {
+        return n("throw", t, i, f);
       });
-    });
+    } catch (t) {
+      f(t);
+    }
+  }
+  var r;
+  this.next || (_regeneratorDefine(_regeneratorAsyncIterator.prototype), _regeneratorDefine(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
+    return this;
+  })), _regeneratorDefine(this, "_invoke", function (t, o, i) {
+    function f() {
+      return new e(function (e, r) {
+        n(t, i, e, r);
+      });
+    }
+    return r = r ? r.then(f, f) : f();
+  }, true);
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
   }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
+  _regeneratorDefine = function (e, r, n, t) {
+    if (r) i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n;else {
+      function o(r, n) {
+        _regeneratorDefine(e, r, function (e) {
+          return this._invoke(r, n, e);
         });
       }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: true
+      o("next", 0), o("throw", 1), o("return", 2);
+    }
+  }, _regeneratorDefine(e, r, n, t);
+}
+function _regeneratorKeys(e) {
+  var n = Object(e),
+    r = [];
+  for (var t in n) r.unshift(t);
+  return function e() {
+    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = false, e;
+    return e.done = true, e;
+  };
+}
+function _regeneratorValues(e) {
+  if (null != e) {
+    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
+      r = 0;
+    if (t) return t.call(e);
+    if ("function" == typeof e.next) return e;
+    if (!isNaN(e.length)) return {
+      next: function () {
+        return e && r >= e.length && (e = void 0), {
+          value: e && e[r++],
+          done: !e
         };
       }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
     };
   }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(true);
+  throw new TypeError(typeof e + " is not iterable");
+}
+function _regeneratorRuntime() {
+
+  var r = _regenerator(),
+    e = r.m(_regeneratorRuntime),
+    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
+  function n(r) {
+    var e = "function" == typeof r && r.constructor;
+    return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
   }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = false, next;
-            return next.value = t, next.done = true, next;
-          };
-        return i.next = i;
+  var o = {
+    throw: 1,
+    return: 2,
+    break: 3,
+    continue: 3
+  };
+  function a(r) {
+    var e, t;
+    return function (n) {
+      e || (e = {
+        stop: function () {
+          return t(n.a, 2);
+        },
+        catch: function () {
+          return n.v;
+        },
+        abrupt: function (r, e) {
+          return t(n.a, o[r], e);
+        },
+        delegateYield: function (r, o, a) {
+          return e.resultName = o, t(n.d, _regeneratorValues(r), a);
+        },
+        finish: function (r) {
+          return t(n.f, r);
+        }
+      }, t = function (r, t, o) {
+        n.p = e.prev, n.n = e.next;
+        try {
+          return r(t, o);
+        } finally {
+          e.next = n.n;
+        }
+      }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
+      try {
+        return r.call(this, e);
+      } finally {
+        n.p = e.prev, n.n = e.next;
       }
-    }
-    throw new TypeError(typeof e + " is not iterable");
+    };
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: true
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: true
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
+  return (_regeneratorRuntime = function () {
     return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-    return this;
-  }), define(g, "toString", function () {
-    return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = false, next;
-      }
-      return next.done = true, next;
+      wrap: function (e, t, n, o) {
+        return r.w(a(e), t, n, o && o.reverse());
+      },
+      isGeneratorFunction: n,
+      mark: r.m,
+      awrap: function (r, e) {
+        return new _OverloadYield(r, e);
+      },
+      AsyncIterator: _regeneratorAsyncIterator,
+      async: function (r, e, t, o, u) {
+        return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u);
+      },
+      keys: _regeneratorKeys,
+      values: _regeneratorValues
     };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = true;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, true);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, true);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
-    }
-  }, e;
+  })();
 }
 
 /* *
@@ -1048,9 +1089,9 @@ var drawAdapter = createEntityAdapter({
     return draw.drawingInstanceId;
   }
 });
-var initialState$2 = drawAdapter.getInitialState();
+var initialState$3 = drawAdapter.getInitialState();
 var slice$2 = createSlice({
-  initialState: initialState$2,
+  initialState: initialState$3,
   name: 'drawingForm',
   reducers: {
     setDrawValues: function setDrawValues(draft, action) {
@@ -1199,7 +1240,7 @@ var useCloseDrawDialog = function useCloseDrawDialog(_ref) {
   });
   var confirmDialog = useConfirmationDialog();
   var closeDrawDialog = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(skipConfirmationDialog) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(skipConfirmationDialog) {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -1371,7 +1412,7 @@ var useObjectDrawDialogAction = function useObjectDrawDialogAction(_ref5) {
     }));
   };
   var openObjectDialog = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -2023,7 +2064,7 @@ var getAreaKeywords = function getAreaKeywords(auth) {
   }).then(handleResponse);
 };
 var saveDrawingAs = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth, data) {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth, data) {
     var response;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -2134,9 +2175,9 @@ var publicWarningDialogType = uiTypes.DialogTypes.PublicWarnings;
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var TAKEOVER_MESSAGE = 'You are no longer the editor of this warning';
-var initialState$1 = {};
+var initialState$2 = {};
 var slice$1 = createSlice({
-  initialState: initialState$1,
+  initialState: initialState$2,
   name: 'publicWarningForm',
   reducers: {
     setFormValues: function setFormValues(draft, action) {
@@ -2256,7 +2297,7 @@ var publicWarningFormListener = createListenerMiddleware();
 publicWarningFormListener.startListening({
   actionCreator: publicWarningFormActions.openPublicWarningFormDialog,
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
       var payload, panelId;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -2284,7 +2325,7 @@ publicWarningFormListener.startListening({
 publicWarningFormListener.startListening({
   actionCreator: uiActions.setToggleOpenDialog,
   effect: function () {
-    var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
       var payload;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -2452,14 +2493,14 @@ var publicWarningsAdapter = createEntityAdapter({
     return warning.id;
   }
 });
-var initialState = {
+var initialState$1 = {
   warnings: publicWarningsAdapter.getInitialState(),
   isLoading: true,
   lastUpdatedTime: '',
   filterState: {}
 };
 var slice = createSlice({
-  initialState: initialState,
+  initialState: initialState$1,
   name: 'publicWarnings',
   reducers: {
     setWarningFilters: function setWarningFilters(draft, action) {
@@ -2964,7 +3005,7 @@ var useMutatePublicWarningEditor = function useMutatePublicWarningEditor() {
     }
   }), {
     onSuccess: function () {
-      var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, _ref3) {
+      var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, _ref3) {
         var isEditor;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -3014,7 +3055,7 @@ var useMutateWarning = function useMutateWarning(snackBarMessage) {
       }));
     },
     onSuccess: function () {
-      var _onSuccess2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data, variables) {
+      var _onSuccess2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data, variables) {
         var location, warningDetail, newId, newWarning;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -3080,7 +3121,7 @@ var useMutateDeleteWarning = function useMutateDeleteWarning() {
       return deleteWarning(id, auth);
     },
     onSuccess: function () {
-      var _onSuccess3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_, variables) {
+      var _onSuccess3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_, variables) {
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -3148,7 +3189,7 @@ var useMutateSaveOrUpdateDrawing = function useMutateSaveOrUpdateDrawing() {
   var queryClient = useQueryClient();
   return useMutation({
     mutationFn: function () {
-      var _mutationFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref6) {
+      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref6) {
         var data, id, headers, location, newId;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -3218,7 +3259,7 @@ var useMutateDeleteDrawing = function useMutateDeleteDrawing() {
   var dispatch = useDispatch();
   return useMutation({
     mutationFn: function () {
-      var _mutationFn2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref8) {
+      var _mutationFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref8) {
         var drawingId;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -3396,7 +3437,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
     }
   };
   var onClickDrawing = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(drawing) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(drawing) {
       var isActive;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -4194,10 +4235,21 @@ var DEFAULT_WARNING_DIALOG_MIN_SIZE = {
   width: 264,
   height: 300
 };
+var getTitle = function getTitle(warningType, t) {
+  if (warningType === 'airmet' || warningType === 'sigmet') {
+    return warningType == null ? void 0 : warningType.toUpperCase();
+  }
+  if (warningType === 'maritimeWarningCoastal') {
+    return t('maritime-warning-title-coastal');
+  }
+  if (warningType === 'maritimeWarningNorthSea') {
+    return t('maritime-warning-title-northsea');
+  }
+  return t('public-warning-title');
+};
 var PublicWarningsFormDialog = function PublicWarningsFormDialog(_ref) {
   var bounds = _ref.bounds,
     onClose = _ref.onClose,
-    title = _ref.title,
     isOpen = _ref.isOpen,
     _ref$onMouseDown = _ref.onMouseDown,
     onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
@@ -4234,7 +4286,7 @@ var PublicWarningsFormDialog = function PublicWarningsFormDialog(_ref) {
   var _React$useState = React.useState(startSizeCalc),
     sizeInState = _React$useState[0],
     setSizeInState = _React$useState[1];
-  var fullTitle = selectedAviationProduct ? warningType == null ? void 0 : warningType.toUpperCase() : title || t('public-warning-title');
+  var fullTitle = getTitle(warningType, t);
   var onChangeMode = function onChangeMode() {
     onChangeFormMode(!isReadOnly);
   };
@@ -4374,8 +4426,8 @@ var getAirmetTAC = function getAirmetTAC(auth, product) {
     body: JSON.stringify(product),
     method: 'POST',
     headers: getHeaders(auth)
-  }).then( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(r) {
+  }).then(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(r) {
       var textData;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -4409,8 +4461,8 @@ var getSigmetTAC = function getSigmetTAC(auth, product) {
     body: JSON.stringify(product),
     method: 'POST',
     headers: getHeaders(auth)
-  }).then( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(r) {
+  }).then(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(r) {
       var textData;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -4551,7 +4603,7 @@ var usePostSigmet = function usePostSigmet() {
       }));
     },
     onSuccess: function () {
-      var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, variables) {
+      var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, variables) {
         var snackbarKey, warningType;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -4612,7 +4664,7 @@ var usePostAirmet = function usePostAirmet() {
       }));
     },
     onSuccess: function () {
-      var _onSuccess2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data, variables) {
+      var _onSuccess2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data, variables) {
         var snackbarKey, warningType;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -5569,70 +5621,1346 @@ var ValidUntil = function ValidUntil(_ref) {
   });
 };
 
-var _excluded$4 = ["IS_DRAFT", "object", "translation-select"];
-var useScrollTopOnError = function useScrollTopOnError(error) {
-  var ref = React.useRef(null);
-  React.useEffect(function () {
-    if (error != null && error.message && ref.current) {
-      ref.current.scrollTop = 0;
-    }
-  }, [error]);
-  return ref;
-};
-var getEmptyPublicWarning = function getEmptyPublicWarning() {
-  var currentTime = new Date();
-  var validFromTime = dateUtils.add(currentTime, {
-    minutes: 15
+var AreaList = /*#__PURE__*/React__default.memo(function (_ref) {
+  var areas = _ref.areas,
+    selected = _ref.selected,
+    disabled = _ref.disabled,
+    onClickItem = _ref.onClickItem;
+  return jsx(Stack, {
+    "data-testid": "arealist",
+    direction: "row",
+    spacing: 1,
+    sx: {
+      display: 'block',
+      '.MuiChip-root': {
+        margin: 0,
+        marginRight: 1,
+        marginBottom: 1
+      }
+    },
+    children: areas.map(function (area) {
+      var isDisabled = disabled.includes(area.id);
+      var isSelected = !isDisabled && selected.includes(area.id);
+      return jsx(FilterChip, {
+        id: area.id,
+        label: area.label,
+        isSelected: isSelected,
+        isDisabled: isDisabled,
+        onClick: function onClick() {
+          return onClickItem == null ? void 0 : onClickItem(area.id);
+        },
+        size: "medium"
+      }, area.id);
+    })
   });
-  var validUntilTime = dateUtils.add(currentTime, {
-    hours: 6,
-    minutes: 15
+});
+
+var _excluded$4 = ["title", "width", "onClick", "isSorted", "sortDirection", "sortable"];
+var sharedArrowIconStyles = {
+  fontSize: '0.9rem'
+};
+var WarningListHeaderContent = function WarningListHeaderContent(_ref) {
+  var title = _ref.title,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 76 : _ref$width,
+    _onClick = _ref.onClick,
+    isSorted = _ref.isSorted,
+    sortDirection = _ref.sortDirection,
+    sortable = _ref.sortable,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  return jsx(Grid, {
+    sx: Object.assign({}, props.sx, {
+      width: width,
+      cursor: _onClick ? 'pointer' : 'default'
+    }),
+    onClick: function onClick(e) {
+      e.stopPropagation(); // Ensure click only affects this column
+      _onClick == null || _onClick();
+    },
+    children: jsxs(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        overflow: 'hidden',
+        fontWeight: 'normal',
+        textOverflow: 'ellipsis',
+        fontSize: 12,
+        lineHeight: 1.33,
+        height: 16,
+        color: 'geowebColors.captions.captionStatus.rgba'
+      },
+      children: [title, sortable && jsx(Box, {
+        sx: {
+          display: 'flex',
+          alignItems: 'center',
+          marginLeft: '4px',
+          color: isSorted ? '#186DFF' : 'inherit'
+        },
+        children: isSorted && sortDirection === 'asc' ? jsx(ArrowUpCompact, {
+          sx: Object.assign({}, sharedArrowIconStyles),
+          "data-testid": "ArrowUpIcon"
+        }) : jsx(ArrowDownCompact, {
+          sx: Object.assign({}, sharedArrowIconStyles),
+          "data-testid": "ArrowDownIcon"
+        })
+      })]
+    })
   });
-  return {
-    id: '',
-    phenomenon: '',
-    validFrom: dateUtils.dateToString(validFromTime),
-    validUntil: dateUtils.dateToString(validUntilTime),
-    level: '',
-    probability: 30,
-    descriptionOriginal: '',
-    descriptionTranslation: '',
-    areas: []
-  };
 };
-var getFormData = function getFormData(publicWarningsDetails, object) {
-  var data = Object.assign({
-    IS_DRAFT: '',
-    'translation-select': ''
-  }, publicWarningsDetails ? Object.assign({}, getEmptyPublicWarning(), publicWarningsDetails) : getEmptyPublicWarning(), {
-    object: object
+
+var AssignedAreas = function AssignedAreas(_ref) {
+  var _sx;
+  var assignedAreas = _ref.assignedAreas,
+    selectedAreaIds = _ref.selectedAreaIds,
+    onAddClick = _ref.onAddClick,
+    onDeleteClick = _ref.onDeleteClick,
+    onToggleSelectArea = _ref.onToggleSelectArea,
+    _ref$shouldShowDistri = _ref.shouldShowDistricts,
+    shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var assignedAreaIds = React__default.useMemo(function () {
+    return new Set(assignedAreas.map(function (area) {
+      return area.id;
+    }));
+  }, [assignedAreas]);
+  // can add the selected areas when they don't appear in the assigned area list
+  var canAddSelectedAreas = React__default.useMemo(function () {
+    return selectedAreaIds.length > 0 && selectedAreaIds.every(function (id) {
+      return !assignedAreaIds.has(id);
+    });
+  }, [selectedAreaIds, assignedAreaIds]);
+  var theme = useTheme();
+  return jsxs(Box, {
+    sx: {
+      display: 'flex',
+      gridArea: 'areas',
+      gap: 1,
+      minHeight: 32,
+      marginLeft: 1,
+      paddingInline: 0.5,
+      borderRadius: 1
+    },
+    style: {
+      backgroundColor: canAddSelectedAreas ? theme.palette.geowebColors.cards.cardContainerMouseOver : undefined
+    },
+    children: [assignedAreas.length === 0 && jsx(Typography, {
+      variant: "caption",
+      color: "textSecondary",
+      sx: {
+        alignSelf: 'center'
+      },
+      children: shouldShowDistricts ? t('maritime-no-district-selected') : t('maritime-no-area-selected')
+    }), jsx(Box, {
+      sx: (_sx = {
+        flexGrow: 1,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 0.5,
+        paddingBlock: 0.5,
+        alignItems: 'flex-start'
+      }, _sx["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+        flexWrap: 'wrap',
+        flexDirection: 'row'
+      }, _sx),
+      children: assignedAreas.map(function (area) {
+        var isSelected = selectedAreaIds.includes(area.id);
+        return jsx(FilterChip, {
+          size: "small",
+          id: area.id,
+          label: area.label,
+          isSelected: isSelected,
+          onClick: function onClick() {
+            return onToggleSelectArea(area.id);
+          },
+          onClickIcon: isSelected ? function () {
+            return onDeleteClick(area.id);
+          } : undefined
+        }, area.id);
+      })
+    }), jsx(AddButton, {
+      show: canAddSelectedAreas,
+      onClick: onAddClick
+    })]
   });
-  return data;
 };
-// tablet breakpoint - 2 padding * 2 for both sides
-var containerQueryBreakpoint = "@container (min-width: " + (breakpoints.tablet - 32) + "px)";
-var spinnerSx = {
-  width: '16px!important',
-  height: '16px!important',
-  position: 'absolute',
-  top: 0,
-  bottom: 0,
-  margin: 'auto',
-  marginLeft: 1
+var AddButton = function AddButton(_ref2) {
+  var onClick = _ref2.onClick,
+    show = _ref2.show;
+  var _useWarningsTranslati2 = useWarningsTranslation(),
+    t = _useWarningsTranslati2.t;
+  return jsx(Button, {
+    onClick: onClick,
+    variant: "primary",
+    style: {
+      visibility: show ? 'visible' : 'hidden'
+    },
+    sx: function sx(theme) {
+      return Object.assign({
+        alignSelf: 'flex-start',
+        height: 16,
+        minWidth: 0,
+        flexShrink: 0,
+        marginTop: 0.5
+      }, theme.typography.caption);
+    },
+    children: t('maritime-add-area')
+  });
 };
-var ContainerWrapper = styled('div')(function () {
-  return {
-    containerType: 'size',
-    height: '100%'
-  };
-});
-var ContainerFormWrapper = styled('div')(function (_ref) {
-  var _ref2;
-  var _ref$isReadOnly = _ref.isReadOnly,
-    isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
-    theme = _ref.theme;
-  return _ref2 = {
-    padding: theme.spacing(2),
+
+var WarningListSelect = /*#__PURE__*/React__default.memo(function (_ref) {
+  var options = _ref.options,
+    value = _ref.value,
+    label = _ref.label,
+    _onChange = _ref.onChange,
+    renderOption = _ref.renderOption,
+    renderValue = _ref.renderValue,
+    gridArea = _ref.gridArea,
+    additionalStyling = _ref.additionalStyling,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
+  var currentIndex = options.findIndex(function (option) {
+    return option.value === value;
+  });
+  return jsx(FormControl, {
+    style: {
+      width: '100%',
+      gridArea: gridArea
+    },
+    children: jsxs(TooltipSelect, {
+      disableUnderline: true,
+      tooltip: "",
+      style: {
+        maxWidth: '100%'
+      },
+      isEnabled: !isDisabled,
+      disabled: isDisabled,
+      value: value != null ? value : '',
+      SelectDisplayProps: {
+        'aria-label': label
+      },
+      list: options,
+      additionalStyling: additionalStyling,
+      currentIndex: currentIndex > -1 ? currentIndex : undefined,
+      renderValue: renderValue,
+      onChange: function onChange(event) {
+        _onChange(event.target.value);
+      },
+      onChangeMouseWheel: function onChangeMouseWheel(event) {
+        _onChange(event.value);
+      },
+      children: [jsx(MenuItem, {
+        disabled: true,
+        sx: {
+          display: 'none'
+        }
+      }), options.map(function (option, index) {
+        if (renderOption) {
+          return renderOption(option, index);
+        }
+        return jsx(MenuItem, {
+          value: option.value,
+          sx: function sx(theme) {
+            return {
+              '&.MuiMenuItem-root': Object.assign({}, theme.typography.caption)
+            };
+          },
+          children: typeof option.label === 'function' ? option.label(t) : option.label
+        }, option.value);
+      })]
+    })
+  });
+});
+
+var WindForceLevel;
+(function (WindForceLevel) {
+  WindForceLevel["moderate"] = "moderate";
+  WindForceLevel["severe"] = "severe";
+  WindForceLevel["extreme"] = "extreme";
+})(WindForceLevel || (WindForceLevel = {}));
+var windForceStyles = {
+  moderate: {
+    color: '#FAE21E',
+    textColor: '#051039',
+    borderColor: '#FBFE02'
+  },
+  severe: {
+    color: '#E27000',
+    textColor: '#051039',
+    borderColor: '#FEAE02'
+  },
+  extreme: {
+    color: '#D62A20',
+    textColor: '#ffffff',
+    borderColor: '#FF0000'
+  }
+};
+var WindForceSelect = function WindForceSelect(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    gridArea = _ref.gridArea,
+    options = _ref.options;
+  var warningListOptions = React__default.useMemo(function () {
+    return options.map(function (option) {
+      return {
+        value: option.value,
+        label: option.value
+      };
+    });
+  }, [options]);
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var renderValue = React__default.useCallback(function (optionValue) {
+    var option = options.find(function (option) {
+      return option.value === optionValue;
+    });
+    var level = option.level;
+    var colors = windForceStyles[level];
+    return jsx(Box, {
+      sx: {
+        background: colors.color,
+        color: colors.textColor,
+        width: 'calc(100% + 24px)',
+        padding: [1.5, 1],
+        marginLeft: -1
+      },
+      children: optionValue
+    });
+  }, [options]);
+  var renderOption = React__default.useCallback(function (option, index) {
+    var level = options[index].level;
+    var colors = windForceStyles[level];
+    return jsx(MenuItem, {
+      value: option.value,
+      sx: function sx(theme) {
+        return {
+          '&.MuiMenuItem-root': Object.assign({
+            padding: 1
+          }, theme.typography.caption),
+          '.MuiSelect-select & ': {
+            marginLeft: '-8px'
+          }
+        };
+      },
+      children: jsx(Box, {
+        sx: {
+          background: colors.color,
+          color: colors.textColor,
+          width: '100%',
+          padding: [1.5, 1]
+        },
+        children: t('maritime-windforce', {
+          value: option.value
+        })
+      })
+    }, option.value);
+  }, [t, options]);
+  // change the arrow color for the select when the selected option has the level "extreme"
+  var option = options.find(function (option) {
+    return option.value === value;
+  });
+  var arrowColor = (option == null ? void 0 : option.level) === WindForceLevel.extreme ? '#fff' : undefined;
+  return jsx(WarningListSelect, {
+    label: t('maritime-header-windforce'),
+    gridArea: gridArea,
+    options: warningListOptions,
+    value: value,
+    onChange: onChange,
+    renderOption: renderOption,
+    renderValue: renderValue,
+    additionalStyling: {
+      '& .MuiSvgIcon-root': {
+        fill: arrowColor
+      },
+      '& .MuiSelect-standard': {
+        paddingBlock: 0
+      }
+    }
+  });
+};
+
+var windDirections = [{
+  value: 'NORTH',
+  label: function label(t) {
+    return t('maritime-direction-n');
+  }
+}, {
+  value: 'NORTH_TO_NORTHEAST',
+  label: function label(t) {
+    return t('maritime-direction-nne');
+  }
+}, {
+  value: 'NORTHEAST',
+  label: function label(t) {
+    return t('maritime-direction-ne');
+  }
+}, {
+  value: 'NORTHEAST_TO_NORTH',
+  label: function label(t) {
+    return t('maritime-direction-nen');
+  }
+}, {
+  value: 'EAST',
+  label: function label(t) {
+    return t('maritime-direction-e');
+  }
+}, {
+  value: 'EAST_TO_SOUTHEAST',
+  label: function label(t) {
+    return t('maritime-direction-ese');
+  }
+}, {
+  value: 'SOUTHEAST',
+  label: function label(t) {
+    return t('maritime-direction-se');
+  }
+}, {
+  value: 'SOUTHEAST_TO_SOUTH',
+  label: function label(t) {
+    return t('maritime-direction-ses');
+  }
+}, {
+  value: 'SOUTH',
+  label: function label(t) {
+    return t('maritime-direction-s');
+  }
+}, {
+  value: 'SOUTH_TO_SOUTHWEST',
+  label: function label(t) {
+    return t('maritime-direction-ssw');
+  }
+}, {
+  value: 'SOUTHWEST',
+  label: function label(t) {
+    return t('maritime-direction-sw');
+  }
+}, {
+  value: 'SOUTHWEST_TO_WEST',
+  label: function label(t) {
+    return t('maritime-direction-sww');
+  }
+}, {
+  value: 'WEST',
+  label: function label(t) {
+    return t('maritime-direction-w');
+  }
+}, {
+  value: 'WEST_TO_NORTHWEST',
+  label: function label(t) {
+    return t('maritime-direction-wnw');
+  }
+}, {
+  value: 'NORTHWEST',
+  label: function label(t) {
+    return t('maritime-direction-nw');
+  }
+}, {
+  value: 'NORTHWEST_TO_NORTH',
+  label: function label(t) {
+    return t('maritime-direction-nwn');
+  }
+}];
+var change = [{
+  value: 'NO_CHANGE',
+  label: function label(t) {
+    return t('maritime-no-change');
+  }
+}, {
+  value: 'BACKING',
+  label: function label(t) {
+    return t('maritime-backing');
+  }
+}, {
+  value: 'VEERING',
+  label: function label(t) {
+    return t('maritime-veering');
+  }
+}];
+var windForce = [{
+  level: WindForceLevel.extreme,
+  value: '12'
+}, {
+  level: WindForceLevel.extreme,
+  value: '11'
+}, {
+  level: WindForceLevel.extreme,
+  value: '10'
+}, {
+  level: WindForceLevel.severe,
+  value: '9'
+}, {
+  level: WindForceLevel.severe,
+  value: '8'
+}, {
+  level: WindForceLevel.moderate,
+  value: '7'
+}, {
+  level: WindForceLevel.moderate,
+  value: '6'
+}];
+
+var WarningListDragHandle = function WarningListDragHandle() {
+  return jsx(CustomIconButton, {
+    className: "handle",
+    tabIndex: -1,
+    disableTouchRipple: true,
+    sx: {
+      '&.handle:hover': function handleHover(theme) {
+        return Object.assign({}, theme.palette.geowebColors.layerManager.dragHandleHover);
+      },
+      cursor: 'grab',
+      marginTop: 0.5
+    },
+    children: jsx(DragHandle, {})
+  });
+};
+
+var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
+  var warning = _ref.warning,
+    areas = _ref.areas,
+    selectedAreaIds = _ref.selectedAreaIds,
+    onAddClick = _ref.onAddClick,
+    onRemove = _ref.onRemove,
+    onChange = _ref.onChange,
+    onToggleSelectArea = _ref.onToggleSelectArea,
+    onRemoveArea = _ref.onRemoveArea,
+    _ref$shouldShowDistri = _ref.shouldShowDistricts,
+    shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri;
+  var areasById = React__default.useMemo(function () {
+    return new Map(areas.map(function (area) {
+      return [area.id, area];
+    }));
+  }, [areas]);
+  var assignedAreas = React__default.useMemo(function () {
+    return warning.assignedAreaIds.map(function (areaId) {
+      return areasById.get(areaId);
+    }).filter(function (area) {
+      return area !== undefined;
+    });
+  }, [warning.assignedAreaIds, areasById]);
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var handleChangeFromDirection = React__default.useCallback(function (value) {
+    onChange(warning.id, {
+      windDirectionFrom: value
+    });
+  }, [onChange, warning.id]);
+  var handleChangeWindForce = React__default.useCallback(function (value) {
+    onChange(warning.id, {
+      windForce: value
+    });
+  }, [onChange, warning]);
+  var handleChangeWindChangeType = React__default.useCallback(function (value) {
+    onChange(warning.id, {
+      changeType: value
+    });
+    if (value === 'NO_CHANGE') {
+      onChange(warning.id, {
+        windDirectionTo: ''
+      });
+    }
+  }, [onChange, warning]);
+  var handleChangeToDirection = React__default.useCallback(function (value) {
+    onChange(warning.id, {
+      windDirectionTo: value
+    });
+  }, [onChange, warning]);
+  var handleAddClick = React__default.useCallback(function () {
+    onAddClick(warning.id);
+  }, [warning.id, onAddClick]);
+  var shouldDisableDirTo = warning.changeType === 'NO_CHANGE';
+  return jsxs(StyledItem, {
+    "data-testid": "maritime-warning",
+    children: [jsx(WarningListDragHandle, {}), jsx(WarningListSelect, {
+      gridArea: "dirFrom",
+      label: t('maritime-header-direction-from'),
+      options: windDirections,
+      onChange: handleChangeFromDirection,
+      value: warning.windDirectionFrom
+    }), jsx(WindForceSelect, {
+      gridArea: "windForce",
+      value: warning.windForce,
+      options: windForce,
+      onChange: handleChangeWindForce
+    }), jsx(AssignedAreas, {
+      assignedAreas: assignedAreas,
+      selectedAreaIds: selectedAreaIds,
+      onAddClick: handleAddClick,
+      onToggleSelectArea: onToggleSelectArea,
+      onDeleteClick: onRemoveArea,
+      shouldShowDistricts: shouldShowDistricts
+    }), jsx(WarningListSelect, {
+      gridArea: "changeType",
+      label: t('maritime-header-change'),
+      options: change,
+      onChange: handleChangeWindChangeType,
+      value: warning.changeType
+    }), jsx(WarningListSelect, {
+      gridArea: "dirTo",
+      label: t('maritime-header-direction-to'),
+      options: windDirections,
+      onChange: handleChangeToDirection,
+      value: warning.windDirectionTo,
+      isDisabled: shouldDisableDirTo
+    }), jsx(CustomIconButton, {
+      sx: {
+        gridArea: 'delete',
+        justifySelf: 'end',
+        padding: 0,
+        marginTop: 0.5
+      },
+      size: "small",
+      onClick: function onClick() {
+        return onRemove(warning.id);
+      },
+      "aria-label": t('maritime-delete-button'),
+      tooltipTitle: t('maritime-retract-warning'),
+      children: jsx(Delete, {})
+    })]
+  });
+});
+var StyledItem = styled('div')(function (_ref2) {
+  var _ref3;
+  var theme = _ref2.theme;
+  return _ref3 = {
+    marginBottom: theme.spacing(0.25),
+    backgroundColor: theme.palette.geowebColors.cards.cardContainer,
+    borderColor: theme.palette.geowebColors.cards.cardContainerBorder,
+    borderRadius: theme.shape.borderRadius,
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    display: 'grid',
+    alignItems: 'start',
+    gap: theme.spacing(0.5),
+    paddingInline: theme.spacing(0.25),
+    // styling for small windows
+    gridTemplateAreas: "\n        \"drag dirFrom    dirFrom windForce delete\"\n        \".    areas      areas   areas     .\"\n        \".    changeType dirTo dirTo       .\" \n    ",
+    gridTemplateColumns: '24px minmax(87px, 1fr) 1fr minmax(60px, 1fr) 24px'
+  }, _ref3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+    gridTemplateAreas: "\n        \"drag dirFrom windForce areas changeType dirTo delete\" \n    ",
+    gridTemplateColumns: 'var(--grid-columns)'
+  }, _ref3;
+});
+
+var WarningList = function WarningList(_ref) {
+  var _sx;
+  var warnings = _ref.warnings,
+    areas = _ref.areas,
+    selectedAreaIds = _ref.selectedAreaIds,
+    onAddSelectedAreas = _ref.onAddSelectedAreas,
+    onRemoveWarning = _ref.onRemoveWarning,
+    onRemoveArea = _ref.onRemoveArea,
+    onChangeWarning = _ref.onChangeWarning,
+    onToggleSelectArea = _ref.onToggleSelectArea,
+    onMoveWarning = _ref.onMoveWarning,
+    _ref$shouldShowDistri = _ref.shouldShowDistricts,
+    shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var onSort = React__default.useCallback(function (event) {
+    onMoveWarning(event.oldIndex, event.newIndex);
+  }, [onMoveWarning]);
+  return jsxs(Box, {
+    "data-testid": "warninglist",
+    sx: {
+      display: 'flex',
+      flexDirection: 'column',
+      minHeight: 0,
+      '--grid-columns': '30px 150px 60px 2fr 100px 100px 1fr'
+    },
+    children: [jsxs(Box, {
+      sx: (_sx = {
+        display: 'none'
+      }, _sx["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+        display: 'grid'
+      }, _sx.gridTemplateColumns = 'var(--grid-columns)', _sx.gap = 0.5, _sx.paddingBlockEnd = 1, _sx.justifyItems = 'center', _sx['& > *'] = {
+        width: 'auto !important'
+      }, _sx),
+      children: [jsx(WarningListHeaderContent, {
+        title: t('maritime-header-direction'),
+        sx: {
+          gridColumnStart: 2
+        }
+      }), jsx(WarningListHeaderContent, {
+        title: t('maritime-header-windforce')
+      }), jsx(WarningListHeaderContent, {
+        title: shouldShowDistricts ? t('maritime-header-districts') : t('maritime-header-areas')
+      }), jsx(WarningListHeaderContent, {
+        title: t('maritime-header-change')
+      }), jsx(WarningListHeaderContent, {
+        title: t('maritime-header-direction')
+      })]
+    }), jsx(ReactSortable, {
+      tag: "div",
+      list: warnings,
+      onSort: onSort,
+      setList: function setList() {},
+      animation: 200,
+      handle: ".handle",
+      direction: "vertical",
+      style: {
+        minHeight: 0,
+        overflow: 'auto'
+      },
+      children: warnings.map(function (warning) {
+        return jsx(WarningListItem$1, {
+          warning: warning,
+          areas: areas,
+          selectedAreaIds: selectedAreaIds,
+          onToggleSelectArea: onToggleSelectArea,
+          onAddClick: onAddSelectedAreas,
+          onRemove: onRemoveWarning,
+          onChange: onChangeWarning,
+          onRemoveArea: onRemoveArea,
+          shouldShowDistricts: shouldShowDistricts
+        }, 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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var unpublishedWarningId = 0;
+function createWarning() {
+  unpublishedWarningId += 1;
+  return {
+    assignedAreaIds: [],
+    id: "unpublished-warning-" + unpublishedWarningId
+  };
+}
+function isPublishedWarning(warning) {
+  return !warning.id.startsWith('unpublished-warning');
+}
+var initialState = {
+  selectedAreaIds: [],
+  warnings: [createWarning()],
+  modified: false
+};
+function reducer(state, action) {
+  switch (action.type) {
+    case 'changeWarning':
+      {
+        return Object.assign({}, state, {
+          warnings: state.warnings.map(function (warning) {
+            if (warning.id !== action.id) {
+              return warning;
+            }
+            return Object.assign({}, warning, action.newValues);
+          }),
+          modified: true
+        });
+      }
+    case 'toggleSelectArea':
+      {
+        if (state.selectedAreaIds.includes(action.id)) {
+          return Object.assign({}, state, {
+            selectedAreaIds: state.selectedAreaIds.filter(function (areaId) {
+              return areaId !== action.id;
+            })
+          });
+        }
+        return Object.assign({}, state, {
+          selectedAreaIds: [].concat(state.selectedAreaIds, [action.id])
+        });
+      }
+    case 'removeArea':
+      {
+        return Object.assign({}, state, {
+          selectedAreaIds: state.selectedAreaIds.filter(function (areaId) {
+            return areaId !== action.areaId;
+          }),
+          warnings: state.warnings.map(function (warning) {
+            var warningHasASelectedArea = warning.assignedAreaIds.some(function (areaId) {
+              return areaId === action.areaId;
+            });
+            if (warningHasASelectedArea) {
+              return Object.assign({}, warning, {
+                assignedAreaIds: warning.assignedAreaIds.filter(function (areaId) {
+                  return areaId !== action.areaId;
+                })
+              });
+            }
+            return warning;
+          }),
+          modified: true
+        });
+      }
+    case 'newWarning':
+      {
+        return Object.assign({}, state, {
+          warnings: [].concat(state.warnings, [createWarning()])
+        });
+      }
+    case 'addSelectedAreasToWarning':
+      {
+        var selectedAreaIdsSet = new Set(state.selectedAreaIds);
+        return Object.assign({}, state, {
+          warnings: state.warnings.map(function (warning) {
+            // remove the selected areas from other warnings
+            if (warning.id !== action.id) {
+              var warningHasASelectedArea = warning.assignedAreaIds.some(function (areaId) {
+                return selectedAreaIdsSet.has(areaId);
+              });
+              // don't modify the warning if it does not have a selected area
+              if (!warningHasASelectedArea) {
+                return warning;
+              }
+              return Object.assign({}, warning, {
+                assignedAreaIds: warning.assignedAreaIds.filter(function (areaId) {
+                  return !selectedAreaIdsSet.has(areaId);
+                })
+              });
+            }
+            // add the area to the given warning
+            var newAreaIds = new Set([].concat(warning.assignedAreaIds, state.selectedAreaIds));
+            return Object.assign({}, warning, {
+              assignedAreaIds: Array.from(newAreaIds)
+            });
+          }),
+          selectedAreaIds: [],
+          modified: true
+        });
+      }
+    case 'removeWarning':
+      {
+        var newWarnings = state.warnings.filter(function (warning) {
+          return warning.id !== action.id;
+        });
+        return Object.assign({}, state, {
+          warnings: newWarnings.length > 0 ? newWarnings : initialState.warnings,
+          modified: true
+        });
+      }
+    case 'clearWarnings':
+      {
+        return Object.assign({}, initialState, {
+          modified: true
+        });
+      }
+    case 'moveWarning':
+      {
+        var oldWarning = state.warnings[action.oldIndex];
+        var _newWarnings = [].concat(state.warnings);
+        _newWarnings.splice(action.oldIndex, 1);
+        _newWarnings.splice(action.newIndex, 0, oldWarning);
+        return Object.assign({}, state, {
+          warnings: _newWarnings,
+          modified: true
+        });
+      }
+    case 'initialize':
+      {
+        if (action.warnings.length === 0) {
+          return initialState;
+        }
+        return Object.assign({}, state, {
+          warnings: action.warnings,
+          selectedAreaIds: []
+        });
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}
+function useMaritimeWarningsFormState() {
+  return React__default.useReducer(reducer, initialState);
+}
+
+function useConfirmRetractDialog(_ref) {
+  var areas = _ref.areas,
+    warnings = _ref.warnings,
+    onRemoveWarning = _ref.onRemoveWarning;
+  var confirmDialog = useConfirmationDialog();
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var getLabelFromOption = React__default.useCallback(function (options, value) {
+    var option = options.find(function (option) {
+      return option.value === value;
+    });
+    if (!option) {
+      return '';
+    }
+    return typeof option.label === 'function' ? option.label(t) : option.label;
+  }, [t]);
+  var getWarningDescription = React__default.useCallback(function (warning) {
+    if (!isPublishedWarning(warning)) {
+      return t('maritime-retract-dialog-empty-warning-description');
+    }
+    var windDirectionFromLabel = getLabelFromOption(windDirections, warning.windDirectionFrom);
+    var areasById = new Map(areas.map(function (area) {
+      return [area.id, area];
+    }));
+    var areaLabels = warning.assignedAreaIds.map(function (areaId) {
+      return areasById.get(areaId).label;
+    });
+    var changeToLabel = warning.changeType === 'NO_CHANGE' ? t('maritime-retract-dialog-no-change') : getLabelFromOption(change, warning.changeType) + " " + getLabelFromOption(windDirections, warning.windDirectionTo);
+    var warningDescription = [windDirectionFromLabel + " " + t('maritime-windforce', {
+      value: warning.windForce
+    })].concat(areaLabels, [changeToLabel]).join(', ');
+    return warningDescription + ". " + t('maritime-retract-dialog-description-suffix');
+  }, [areas, t, getLabelFromOption]);
+  return {
+    onRemoveWarningWithConfirmation: React__default.useCallback(/*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
+        var warning;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              warning = warnings.find(function (warning) {
+                return warning.id === id;
+              });
+              _context.next = 3;
+              return confirmDialog({
+                title: t('maritime-retract-warning'),
+                description: '',
+                confirmLabel: t('maritime-retract-dialog-confirm'),
+                cancelLabel: t('close-dialog-cancel'),
+                content: getWarningDescription(warning)
+              });
+            case 3:
+              onRemoveWarning(id);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }(), [warnings, getWarningDescription, t, confirmDialog, onRemoveWarning])
+  };
+}
+
+/* *
+ * 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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var isWarningEmpty = function isWarningEmpty(item) {
+  var windDirectionFrom = item.windDirectionFrom,
+    windForce = item.windForce,
+    changeType = item.changeType,
+    windDirectionTo = item.windDirectionTo,
+    assignedAreaIds = item.assignedAreaIds;
+  if (assignedAreaIds.length) {
+    return false;
+  }
+  return [windDirectionFrom, windForce, changeType, windDirectionTo].every(function (value) {
+    return value === undefined || value.trim() === '';
+  });
+};
+var isWarningValid = function isWarningValid(item) {
+  var windDirectionFrom = item.windDirectionFrom,
+    windForce = item.windForce,
+    assignedAreaIds = item.assignedAreaIds,
+    changeType = item.changeType,
+    windDirectionTo = item.windDirectionTo;
+  // Direction, windspeed and areas are required.
+  if (!windDirectionFrom || !windForce || !assignedAreaIds.length) {
+    return false;
+  }
+  // If there is a Change selected, Direction to is also required
+  if (changeType && changeType !== 'NO_CHANGE') {
+    return !!windDirectionTo;
+  }
+  return true;
+};
+var isWarningsValid = function isWarningsValid(warnings) {
+  // One single empty row is allowed, if not empty it should be valid
+  if (warnings.length === 1) {
+    return isWarningEmpty(warnings[0]) || isWarningValid(warnings[0]);
+  }
+  return warnings.every(function (warning) {
+    return !isWarningEmpty(warning) && isWarningValid(warning);
+  });
+};
+
+var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
+  var _sx, _sx2, _sx3;
+  var areas = _ref.areas,
+    selectedAreaIds = _ref.selectedAreaIds,
+    modified = _ref.modified,
+    warnings = _ref.warnings,
+    onToggleSelectArea = _ref.onToggleSelectArea,
+    onAddSelectedAreas = _ref.onAddSelectedAreas,
+    onRemoveWarning = _ref.onRemoveWarning,
+    onRemoveArea = _ref.onRemoveArea,
+    onAddWarning = _ref.onAddWarning,
+    onChangeWarning = _ref.onChangeWarning,
+    onSubmit = _ref.onSubmit,
+    onClear = _ref.onClear,
+    onMoveWarning = _ref.onMoveWarning,
+    _ref$shouldShowDistri = _ref.shouldShowDistricts,
+    shouldShowDistricts = _ref$shouldShowDistri === void 0 ? false : _ref$shouldShowDistri;
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  var disabledAreaIds = warnings.flatMap(function (warning) {
+    return warning.assignedAreaIds;
+  });
+  var _useConfirmRetractDia = useConfirmRetractDialog({
+      areas: areas,
+      warnings: warnings,
+      onRemoveWarning: onRemoveWarning
+    }),
+    onRemoveWarningWithConfirmation = _useConfirmRetractDia.onRemoveWarningWithConfirmation;
+  var showConfirmDialog = useConfirmationDialog();
+  var onClearWithConfirmation = React__default.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return showConfirmDialog({
+            title: t('maritime-clear-dialog-title'),
+            description: t('maritime-clear-dialog-description'),
+            confirmLabel: t('warning-button-clear'),
+            cancelLabel: t('close-dialog-cancel')
+          });
+        case 2:
+          onClear();
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [onClear, t, showConfirmDialog]);
+  var isValid = isWarningsValid(warnings);
+  return jsxs(Stack, {
+    direction: "column",
+    spacing: 3,
+    sx: (_sx = {
+      height: '100%',
+      containerName: 'maritime',
+      containerType: 'inline-size',
+      padding: 2
+    }, _sx["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+      padding: 3
+    }, _sx),
+    children: [jsx(AreaList, {
+      areas: areas,
+      selected: selectedAreaIds,
+      disabled: disabledAreaIds,
+      onClickItem: onToggleSelectArea
+    }), jsx(WarningList, {
+      warnings: warnings,
+      areas: areas,
+      selectedAreaIds: selectedAreaIds,
+      onAddSelectedAreas: onAddSelectedAreas,
+      onRemoveWarning: onRemoveWarningWithConfirmation,
+      onChangeWarning: onChangeWarning,
+      onToggleSelectArea: onToggleSelectArea,
+      onRemoveArea: onRemoveArea,
+      onMoveWarning: onMoveWarning,
+      shouldShowDistricts: shouldShowDistricts
+    }), jsxs(Button, {
+      onClick: onAddWarning,
+      variant: "tertiary",
+      size: "small",
+      sx: {
+        alignSelf: 'flex-start',
+        paddingInline: 2
+      },
+      children: [jsx(Add, {}), t('maritime-new-warning')]
+    }), jsxs(Stack, {
+      spacing: 2,
+      direction: "row",
+      sx: (_sx2 = {}, _sx2["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+        position: 'absolute',
+        bottom: 0,
+        right: 0,
+        padding: 3
+      }, _sx2),
+      children: [jsx(Button, {
+        onClick: onClearWithConfirmation,
+        variant: "tertiary",
+        size: "small",
+        sx: {
+          width: '134px'
+        },
+        children: t('warning-button-clear')
+      }), jsx(Button, {
+        variant: "primary",
+        size: "small",
+        sx: (_sx3 = {
+          width: '134px'
+        }, _sx3["@container maritime (min-width: " + breakpoints.tablet + "px)"] = {
+          marginLeft: '24px!important'
+        }, _sx3),
+        disabled: !modified || !isValid,
+        onClick: onSubmit,
+        children: t('warning-button-publish')
+      })]
+    })]
+  });
+};
+
+var areasByDomain = {
+  northSeaDistricts: [{
+    id: 'DOVER',
+    label: 'Dover'
+  }, {
+    id: 'THAMES',
+    label: 'Thames'
+  }, {
+    id: 'HUMBER',
+    label: 'Humber'
+  }, {
+    id: 'DOGGER',
+    label: 'Dogger'
+  }, {
+    id: 'GERMAN_BIGHT',
+    label: 'German Bight'
+  }],
+  coastalWaters: [{
+    id: 'VLISSINGEN',
+    label: 'Vlissingen'
+  }, {
+    id: 'ZIERIKZEE',
+    label: 'Zierikzee'
+  }, {
+    id: 'HOEK_VAN_HOLLAND',
+    label: 'Hoek van Holland'
+  }, {
+    id: 'IJMUIDEN',
+    label: 'IJmuiden'
+  }, {
+    id: 'TEXEL',
+    label: 'Texel'
+  }, {
+    id: 'HARLINGEN',
+    label: 'Harlingen'
+  }, {
+    id: 'ROTTUM',
+    label: 'Rottum'
+  }, {
+    id: 'DELFZIJL',
+    label: 'Delfzijl'
+  }, {
+    id: 'IJSSELMEER',
+    label: 'IJsselmeer'
+  }, {
+    id: 'MARKERMEER',
+    label: 'Markermeer'
+  }]
+};
+
+var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
+  var domain = _ref.domain,
+    onPreventCloseView = _ref.onPreventCloseView,
+    onModifyForm = _ref.onModifyForm;
+  var areas = areasByDomain[domain];
+  var shouldShowDistricts = domain === 'northSeaDistricts';
+  var _useMaritimeWarningsF = useMaritimeWarningsFormState(),
+    state = _useMaritimeWarningsF[0],
+    dispatch = _useMaritimeWarningsF[1];
+  React__default.useEffect(function () {
+    // FIXME: replace this by warnings from api
+    dispatch({
+      type: 'initialize',
+      warnings: []
+    });
+  }, [dispatch, domain, areas]);
+  React__default.useEffect(function () {
+    onPreventCloseView == null || onPreventCloseView(state.modified);
+    if (onModifyForm) {
+      onModifyForm(state.modified);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [state.modified]);
+  usePreventBrowserClose(state.modified);
+  var dispatchRedux = useDispatch();
+  var showSnackbar = React__default.useCallback(function (message) {
+    dispatchRedux(snackbarActions.openSnackbar(message));
+  }, [dispatchRedux]);
+  var onToggleSelectArea = React__default.useCallback(function (id) {
+    React__default.startTransition(function () {
+      dispatch({
+        type: 'toggleSelectArea',
+        id: id
+      });
+    });
+  }, [dispatch]);
+  var onAddSelectedAreas = React__default.useCallback(function (id) {
+    React__default.startTransition(function () {
+      dispatch({
+        type: 'addSelectedAreasToWarning',
+        id: id
+      });
+    });
+  }, [dispatch]);
+  var onRemoveWarning = React__default.useCallback(function (id) {
+    React__default.startTransition(function () {
+      dispatch({
+        type: 'removeWarning',
+        id: id
+      });
+    });
+    showSnackbar({
+      type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+      key: 'maritime-retract-success'
+    });
+  }, [dispatch, showSnackbar]);
+  var onAddWarning = React__default.useCallback(function () {
+    React__default.startTransition(function () {
+      dispatch({
+        type: 'newWarning'
+      });
+    });
+  }, [dispatch]);
+  var onChangeWarning = React__default.useCallback(function (id, newValues) {
+    React__default.startTransition(function () {
+      dispatch({
+        type: 'changeWarning',
+        id: id,
+        newValues: newValues
+      });
+    });
+  }, [dispatch]);
+  var onRemoveArea = React__default.useCallback(function (areaId) {
+    React__default.startTransition(function () {
+      dispatch({
+        type: 'removeArea',
+        areaId: areaId
+      });
+    });
+  }, [dispatch]);
+  var onClear = React__default.useCallback(function () {
+    React__default.startTransition(function () {
+      dispatch({
+        type: 'clearWarnings'
+      });
+    });
+    showSnackbar({
+      type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+      key: 'maritime-clear-success'
+    });
+  }, [dispatch, showSnackbar]);
+  var onMoveWarning = React__default.useCallback(function (oldIndex, newIndex) {
+    dispatch({
+      type: 'moveWarning',
+      oldIndex: oldIndex,
+      newIndex: newIndex
+    });
+  }, [dispatch]);
+  var onSubmit = React__default.useCallback(function () {
+    // eslint-disable-next-line no-console
+    console.log(state.warnings);
+    // FIXME: add logic for submission
+  }, [state]);
+  return jsx(MaritimeWarningsForm, {
+    areas: areas,
+    selectedAreaIds: state.selectedAreaIds,
+    warnings: state.warnings,
+    modified: state.modified,
+    onToggleSelectArea: onToggleSelectArea,
+    onAddSelectedAreas: onAddSelectedAreas,
+    onRemoveWarning: onRemoveWarning,
+    onRemoveArea: onRemoveArea,
+    onAddWarning: onAddWarning,
+    onChangeWarning: onChangeWarning,
+    onMoveWarning: onMoveWarning,
+    onClear: onClear,
+    onSubmit: onSubmit,
+    shouldShowDistricts: shouldShowDistricts
+  });
+};
+
+var _excluded$3 = ["IS_DRAFT", "object", "translation-select"];
+var useScrollTopOnError = function useScrollTopOnError(error) {
+  var ref = React.useRef(null);
+  React.useEffect(function () {
+    if (error != null && error.message && ref.current) {
+      ref.current.scrollTop = 0;
+    }
+  }, [error]);
+  return ref;
+};
+var getEmptyPublicWarning = function getEmptyPublicWarning() {
+  var currentTime = new Date();
+  var validFromTime = dateUtils.add(currentTime, {
+    minutes: 15
+  });
+  var validUntilTime = dateUtils.add(currentTime, {
+    hours: 6,
+    minutes: 15
+  });
+  return {
+    id: '',
+    phenomenon: '',
+    validFrom: dateUtils.dateToString(validFromTime),
+    validUntil: dateUtils.dateToString(validUntilTime),
+    level: '',
+    probability: 30,
+    descriptionOriginal: '',
+    descriptionTranslation: '',
+    areas: []
+  };
+};
+var getFormData = function getFormData(publicWarningsDetails, object) {
+  var data = Object.assign({
+    IS_DRAFT: '',
+    'translation-select': ''
+  }, publicWarningsDetails ? Object.assign({}, getEmptyPublicWarning(), publicWarningsDetails) : getEmptyPublicWarning(), {
+    object: object
+  });
+  return data;
+};
+// tablet breakpoint - 2 padding * 2 for both sides
+var containerQueryBreakpoint = "@container (min-width: " + (breakpoints.tablet - 32) + "px)";
+var spinnerSx = {
+  width: '16px!important',
+  height: '16px!important',
+  position: 'absolute',
+  top: 0,
+  bottom: 0,
+  margin: 'auto',
+  marginLeft: 1
+};
+var ContainerWrapper = styled('div')(function () {
+  return {
+    containerType: 'size',
+    height: '100%'
+  };
+});
+var ContainerFormWrapper = styled('div')(function (_ref) {
+  var _ref2;
+  var _ref$isReadOnly = _ref.isReadOnly,
+    isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
+    _ref$addPadding = _ref.addPadding,
+    addPadding = _ref$addPadding === void 0 ? true : _ref$addPadding,
+    theme = _ref.theme;
+  return _ref2 = {
+    padding: addPadding ? theme.spacing(2) : 0,
     height: isReadOnly ? '100%' : "calc(100% - 206px)",
     overflowY: 'auto'
   }, _ref2[containerQueryBreakpoint] = {
@@ -5666,7 +6994,7 @@ var prepareFormValues = function prepareFormValues(data) {
   data.IS_DRAFT;
     data.object;
     data['translation-select'];
-    var productToPost = _objectWithoutPropertiesLoose(data, _excluded$4);
+    var productToPost = _objectWithoutPropertiesLoose(data, _excluded$3);
   // remove empty fields
   return Object.keys(productToPost).reduce(function (warningDetail, fieldName) {
     var key = fieldName;
@@ -5763,7 +7091,7 @@ var Form = function Form(_ref5) {
   var _publicWarningDetails, _publicWarningDetails2;
   var defaultMapPreset = _ref5.defaultMapPreset,
     _ref5$onSaveForm = _ref5.onSaveForm,
-    onSaveForm = _ref5$onSaveForm === void 0 ? /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    onSaveForm = _ref5$onSaveForm === void 0 ? /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -5775,7 +7103,7 @@ var Form = function Form(_ref5) {
       }, _callee);
     })) : _ref5$onSaveForm,
     _ref5$onPublishForm = _ref5.onPublishForm,
-    onPublishForm = _ref5$onPublishForm === void 0 ? /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    onPublishForm = _ref5$onPublishForm === void 0 ? /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -5791,7 +7119,7 @@ var Form = function Form(_ref5) {
     _ref5$onCloseForm = _ref5.onCloseForm,
     onCloseForm = _ref5$onCloseForm === void 0 ? function () {} : _ref5$onCloseForm,
     _ref5$onSaveAviationF = _ref5.onSaveAviationForm,
-    onSaveAviationForm = _ref5$onSaveAviationF === void 0 ? /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    onSaveAviationForm = _ref5$onSaveAviationF === void 0 ? /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -5878,8 +7206,8 @@ var Form = function Form(_ref5) {
   var onPressPublish = function onPressPublish() {
     if (!isPublishing) {
       toggleIsDraft(false);
-      void handleSubmit( /*#__PURE__*/function () {
-        var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
+      void handleSubmit(/*#__PURE__*/function () {
+        var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
           return _regeneratorRuntime().wrap(function _callee4$(_context4) {
             while (1) switch (_context4.prev = _context4.next) {
               case 0:
@@ -5903,8 +7231,8 @@ var Form = function Form(_ref5) {
   var onPressSave = function onPressSave() {
     if (!isSaving) {
       toggleIsDraft(true);
-      void handleSubmit( /*#__PURE__*/function () {
-        var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {
+      void handleSubmit(/*#__PURE__*/function () {
+        var _ref0 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {
           return _regeneratorRuntime().wrap(function _callee5$(_context5) {
             while (1) switch (_context5.prev = _context5.next) {
               case 0:
@@ -5920,7 +7248,7 @@ var Form = function Form(_ref5) {
           }, _callee5);
         }));
         return function (_x2) {
-          return _ref10.apply(this, arguments);
+          return _ref0.apply(this, arguments);
         };
       }())();
     }
@@ -5960,29 +7288,29 @@ var Form = function Form(_ref5) {
     return t('warning-button-publish');
   };
   var handleSubmitAviationProduct = /*#__PURE__*/function () {
-    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(action, warningType) {
+    var _ref1 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee0(action, warningType) {
       var formValues;
-      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-        while (1) switch (_context10.prev = _context10.next) {
+      return _regeneratorRuntime().wrap(function _callee0$(_context0) {
+        while (1) switch (_context0.prev = _context0.next) {
           case 0:
             if (!isSaving) {
-              _context10.next = 2;
+              _context0.next = 2;
               break;
             }
-            return _context10.abrupt("return");
+            return _context0.abrupt("return");
           case 2:
-            _context10.t0 = action;
-            _context10.next = _context10.t0 === ProductAction.SAVE ? 5 : _context10.t0 === ProductAction.PUBLISH ? 14 : _context10.t0 === ProductAction.CANCEL ? 17 : _context10.t0 === ProductAction.AMEND ? 19 : _context10.t0 === ProductAction.RENEW ? 21 : _context10.t0 === ProductAction.DISCARD ? 21 : _context10.t0 === ProductAction.DUPLICATE ? 21 : _context10.t0 === ProductAction.CLOSE ? 21 : 22;
+            _context0.t0 = action;
+            _context0.next = _context0.t0 === ProductAction.SAVE ? 5 : _context0.t0 === ProductAction.PUBLISH ? 14 : _context0.t0 === ProductAction.CANCEL ? 17 : _context0.t0 === ProductAction.AMEND ? 19 : _context0.t0 === ProductAction.RENEW ? 21 : _context0.t0 === ProductAction.DISCARD ? 21 : _context0.t0 === ProductAction.DUPLICATE ? 21 : _context0.t0 === ProductAction.CLOSE ? 21 : 22;
             break;
           case 5:
             toggleIsDraft(true);
-            _context10.next = 8;
+            _context0.next = 8;
             return trigger();
           case 8:
             // Run validation and show messages
             formValues = getValues();
             setIsSaving(true);
-            _context10.next = 12;
+            _context0.next = 12;
             return onSaveAviationForm(formValues, 'DRAFT', warningType, undefined, function (uuid) {
               setValue('uuid', uuid, {
                 shouldValidate: true,
@@ -5991,16 +7319,16 @@ var Form = function Form(_ref5) {
             })["catch"](function () {});
           case 12:
             setIsSaving(false);
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 14:
             toggleIsDraft(false);
-            void handleSubmit( /*#__PURE__*/function () {
-              var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(formValues) {
+            void handleSubmit(/*#__PURE__*/function () {
+              var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(formValues) {
                 return _regeneratorRuntime().wrap(function _callee7$(_context7) {
                   while (1) switch (_context7.prev = _context7.next) {
                     case 0:
                       _context7.next = 2;
-                      return showConfirmDialog(action).then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+                      return showConfirmDialog(action).then(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
                         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
                           while (1) switch (_context6.prev = _context6.next) {
                             case 0:
@@ -6023,10 +7351,10 @@ var Form = function Form(_ref5) {
                 }, _callee7);
               }));
               return function (_x5) {
-                return _ref12.apply(this, arguments);
+                return _ref10.apply(this, arguments);
               };
             }())();
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 17:
             void showConfirmDialog(action).then(function () {
               setIsCancelling(true);
@@ -6035,15 +7363,15 @@ var Form = function Form(_ref5) {
                 onCloseForm();
               });
             });
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 19:
-            void handleSubmit( /*#__PURE__*/function () {
-              var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(formValues) {
+            void handleSubmit(/*#__PURE__*/function () {
+              var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(formValues) {
                 return _regeneratorRuntime().wrap(function _callee9$(_context9) {
                   while (1) switch (_context9.prev = _context9.next) {
                     case 0:
                       _context9.next = 2;
-                      return showConfirmDialog(action).then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+                      return showConfirmDialog(action).then(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
                         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
                           while (1) switch (_context8.prev = _context8.next) {
                             case 0:
@@ -6067,22 +7395,22 @@ var Form = function Form(_ref5) {
                 }, _callee9);
               }));
               return function (_x6) {
-                return _ref14.apply(this, arguments);
+                return _ref12.apply(this, arguments);
               };
             }())();
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 21:
-            return _context10.abrupt("break", 23);
+            return _context0.abrupt("break", 23);
           case 22:
             console.warn("Unhandled product action: " + action);
           case 23:
           case "end":
-            return _context10.stop();
+            return _context0.stop();
         }
-      }, _callee10);
+      }, _callee0);
     }));
     return function handleSubmitAviationProduct(_x3, _x4) {
-      return _ref11.apply(this, arguments);
+      return _ref1.apply(this, arguments);
     };
   }();
   var onPressClear = function onPressClear() {
@@ -6166,22 +7494,36 @@ var Form = function Form(_ref5) {
   var ref = useScrollTopOnError(error);
   var _useProductConfig = useProductConfig(warningType),
     aviationConfig = _useProductConfig.data;
-  return jsxs(ContainerWrapper, {
-    children: [jsxs(ContainerFormWrapper, {
-      isReadOnly: isReadOnly,
-      ref: ref,
-      "data-testid": "scroll-container",
-      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, {
+  var isMaritimeWarning = warningType === 'maritimeWarningCoastal' || warningType === 'maritimeWarningNorthSea';
+  var getFormContent = function getFormContent() {
+    // Aviation forms
+    if (selectedAviationProduct) {
+      if (warningType === 'sigmet') {
+        return jsx(Box, {
+          sx: {
+            maxWidth: {
+              xs: '550px',
+              sm: '750px'
+            },
+            marginLeft: '-80px'
+          },
+          children: jsx(SigmetForm, {
+            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,
+            getTAC: function getTAC(product) {
+              return fetchSigmetTAC(product);
+            },
+            storedGeoJSON: storedStartGeoJSON,
+            storedEndGeoJSON: storedEndGeoJSON
+          })
+        });
+      }
+      return jsx(Box, {
         sx: {
           maxWidth: {
             xs: '550px',
@@ -6189,20 +7531,7 @@ var Form = function Form(_ref5) {
           },
           marginLeft: '-80px'
         },
-        children: warningType === 'sigmet' ? jsx(SigmetForm, {
-          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,
-          getTAC: function getTAC(product) {
-            return fetchSigmetTAC(product);
-          },
-          storedGeoJSON: storedStartGeoJSON,
-          storedEndGeoJSON: storedEndGeoJSON
-        }) : jsx(AirmetForm, {
+        children: jsx(AirmetForm, {
           showMap: false,
           mode: mode,
           isCancelAirmet: selectedAviationProduct !== undefined && isInstanceOfCancelAirmet(selectedAviationProduct),
@@ -6215,48 +7544,87 @@ var Form = function Form(_ref5) {
           },
           storedGeoJSON: storedStartGeoJSON
         })
-      }) : jsx(ContainerGrid, {
-        children: jsxs(Grid, {
+      });
+    }
+    if (warningType === 'maritimeWarningCoastal') {
+      return jsx(MaritimeWarningsFormConnect, {
+        domain: "coastalWaters",
+        onModifyForm: onFormDirty
+      });
+    }
+    if (warningType === 'maritimeWarningNorthSea') {
+      return jsx(MaritimeWarningsFormConnect, {
+        domain: "northSeaDistricts",
+        onModifyForm: onFormDirty
+      });
+    }
+    // Public warnings form
+    return jsx(ContainerGrid, {
+      children: jsxs(Grid, {
+        size: {
+          xs: 12
+        },
+        container: true,
+        rowSpacing: 2,
+        columnSpacing: 2,
+        children: [jsx(Grid, {
+          size: {
+            xs: 12
+          },
+          children: jsx(Phenomenon, {
+            isDisabled: areFieldsDisabled,
+            isReadOnly: isReadOnly
+          })
+        }), jsx(Grid, {
+          size: {
+            xs: 12
+          },
+          children: jsx(AreaField, {
+            onEditObject: function onEditObject() {},
+            onViewObject: function onViewObject() {},
+            onDeleteObject: function onDeleteObject() {},
+            onAddObject: onAddObject,
+            isDisabled: areFieldsDisabled || isReadOnly
+          })
+        }), jsx(Grid, {
+          size: {
+            xs: 12
+          },
+          children: jsx(WarningsMapView, {
+            geojsonFeature: geoJSONFeature,
+            defaultMapPreset: defaultMapPreset,
+            isSnapshot: isSnapshot
+          })
+        }), jsx(Grid, {
+          size: {
+            xs: 12,
+            sm: 6
+          },
+          children: jsx(ValidFrom, {
+            isDisabled: areFieldsDisabled,
+            isReadOnly: isReadOnly
+          })
+        }), jsx(Grid, {
+          size: {
+            xs: 12,
+            sm: 6
+          },
+          children: jsx(ValidUntil, {
+            isDisabled: areFieldsDisabled,
+            isReadOnly: isReadOnly
+          })
+        }), jsxs(Grid, {
           size: {
             xs: 12
           },
           container: true,
-          rowSpacing: 2,
-          columnSpacing: 2,
+          spacing: 2,
           children: [jsx(Grid, {
-            size: {
-              xs: 12
-            },
-            children: jsx(Phenomenon, {
-              isDisabled: areFieldsDisabled,
-              isReadOnly: isReadOnly
-            })
-          }), jsx(Grid, {
-            size: {
-              xs: 12
-            },
-            children: jsx(AreaField, {
-              onEditObject: function onEditObject() {},
-              onViewObject: function onViewObject() {},
-              onDeleteObject: function onDeleteObject() {},
-              onAddObject: onAddObject,
-              isDisabled: areFieldsDisabled || isReadOnly
-            })
-          }), jsx(Grid, {
-            size: {
-              xs: 12
-            },
-            children: jsx(WarningsMapView, {
-              geojsonFeature: geoJSONFeature,
-              defaultMapPreset: defaultMapPreset,
-              isSnapshot: isSnapshot
-            })
-          }), jsx(Grid, {
             size: {
               xs: 12,
               sm: 6
             },
-            children: jsx(ValidFrom, {
+            children: jsx(LevelField, {
               isDisabled: areFieldsDisabled,
               isReadOnly: isReadOnly
             })
@@ -6265,56 +7633,50 @@ var Form = function Form(_ref5) {
               xs: 12,
               sm: 6
             },
-            children: jsx(ValidUntil, {
+            children: jsx(ProbabilityField, {
               isDisabled: areFieldsDisabled,
               isReadOnly: isReadOnly
             })
-          }), jsxs(Grid, {
-            size: {
-              xs: 12
-            },
-            container: true,
-            spacing: 2,
-            children: [jsx(Grid, {
-              size: {
-                xs: 12,
-                sm: 6
-              },
-              children: jsx(LevelField, {
-                isDisabled: areFieldsDisabled,
-                isReadOnly: isReadOnly
-              })
-            }), jsx(Grid, {
-              size: {
-                xs: 12,
-                sm: 6
-              },
-              children: jsx(ProbabilityField, {
-                isDisabled: areFieldsDisabled,
-                isReadOnly: isReadOnly
-              })
-            })]
-          }), jsx(Grid, {
+          })]
+        }), jsx(Grid, {
+          size: {
+            xs: 12
+          },
+          container: true,
+          spacing: 2,
+          children: jsx(Grid, {
             size: {
               xs: 12
             },
-            container: true,
-            spacing: 2,
-            children: jsx(Grid, {
-              size: {
-                xs: 12
-              },
-              children: jsx(DescriptionField, {
-                isDisabled: areFieldsDisabled,
-                isReadOnly: isReadOnly
-              })
+            children: jsx(DescriptionField, {
+              isDisabled: areFieldsDisabled,
+              isReadOnly: isReadOnly
             })
-          })]
+          })
+        })]
+      })
+    });
+  };
+  return jsxs(ContainerWrapper, {
+    children: [jsxs(ContainerFormWrapper, {
+      isReadOnly: isReadOnly,
+      ref: ref,
+      "data-testid": "scroll-container",
+      addPadding: !isMaritimeWarning,
+      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
         })
-      }), jsx(DraftFieldHelper, {}), jsx(ReactHookFormHiddenInput, {
+      }), getFormContent(), jsx(DraftFieldHelper, {}), jsx(ReactHookFormHiddenInput, {
         name: "id"
       })]
-    }), formState !== 'cancel' && !isReadOnly && jsx(Box, {
+    }), warningType !== 'maritimeWarningCoastal' && warningType !== 'maritimeWarningNorthSea' && formState !== 'cancel' && !isReadOnly && jsx(Box, {
       sx: {
         padding: '24px 10px 14px 10px',
         position: 'absolute',
@@ -6399,7 +7761,7 @@ var Form = function Form(_ref5) {
           })]
         })
       })
-    }), formState === 'cancel' && jsx(Box, {
+    }), warningType !== 'maritimeWarningCoastal' && warningType !== 'maritimeWarningNorthSea' && formState === 'cancel' && jsx(Box, {
       sx: {
         padding: '24px 10px 14px 10px',
         position: 'absolute',
@@ -6551,7 +7913,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
   var isEditor = editor === (auth == null ? void 0 : auth.username) || false;
   var dispatch = useDispatch();
   var publishForm = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(newFormValues) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(newFormValues) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -6596,7 +7958,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     return selectedProduct.airmet;
   };
   var saveAviationForm = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(productToPost, newStatus, warningType, vaSigmetMoveToFIR, setSelectedUUID) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(productToPost, newStatus, warningType, vaSigmetMoveToFIR, setSelectedUUID) {
       var _result;
       var product, uuid, result, postProductParam, _postProductParam;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -6638,7 +8000,7 @@ var PublicWarningsFormConnect = function PublicWarningsFormConnect(_ref) {
     };
   }();
   var saveForm = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(newFormValues) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(newFormValues) {
       var status;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -7559,7 +8921,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
   }, [selectedWarning == null ? void 0 : selectedWarning.editor]);
   var updatePublicWarningEditor = useMutatePublicWarningEditor();
   var setIsEditor = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(isReadOnly) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(isReadOnly) {
       var username, updateEditor;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -7586,7 +8948,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
                   }
                 },
                 onSuccess: function () {
-                  var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                  var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
                     return _regeneratorRuntime().wrap(function _callee$(_context) {
                       while (1) switch (_context.prev = _context.next) {
                         case 0:
@@ -7642,7 +9004,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
         description: t('warning-view-mode-description'),
         confirmLabel: t('warning-view-mode-confirm'),
         cancelLabel: t('warning-dialog-cancel')
-      }).then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      }).then(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -7659,7 +9021,7 @@ var PublicWarningsFormDialogConnect = function PublicWarningsFormDialogConnect(_
     }
   };
   var closeDialog = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -7810,6 +9172,9 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
           onClick: function onClick(ref) {
             return setAnchorEl(ref);
           },
+          onClickIcon: function onClickIcon(ref) {
+            return setAnchorEl(ref);
+          },
           isDisabled: isDisabled,
           size: "medium",
           actionIcon: jsxs(Grid, {
@@ -8000,14 +9365,14 @@ var FilterList = function FilterList(_ref) {
   });
 };
 
-var _excluded$3 = ["totalWarnings", "status", "isExpanded", "onClick"];
+var _excluded$2 = ["totalWarnings", "status", "isExpanded", "onClick"];
 var HEADER_SIZE = 32;
 var WarningListItemSeperator = function WarningListItemSeperator(_ref) {
   var totalWarnings = _ref.totalWarnings,
     status = _ref.status,
     isExpanded = _ref.isExpanded,
     onClick = _ref.onClick,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var getStatus = function getStatus(status) {
@@ -8048,7 +9413,7 @@ var WarningListItemSeperator = function WarningListItemSeperator(_ref) {
   }));
 };
 
-var _excluded$2 = ["title", "status", "children", "width"];
+var _excluded$1 = ["title", "status", "children", "width"];
 var WarningListColumnContent = function WarningListColumnContent(_ref) {
   var _sx;
   var title = _ref.title,
@@ -8056,7 +9421,7 @@ var WarningListColumnContent = function WarningListColumnContent(_ref) {
     children = _ref.children,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 76 : _ref$width,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return jsxs(Grid, {
     sx: Object.assign({}, props.sx, {
       width: width
@@ -8233,7 +9598,7 @@ var WarningListItemMenu = function WarningListItemMenu(_ref) {
   }
 };
 
-var _excluded$1 = ["warning", "activeWarningId", "highlightedItem", "onSelectWarning", "onEditWarning", "onDeleteWarning", "onDeleteReviewWarning", "onExpireWarning", "onWithdrawWarning", "onActionAviationWarning"];
+var _excluded = ["warning", "activeWarningId", "highlightedItem", "onSelectWarning", "onEditWarning", "onDeleteWarning", "onDeleteReviewWarning", "onExpireWarning", "onWithdrawWarning", "onActionAviationWarning"];
 var renderLevelText = function renderLevelText(levelString) {
   if (!levelString) {
     return null;
@@ -8330,7 +9695,7 @@ var WarningListItem = function WarningListItem(_ref) {
     onWithdrawWarning = _ref$onWithdrawWarnin === void 0 ? function () {} : _ref$onWithdrawWarnin,
     _ref$onActionAviation = _ref.onActionAviationWarning,
     onActionAviationWarning = _ref$onActionAviation === void 0 ? function () {} : _ref$onActionAviation,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var phenomenonDetails = allPhenomenaDict[warning.warningDetail.phenomenon];
@@ -8571,6 +9936,8 @@ var NewWarningButton = function NewWarningButton(_ref) {
     isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
+  var config = sessionStorageProvider.getConfig();
+  var showMartimeWarningOption = !!config.GW_WARNINGS_MARITIME_WARNINGS;
   var _React$useState = React__default.useState(null),
     anchorEl = _React$useState[0],
     setAnchorEl = _React$useState[1];
@@ -8666,64 +10033,27 @@ var NewWarningButton = function NewWarningButton(_ref) {
         children: jsx(ListItemText, {
           children: BUTTON_SIGMET
         })
-      }, "Sigmet")]
+      }, "Sigmet"), showMartimeWarningOption ? jsxs(Fragment, {
+        children: [jsx(MenuItem, {
+          onClick: function onClick(event) {
+            onCreateNewWarning('maritimeWarningCoastal', event);
+          },
+          children: jsx(ListItemText, {
+            children: t('maritime-warning-coastal-title').toUpperCase()
+          })
+        }, "MaritimeWarningCoastal"), jsx(MenuItem, {
+          onClick: function onClick(event) {
+            onCreateNewWarning('maritimeWarningNorthSea', event);
+          },
+          children: jsx(ListItemText, {
+            children: t('maritime-warning-northsea-title').toUpperCase()
+          })
+        }, "MaritimeWarningNorthSea")]
+      }) : null]
     })]
   });
 };
 
-var _excluded = ["title", "width", "onClick", "isSorted", "sortDirection", "sortable"];
-var sharedArrowIconStyles = {
-  fontSize: '0.9rem'
-};
-var WarningListHeaderContent = function WarningListHeaderContent(_ref) {
-  var title = _ref.title,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 76 : _ref$width,
-    _onClick = _ref.onClick,
-    isSorted = _ref.isSorted,
-    sortDirection = _ref.sortDirection,
-    sortable = _ref.sortable,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return jsx(Grid, {
-    sx: Object.assign({}, props.sx, {
-      width: width,
-      cursor: _onClick ? 'pointer' : 'default'
-    }),
-    onClick: function onClick(e) {
-      e.stopPropagation(); // Ensure click only affects this column
-      _onClick == null || _onClick();
-    },
-    children: jsxs(Box, {
-      sx: {
-        display: 'flex',
-        alignItems: 'center',
-        overflow: 'hidden',
-        fontWeight: 'normal',
-        textOverflow: 'ellipsis',
-        fontSize: 12,
-        lineHeight: 1.33,
-        height: 16,
-        color: 'geowebColors.captions.captionStatus.rgba'
-      },
-      children: [title, sortable && jsx(Box, {
-        sx: {
-          display: 'flex',
-          alignItems: 'center',
-          marginLeft: '4px',
-          color: isSorted ? '#186DFF' : 'inherit'
-        },
-        children: isSorted && sortDirection === 'asc' ? jsx(ArrowUpCompact, {
-          sx: Object.assign({}, sharedArrowIconStyles),
-          "data-testid": "ArrowUpIcon"
-        }) : jsx(ArrowDownCompact, {
-          sx: Object.assign({}, sharedArrowIconStyles),
-          "data-testid": "ArrowDownIcon"
-        })
-      })]
-    })
-  });
-};
-
 var groupWarningsOnStatus = function groupWarningsOnStatus(warnings, sortState) {
   var key = sortState.key,
     direction = sortState.direction;
@@ -9368,7 +10698,7 @@ var ConfirmDeleteWarningDialog = function ConfirmDeleteWarningDialog(_ref) {
     error = _React$useState2[0],
     setError = _React$useState2[1];
   var onSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -9455,7 +10785,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   });
   var isFormDirty = useSelector(getSelectedPublicIsFormDirty);
   var openPublicWarningDialog = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, warning, warningType) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(formAction, warning, warningType) {
       var mayProceed;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -9502,7 +10832,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     void openPublicWarningDialog('', undefined, warningType);
   };
   var editWarning = /*#__PURE__*/function () {
-    var _ref3 = _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:
@@ -9585,7 +10915,7 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
   var _usePostAirmet = usePostAirmet(),
     postAirmet = _usePostAirmet.mutateAsync;
   var deleteAviationProduct = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(productToPost, newStatus, warningType) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(productToPost, newStatus, warningType) {
       var uuid, _postProductParam, postProductParam, errorMessage;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -9825,7 +11155,14 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
 
 var warningListViewPreset = {
   componentType: 'WarningList'};
-var componentsLookUp = function componentsLookUp(payload) {
+var maritimeWarningsViewPreset = {
+  componentType: 'MaritimeWarnings'};
+var componentsLookUp = function componentsLookUp(payload,
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+ComponentsLookUpWrapper) {
+  if (ComponentsLookUpWrapper === void 0) {
+    ComponentsLookUpWrapper = null;
+  }
   var id = payload.id,
     componentType = payload.componentType,
     initialProps = payload.initialProps;
@@ -9838,6 +11175,21 @@ var componentsLookUp = function componentsLookUp(payload) {
           presetFilterState: initialProps.filterState
         })
       });
+    case maritimeWarningsViewPreset.componentType:
+      if (ComponentsLookUpWrapper) {
+        return jsx(ErrorBoundary, {
+          children: jsx(ComponentsLookUpWrapper, {
+            component: MaritimeWarningsFormConnect,
+            payload: payload,
+            domain: initialProps.domain || 'northSeaDistricts'
+          })
+        });
+      }
+      return jsx(ErrorBoundary, {
+        children: jsx(MaritimeWarningsFormConnect, {
+          domain: initialProps.domain || 'northSeaDistricts'
+        })
+      });
     default:
       return null;
   }