@opengeoweb/warnings 9.19.0 → 9.20.1

package/index.esm.js

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import React__default, { useState, useEffect, useRef } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
 import { Polygons, Share, ExitDomain, Edit, Delete, DrawPolygon, Visibility, Add, Wind, Fog, Lightning, Snow, Rain, TemperatureHigh, TemperatureLow, CoastalEvent, breakpoints, Options, Copy, Success, Expire, Remove } from '@opengeoweb/theme';
 import { uiTypes, uiActions, getSingularDrawtoolDrawLayerId, drawtoolSelectors, layerSelectors, uiSelectors, mapStoreActions, drawtoolActions, layerActions, useSetupDialog } from '@opengeoweb/store';
@@ -10,6 +9,8 @@ import i18n from 'i18next';
 import { useTranslation } from 'react-i18next';
 import { defaultBbox } from '@opengeoweb/core';
 import { snackbarActions } from '@opengeoweb/snackbar';
+import * as React from 'react';
+import React__default, { useState, useEffect, useRef } from 'react';
 import { styled, Box, Typography, ListItem, Grid, Paper, ListItemButton, Stack, LinearProgress, Button, FormHelperText, MenuItem, Tabs, Tab, FormControl, Card, CardContent, ListItemIcon, CircularProgress, List } from '@mui/material';
 import { VariableSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
@@ -99,6 +100,7 @@ var en = {
 	"warning-dialog-delete-title": "Delete warning",
 	"warning-dialog-delete-confirm": "Delete",
 	"warning-dialog-delete-description": "Are you sure you want to delete this warning?",
+	"warning-dialog-delete-islocked": "This warning is in edit mode by another user.",
 	"warning-save-succes": "Public warning has succesfully been saved!",
 	"warning-publish-succes": "Public warning has succesfully been published!",
 	"warning-editor-user-viewer": "Viewer",
@@ -203,6 +205,7 @@ var nl = {
 	"warning-dialog-delete-title": "Waarschuwing verwijderen",
 	"warning-dialog-delete-confirm": "Verwijderen",
 	"warning-dialog-delete-description": "Weet je zeker dat je deze waarschuwing wilt verwijderen?",
+	"warning-dialog-delete-islocked": "Deze waarschwing wordt bewerkt door een andere gebruiker.",
 	"warning-save-succes": "Publieke waarschuwing is succesvol opgeslagen!",
 	"warning-publish-succes": "Publieke waarschuwing is succesvol gepubliceerd!",
 	"warning-editor-add-editor": "Je bent nu de editor van deze waarschuwing",
@@ -307,6 +310,7 @@ var fi = {
 	"warning-dialog-delete-title": "ei käännetty",
 	"warning-dialog-delete-confirm": "ei käännetty",
 	"warning-dialog-delete-description": "ei käännetty",
+	"warning-dialog-delete-islocked": "ei käännetty",
 	"warning-save-succes": "ei käännetty",
 	"warning-publish-succes": "ei käännetty",
 	"warning-editor-user-viewer": "ei käännetty",
@@ -411,6 +415,7 @@ var no = {
 	"warning-dialog-delete-title": "Slett varsel",
 	"warning-dialog-delete-confirm": "Slett",
 	"warning-dialog-delete-description": "Er du sikker på at du vil slette varselet?",
+	"warning-dialog-delete-islocked": "Ikke oversatt",
 	"warning-save-succes": "Farevarselet er lagret!",
 	"warning-publish-succes": "Farevarselet er publisert!",
 	"warning-editor-user-viewer": "Visningsmodus",
@@ -445,190 +450,6 @@ var warningsTranslations = {
 	no: no
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-const objectDialogType = uiTypes.DialogTypes.ObjectManager;
-const drawingDialogType = uiTypes.DialogTypes.DrawingTool;
-
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-const drawAdapter = createEntityAdapter({
-  selectId: draw => draw.drawingInstanceId
-});
-const initialState$2 = drawAdapter.getInitialState();
-const slice$2 = createSlice({
-  initialState: initialState$2,
-  name: 'drawingForm',
-  reducers: {
-    setDrawValues: (draft, action) => {
-      if (draft.entities[action.payload.drawingInstanceId]) {
-        drawAdapter.setOne(draft, action.payload);
-      }
-    },
-    // action caught in drawings/listener
-    submitDrawValues: (
-    // eslint-disable-next-line no-unused-vars
-    draft,
-    // eslint-disable-next-line no-unused-vars
-    action) => {},
-    setFormDirty: (draft, action) => {
-      const {
-        drawingInstanceId,
-        isFormDirty
-      } = action.payload;
-      if (draft.entities[drawingInstanceId]) {
-        drawAdapter.updateOne(draft, {
-          id: drawingInstanceId,
-          changes: {
-            isFormDirty
-          }
-        });
-      }
-    }
-  },
-  extraReducers: builder => {
-    builder
-    // register draw dialog
-    .addCase(uiActions.registerDialog, (draft, action) => {
-      const {
-        type
-      } = action.payload;
-      if (type === drawingDialogType) {
-        drawAdapter.addOne(draft, {
-          drawingInstanceId: type,
-          objectName: '',
-          id: ''
-        });
-      }
-    })
-    // unregister draw dialog
-    .addCase(uiActions.unregisterDialog, (draft, action) => {
-      const {
-        type
-      } = action.payload;
-      if (type === drawingDialogType) {
-        drawAdapter.removeOne(draft, type);
-      }
-    })
-    // reset draw dialog formDirty when dialog closes
-    .addCase(uiActions.setActiveMapIdForDialog, (draft, action) => {
-      const {
-        type,
-        setOpen
-      } = action.payload;
-      if (type === drawingDialogType && !setOpen) {
-        drawAdapter.updateOne(draft, {
-          id: type,
-          changes: {
-            isFormDirty: false
-          }
-        });
-      }
-    });
-  }
-});
-const {
-  reducer: reducer$2
-} = slice$2;
-const drawActions = slice$2.actions;
-
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-const {
-  selectById: selectDrawByInstanceId
-} = drawAdapter.getSelectors(state => {
-  var _a;
-  return (_a = state === null || state === void 0 ? void 0 : state.drawings) !== null && _a !== void 0 ? _a : {
-    entities: {},
-    ids: []
-  };
-});
-const getWarningFormDirty = createSelector(selectDrawByInstanceId, drawing => (drawing === null || drawing === void 0 ? void 0 : drawing.isFormDirty) || false);
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var check = function (it) {
@@ -948,7 +769,9 @@ var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty
   source: 'https://github.com/zloirock/core-js'
 });
 
-var store$2 = sharedStore.exports;
+var sharedStoreExports = sharedStore.exports;
+
+var store$2 = sharedStoreExports;
 
 var shared$4 = function (key, value) {
   return store$2[key] || (store$2[key] = value || {});
@@ -1190,7 +1013,7 @@ var functionName = {
 
 var uncurryThis$d = functionUncurryThis;
 var isCallable$c = isCallable$i;
-var store$1 = sharedStore.exports;
+var store$1 = sharedStoreExports;
 
 var functionToString = uncurryThis$d(Function.toString);
 
@@ -1226,7 +1049,7 @@ var global$a = global$i;
 var isObject$5 = isObject$a;
 var createNonEnumerableProperty$7 = createNonEnumerableProperty$8;
 var hasOwn$7 = hasOwnProperty_1;
-var shared$1 = sharedStore.exports;
+var shared$1 = sharedStoreExports;
 var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
@@ -1347,9 +1170,11 @@ Function.prototype.toString = makeBuiltIn$2(function toString() {
   return isCallable$a(this) && getInternalState$2(this).source || inspectSource$1(this);
 }, 'toString');
 
+var makeBuiltInExports = makeBuiltIn$3.exports;
+
 var isCallable$9 = isCallable$i;
 var definePropertyModule$2 = objectDefineProperty;
-var makeBuiltIn$1 = makeBuiltIn$3.exports;
+var makeBuiltIn$1 = makeBuiltInExports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
 
 var defineBuiltIn$4 = function (O, key, value, options) {
@@ -1700,11 +1525,49 @@ $$7({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
-const WARN_NAMESPACE = 'warn';
-const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
-  ns: [WARN_NAMESPACE]
-}, params));
-const useWarningsTranslation = () => useTranslation(WARN_NAMESPACE);
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1722,25 +1585,173 @@ const useWarningsTranslation = () => useTranslation(WARN_NAMESPACE);
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-const confirmationDialogOptions = t => {
-  return {
-    cancelLabel: t('close-dialog-cancel'),
-    title: t('close-draw-dialog-title'),
-    description: t('close-dialog-description'),
-    confirmLabel: t('close-dialog-confirm'),
-    catchOnCancel: true
-  };
-};
-const useCloseDrawDialog = ({
-  mapId,
-  source
-}) => {
-  const {
-    t
-  } = useWarningsTranslation();
-  const dispatch = useDispatch();
-  const drawLayerId = getSingularDrawtoolDrawLayerId(mapId);
-  const drawDialogActiveDrawModeId = useSelector(store => drawtoolSelectors.getActiveDrawModeId(store, drawingDialogType));
+const objectDialogType = uiTypes.DialogTypes.ObjectManager;
+const drawingDialogType = uiTypes.DialogTypes.DrawingTool;
+
+/* *
+ * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+const drawAdapter = createEntityAdapter({
+  selectId: draw => draw.drawingInstanceId
+});
+const initialState$2 = drawAdapter.getInitialState();
+const slice$2 = createSlice({
+  initialState: initialState$2,
+  name: 'drawingForm',
+  reducers: {
+    setDrawValues: (draft, action) => {
+      if (draft.entities[action.payload.drawingInstanceId]) {
+        drawAdapter.setOne(draft, action.payload);
+      }
+    },
+    // action caught in drawings/listener
+    submitDrawValues: (
+    // eslint-disable-next-line no-unused-vars
+    draft,
+    // eslint-disable-next-line no-unused-vars
+    action) => {},
+    setFormDirty: (draft, action) => {
+      const {
+        drawingInstanceId,
+        isFormDirty
+      } = action.payload;
+      if (draft.entities[drawingInstanceId]) {
+        drawAdapter.updateOne(draft, {
+          id: drawingInstanceId,
+          changes: {
+            isFormDirty
+          }
+        });
+      }
+    }
+  },
+  extraReducers: builder => {
+    builder
+    // register draw dialog
+    .addCase(uiActions.registerDialog, (draft, action) => {
+      const {
+        type
+      } = action.payload;
+      if (type === drawingDialogType) {
+        drawAdapter.addOne(draft, {
+          drawingInstanceId: type,
+          objectName: '',
+          id: ''
+        });
+      }
+    })
+    // unregister draw dialog
+    .addCase(uiActions.unregisterDialog, (draft, action) => {
+      const {
+        type
+      } = action.payload;
+      if (type === drawingDialogType) {
+        drawAdapter.removeOne(draft, type);
+      }
+    })
+    // reset draw dialog formDirty when dialog closes
+    .addCase(uiActions.setActiveMapIdForDialog, (draft, action) => {
+      const {
+        type,
+        setOpen
+      } = action.payload;
+      if (type === drawingDialogType && !setOpen) {
+        drawAdapter.updateOne(draft, {
+          id: type,
+          changes: {
+            isFormDirty: false
+          }
+        });
+      }
+    });
+  }
+});
+const {
+  reducer: reducer$2
+} = slice$2;
+const drawActions = slice$2.actions;
+
+/* *
+ * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+const {
+  selectById: selectDrawByInstanceId
+} = drawAdapter.getSelectors(state => {
+  var _a;
+  return (_a = state === null || state === void 0 ? void 0 : state.drawings) !== null && _a !== void 0 ? _a : {
+    entities: {},
+    ids: []
+  };
+});
+const getWarningFormDirty = createSelector(selectDrawByInstanceId, drawing => (drawing === null || drawing === void 0 ? void 0 : drawing.isFormDirty) || false);
+
+const WARN_NAMESPACE = 'warn';
+const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
+  ns: [WARN_NAMESPACE]
+}, params));
+const useWarningsTranslation = () => useTranslation(WARN_NAMESPACE);
+
+/* *
+ * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+const confirmationDialogOptions = t => {
+  return {
+    cancelLabel: t('close-dialog-cancel'),
+    title: t('close-draw-dialog-title'),
+    description: t('close-dialog-description'),
+    confirmLabel: t('close-dialog-confirm'),
+    catchOnCancel: true
+  };
+};
+const useCloseDrawDialog = ({
+  mapId,
+  source
+}) => {
+  const {
+    t
+  } = useWarningsTranslation();
+  const dispatch = useDispatch();
+  const drawLayerId = getSingularDrawtoolDrawLayerId(mapId);
+  const drawDialogActiveDrawModeId = useSelector(store => drawtoolSelectors.getActiveDrawModeId(store, drawingDialogType));
   const featureLayerContainsGeoJSON = useSelector(store => layerSelectors.getHasFeatureLayerGeoJSON(store, drawLayerId));
   const dialogError = useSelector(store => uiSelectors.getDialogError(store, drawingDialogType));
   const isFormDirty = useSelector(store => getWarningFormDirty(store, drawingDialogType));
@@ -1988,22 +1999,6 @@ const useObjectDrawDialogAction = ({
   };
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const ObjectManagerMapButtonConnect = ({
   mapId,
   source: _source = 'app'
@@ -2022,12 +2017,14 @@ const ObjectManagerMapButtonConnect = ({
     shouldOpen ? openObjectDialog() : closeObjectDialog();
   };
   const isOpen = objectDialogMapId === mapId && isObjectDialogOpen;
-  return /*#__PURE__*/React__default.createElement(MapControlButton, {
+  return jsx(MapControlButton, Object.assign({
     "aria-label": `Object Manager Button for ${mapId}`,
     title: "Object Manager",
     onClick: onClick,
     isActive: isOpen
-  }, /*#__PURE__*/React__default.createElement(Polygons, null));
+  }, {
+    children: jsx(Polygons, {})
+  }));
 };
 
 var objectDefineProperties = {};
@@ -2771,157 +2768,185 @@ const Objects = ({
       listRef.current.resetAfterIndex(0, true);
     }
   }, [objects]);
-  return /*#__PURE__*/React__default.createElement(AutoSizer, {
+  return jsx(AutoSizer, Object.assign({
     onResize: () => {
       if (listRef.current !== null) {
         listRef.current.resetAfterIndex(0, true);
       }
     }
-  }, ({
-    height: _height = 0,
-    width: _width = 0
-  }) => ( /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      width: _width
-    }
-  }, !_isLoading && objects.length === 0 ? ( /*#__PURE__*/React__default.createElement(Typography, {
-    sx: {
-      paddingLeft: '16px',
-      paddingTop: '8px'
-    },
-    variant: "body1"
-  }, t('object-manager-no-objects'))) : ( /*#__PURE__*/React__default.createElement(VariableSizeList, {
-    height: _height - DEFAULT_ADD_BUTTON_HEIGHT,
-    width: _width,
-    itemCount: listInclHeaders.length,
-    itemSize: index => getItemSize(_width, index),
-    style: {
-      containerType: 'inline-size',
-      containerName: 'objectList'
-    },
-    ref: listRef
-  }, ({
-    index,
-    style
-  }) => {
-    const listItem = listInclHeaders[index];
-    if (!listItem.isObject) {
-      const header = headerList[listItem.index];
-      return /*#__PURE__*/React__default.createElement(Typography, {
-        style: style,
-        key: listItem.index,
+  }, {
+    children: ({
+      height: _height = 0,
+      width: _width = 0
+    }) => jsx(Box, Object.assign({
+      sx: {
+        width: _width
+      }
+    }, {
+      children: !_isLoading && objects.length === 0 ? jsx(Typography, Object.assign({
         sx: {
-          paddingLeft: 2.5,
-          paddingBottom: 0.5,
-          paddingTop: 1,
-          opacity: 0.67,
-          lineHeight: '16px',
-          overflow: 'hidden',
-          whiteSpace: 'nowrap',
-          textOverflow: 'ellipsis'
+          paddingLeft: '16px',
+          paddingTop: '8px'
         },
-        variant: "caption"
-      }, header);
-    }
-    const object = objects[listItem.index];
-    return /*#__PURE__*/React__default.createElement(ContainerDiv, null, /*#__PURE__*/React__default.createElement(ListItem, {
-      style: style,
-      disablePadding: true,
-      key: object.id,
-      secondaryAction: /*#__PURE__*/React__default.createElement(Grid, {
-        container: true,
-        rowSpacing: 1
-      }, /*#__PURE__*/React__default.createElement(Grid, {
-        item: true,
-        className: "objectActions"
-      }, /*#__PURE__*/React__default.createElement(ToggleMenu, {
-        buttonSx: {
-          // position the share button for scope global
-          marginBottom: object.scope === 'user' ? 0 : 4,
-          [`@container objectList (min-width: ${BREAKPOINT}px)`]: {
-            marginBottom: 0,
-            marginRight: object.scope === 'user' ? 1 : 4
-          }
+        variant: "body1"
+      }, {
+        children: t('object-manager-no-objects')
+      })) : jsx(VariableSizeList, Object.assign({
+        height: _height - DEFAULT_ADD_BUTTON_HEIGHT,
+        width: _width,
+        itemCount: listInclHeaders.length,
+        itemSize: index => getItemSize(_width, index),
+        style: {
+          containerType: 'inline-size',
+          containerName: 'objectList'
         },
-        buttonIcon: /*#__PURE__*/React__default.createElement(Share, null),
-        menuTitle: t('object-manager-share-menu'),
-        tooltipTitle: t('object-manager-button-share'),
-        menuPosition: "bottom",
-        "aria-label": t('object-manager-button-share'),
-        menuItems: [{
-          text: BUTTON_AIRMET,
-          action: () => {},
-          icon: /*#__PURE__*/React__default.createElement(ExitDomain, null),
-          isDisabled: true
-        }, {
-          text: BUTTON_SIGMET,
-          action: () => {},
-          icon: /*#__PURE__*/React__default.createElement(ExitDomain, null),
-          isDisabled: true
-        }, {
-          text: t('public-warning-title').toUpperCase(),
-          action: () => {
-            onClickShare(object);
-          },
-          icon: /*#__PURE__*/React__default.createElement(ExitDomain, null)
-        }]
-      })), object.scope === 'user' && ( /*#__PURE__*/React__default.createElement(Grid, {
-        item: true,
-        className: "objectActions"
-      }, /*#__PURE__*/React__default.createElement(ToggleMenu, {
-        menuTitle: t('object-manager-options-menu'),
-        tooltipTitle: t('object-manager-options-menu'),
-        menuPosition: "bottom",
-        "aria-label": "Options",
-        menuItems: [{
-          text: t('object-manager-button-edit'),
-          action: () => {
-            onClickEdit(object.id);
-          },
-          icon: /*#__PURE__*/React__default.createElement(Edit, null)
-        }, {
-          text: t('object-manager-button-delete'),
-          action: () => {
-            onClickDelete(object.id);
-          },
-          icon: /*#__PURE__*/React__default.createElement(Delete, null)
-        }]
-      }))))
-    }, /*#__PURE__*/React__default.createElement(Paper, {
-      elevation: 0,
-      sx: {
-        width: '100%',
-        margin: 0.25,
-        backgroundColor: 'geowebColors.background.surface',
-        border: 'solid 1px',
-        borderColor: 'geowebColors.cards.cardContainerBorder'
-      }
-    }, /*#__PURE__*/React__default.createElement(ListItemButton, {
-      onClick: () => {
-        onClickObject(object);
-      },
-      selected: activeObject === object.id,
-      sx: {
-        padding: 1,
-        height: '44px'
-      }
-    }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(Typography, {
-      variant: "caption",
-      sx: {
-        lineHeight: '16px',
-        maxHeight: '32px',
-        overflow: 'hidden'
-      }
-    }, object.objectName), /*#__PURE__*/React__default.createElement(Typography, {
-      variant: "caption",
-      sx: {
-        opacity: 0.67,
-        lineHeight: '16px',
-        maxHeight: '32px',
-        overflow: 'hidden'
-      }
-    }, object.scope === 'global' && 'Global: ', `${dateUtils.dateToString(dateUtils.utc(object.lastUpdatedTime), dateUtils.DATE_FORMAT_DATEPICKER)} UTC`))))));
-  })))));
+        ref: listRef
+      }, {
+        children: ({
+          index,
+          style
+        }) => {
+          const listItem = listInclHeaders[index];
+          if (!listItem.isObject) {
+            const header = headerList[listItem.index];
+            return jsx(Typography, Object.assign({
+              style: style,
+              sx: {
+                paddingLeft: 2.5,
+                paddingBottom: 0.5,
+                paddingTop: 1,
+                opacity: 0.67,
+                lineHeight: '16px',
+                overflow: 'hidden',
+                whiteSpace: 'nowrap',
+                textOverflow: 'ellipsis'
+              },
+              variant: "caption"
+            }, {
+              children: header
+            }), listItem.index);
+          }
+          const object = objects[listItem.index];
+          return jsx(ContainerDiv, {
+            children: jsx(ListItem, Object.assign({
+              style: style,
+              disablePadding: true,
+              secondaryAction: jsxs(Grid, Object.assign({
+                container: true,
+                rowSpacing: 1
+              }, {
+                children: [jsx(Grid, Object.assign({
+                  item: true,
+                  className: "objectActions"
+                }, {
+                  children: jsx(ToggleMenu, {
+                    buttonSx: {
+                      // position the share button for scope global
+                      marginBottom: object.scope === 'user' ? 0 : 4,
+                      [`@container objectList (min-width: ${BREAKPOINT}px)`]: {
+                        marginBottom: 0,
+                        marginRight: object.scope === 'user' ? 1 : 4
+                      }
+                    },
+                    buttonIcon: jsx(Share, {}),
+                    menuTitle: t('object-manager-share-menu'),
+                    tooltipTitle: t('object-manager-button-share'),
+                    menuPosition: "bottom",
+                    "aria-label": t('object-manager-button-share'),
+                    menuItems: [{
+                      text: BUTTON_AIRMET,
+                      action: () => {},
+                      icon: jsx(ExitDomain, {}),
+                      isDisabled: true
+                    }, {
+                      text: BUTTON_SIGMET,
+                      action: () => {},
+                      icon: jsx(ExitDomain, {}),
+                      isDisabled: true
+                    }, {
+                      text: t('public-warning-title').toUpperCase(),
+                      action: () => {
+                        onClickShare(object);
+                      },
+                      icon: jsx(ExitDomain, {})
+                    }]
+                  })
+                })), object.scope === 'user' && jsx(Grid, Object.assign({
+                  item: true,
+                  className: "objectActions"
+                }, {
+                  children: jsx(ToggleMenu, {
+                    menuTitle: t('object-manager-options-menu'),
+                    tooltipTitle: t('object-manager-options-menu'),
+                    menuPosition: "bottom",
+                    "aria-label": "Options",
+                    menuItems: [{
+                      text: t('object-manager-button-edit'),
+                      action: () => {
+                        onClickEdit(object.id);
+                      },
+                      icon: jsx(Edit, {})
+                    }, {
+                      text: t('object-manager-button-delete'),
+                      action: () => {
+                        onClickDelete(object.id);
+                      },
+                      icon: jsx(Delete, {})
+                    }]
+                  })
+                }))]
+              }))
+            }, {
+              children: jsx(Paper, Object.assign({
+                elevation: 0,
+                sx: {
+                  width: '100%',
+                  margin: 0.25,
+                  backgroundColor: 'geowebColors.background.surface',
+                  border: 'solid 1px',
+                  borderColor: 'geowebColors.cards.cardContainerBorder'
+                }
+              }, {
+                children: jsx(ListItemButton, Object.assign({
+                  onClick: () => {
+                    onClickObject(object);
+                  },
+                  selected: activeObject === object.id,
+                  sx: {
+                    padding: 1,
+                    height: '44px'
+                  }
+                }, {
+                  children: jsxs(Stack, {
+                    children: [jsx(Typography, Object.assign({
+                      variant: "caption",
+                      sx: {
+                        lineHeight: '16px',
+                        maxHeight: '32px',
+                        overflow: 'hidden'
+                      }
+                    }, {
+                      children: object.objectName
+                    })), jsxs(Typography, Object.assign({
+                      variant: "caption",
+                      sx: {
+                        opacity: 0.67,
+                        lineHeight: '16px',
+                        maxHeight: '32px',
+                        overflow: 'hidden'
+                      }
+                    }, {
+                      children: [object.scope === 'global' && 'Global: ', `${dateUtils.dateToString(dateUtils.utc(object.lastUpdatedTime), dateUtils.DATE_FORMAT_DATEPICKER)} UTC`]
+                    }))]
+                  })
+                }))
+              }))
+            }), object.id)
+          });
+        }
+      }))
+    }))
+  }));
 };
 
 const DEFAULT_OBJECT_MANAGER_SIZE = {
@@ -2946,7 +2971,6 @@ const ObjectManager = ({
   source: _source = 'app',
   size: _size = DEFAULT_OBJECT_MANAGER_SIZE,
   startPosition: _startPosition = DEFAULT_OBJECT_MANAGER_POSITION,
-  setFocused: _setFocused = () => {},
   headerSize: _headerSize = 'xs',
   drawingListItems,
   onClickDrawing: _onClickDrawing = () => {},
@@ -2964,7 +2988,7 @@ const ObjectManager = ({
   const minSize = DEFAULT_OBJECT_MANAGER_MIN_SIZE;
   const startSizeCalc = calculateStartSize(minSize, _size, _startPosition);
   const [sizeInState, setSizeInState] = React.useState(startSizeCalc);
-  return /*#__PURE__*/React.createElement(ToolContainerDraggable, {
+  return jsxs(ToolContainerDraggable, Object.assign({
     title: _title,
     startSize: sizeInState,
     minWidth: minSize.width,
@@ -2975,8 +2999,6 @@ const ObjectManager = ({
     headerSize: _headerSize,
     bounds: bounds,
     onMouseDown: _onMouseDown,
-    onFocus: () => _setFocused(true),
-    onBlur: () => _setFocused(false),
     order: _order,
     source: _source,
     onResizeStop: (_event, _direction, node) => {
@@ -3000,44 +3022,52 @@ const ObjectManager = ({
         boxShadow: 'none'
       }
     }
-  }, _isLoading && ( /*#__PURE__*/React.createElement(LinearProgress, {
-    "data-testid": "loading-bar",
-    color: "secondary",
-    sx: {
-      position: 'absolute',
-      width: '100%',
-      top: 0
-    }
-  })), error && ( /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AlertBanner, {
-    title: error,
-    shouldClose: true
-  }))), /*#__PURE__*/React.createElement(Objects, {
-    objects: drawingListItems,
-    onClickObject: _onClickDrawing,
-    onClickEdit: _onEditDrawing,
-    onClickDelete: _onDeleteDrawing,
-    onClickShare: _onShareObject,
-    activeObject: _activeDrawingId,
-    isLoading: _isLoading
-  }), /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      padding: '24px 8px 16px 8px',
-      position: 'absolute',
-      bottom: 0,
-      width: '100%',
-      backgroundColor: 'geowebColors.background.surfaceApp',
-      boxShadow: '0 2px 4px 0 rgba(0, 0, 0, 0.5)',
-      zIndex: 1
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "tertiary",
-    onClick: _onCreateNewObject,
-    sx: {
-      width: '100%',
-      textTransform: 'none',
-      fontSize: '12px'
-    }
-  }, t('object-manager-add'))));
+  }, {
+    children: [_isLoading && jsx(LinearProgress, {
+      "data-testid": "loading-bar",
+      color: "secondary",
+      sx: {
+        position: 'absolute',
+        width: '100%',
+        top: 0
+      }
+    }), error && jsx(Box, {
+      children: jsx(AlertBanner, {
+        title: error,
+        shouldClose: true
+      })
+    }), jsx(Objects, {
+      objects: drawingListItems,
+      onClickObject: _onClickDrawing,
+      onClickEdit: _onEditDrawing,
+      onClickDelete: _onDeleteDrawing,
+      onClickShare: _onShareObject,
+      activeObject: _activeDrawingId,
+      isLoading: _isLoading
+    }), jsx(Box, Object.assign({
+      sx: {
+        padding: '24px 8px 16px 8px',
+        position: 'absolute',
+        bottom: 0,
+        width: '100%',
+        backgroundColor: 'geowebColors.background.surfaceApp',
+        boxShadow: '0 2px 4px 0 rgba(0, 0, 0, 0.5)',
+        zIndex: 1
+      }
+    }, {
+      children: jsx(Button, Object.assign({
+        variant: "tertiary",
+        onClick: _onCreateNewObject,
+        sx: {
+          width: '100%',
+          textTransform: 'none',
+          fontSize: '12px'
+        }
+      }, {
+        children: t('object-manager-add')
+      }))
+    }))]
+  }));
 };
 
 /* *
@@ -3134,7 +3164,7 @@ const ConfirmDeleteDialog = ({
     }
   });
   const description = getDeleteDescription(objectName, t);
-  return /*#__PURE__*/React__default.createElement(ConfirmationDialog, Object.assign({
+  return jsx(ConfirmationDialog, Object.assign({
     title: t('delete-dialog-title'),
     open: true,
     confirmLabel: t('delete-dialog-confirm'),
@@ -3147,18 +3177,22 @@ const ConfirmDeleteDialog = ({
       width: 330
     }
   }, error && {
-    content: ( /*#__PURE__*/React__default.createElement(Box, {
+    content: jsxs(Box, Object.assign({
       sx: {
         marginBottom: 0
       }
-    }, /*#__PURE__*/React__default.createElement(AlertBanner, {
-      title: error
-    }), /*#__PURE__*/React__default.createElement(Typography, {
-      variant: "body1",
-      sx: {
-        marginTop: 1
-      }
-    }, description)))
+    }, {
+      children: [jsx(AlertBanner, {
+        title: error
+      }), jsx(Typography, Object.assign({
+        variant: "body1",
+        sx: {
+          marginTop: 1
+        }
+      }, {
+        children: description
+      }))]
+    }))
   }));
 };
 
@@ -3403,7 +3437,6 @@ const ObjectManagerConnect = ({
     setDialogOrder,
     isDialogOpen,
     uiSource,
-    setFocused,
     uiError
   } = useSetupDialog(objectDialogType, _source);
   const warningsApi = getWarningsApi();
@@ -3558,33 +3591,34 @@ const ObjectManagerConnect = ({
       objectName
     });
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ObjectManager, {
-    title: `${t('object-manager-title')} ${mapId}`,
-    bounds: bounds,
-    isOpen: isDialogOpen,
-    onClose: onClose,
-    onMouseDown: setDialogOrder,
-    order: dialogOrder,
-    source: uiSource,
-    setFocused: setFocused,
-    headerSize: "xs",
-    startPosition: {
-      top: 104,
-      left: 50
-    },
-    drawingListItems: drawings,
-    onClickDrawing: onClickDrawing,
-    onEditDrawing: onEditDrawing,
-    onDeleteDrawing: onDeleteDrawing,
-    onShareObject: onShareObject,
-    onCreateNewObject: onCreateNewObject,
-    activeDrawingId: activeDrawingId,
-    error: uiError,
-    isLoading: loading
-  }), confirmDialogOptions && ( /*#__PURE__*/React__default.createElement(ConfirmDeleteDialog, Object.assign({}, confirmDialogOptions, {
-    onDeleteSucces: onDeleteSuccess,
-    onClose: () => setConfirmDialogOptions(undefined)
-  }))));
+  return jsxs(Fragment, {
+    children: [jsx(ObjectManager, {
+      title: `${t('object-manager-title')} ${mapId}`,
+      bounds: bounds,
+      isOpen: isDialogOpen,
+      onClose: onClose,
+      onMouseDown: setDialogOrder,
+      order: dialogOrder,
+      source: uiSource,
+      headerSize: "xs",
+      startPosition: {
+        top: 104,
+        left: 50
+      },
+      drawingListItems: drawings,
+      onClickDrawing: onClickDrawing,
+      onEditDrawing: onEditDrawing,
+      onDeleteDrawing: onDeleteDrawing,
+      onShareObject: onShareObject,
+      onCreateNewObject: onCreateNewObject,
+      activeDrawingId: activeDrawingId,
+      error: uiError,
+      isLoading: loading
+    }), confirmDialogOptions && jsx(ConfirmDeleteDialog, Object.assign({}, confirmDialogOptions, {
+      onDeleteSucces: onDeleteSuccess,
+      onClose: () => setConfirmDialogOptions(undefined)
+    }))]
+  });
 };
 
 var NATIVE_BIND = functionBindNative;
@@ -5968,53 +6002,23 @@ const createApi = () => {
   return getApiRoutes(instance);
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const WarningsModuleProvider = ({
   config,
   auth,
   onSetAuth,
   children
 }) => {
-  return /*#__PURE__*/React.createElement(ApiProvider, {
+  return jsx(ApiProvider, Object.assign({
     config: config,
     auth: auth,
     onSetAuth: onSetAuth,
     createApi: config !== undefined ? createApi$1 : createApi,
     name: API_NAME
-  }, children);
+  }, {
+    children: children
+  }));
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const DrawingToolMapButtonConnect = ({
   mapId,
   source: _source = 'app'
@@ -6039,12 +6043,14 @@ const DrawingToolMapButtonConnect = ({
     shouldOpen ? openDrawDialog() : closeDrawDialog();
   };
   const isOpen = drawDialogMapId === mapId && isDrawDialogOpen;
-  return /*#__PURE__*/React.createElement(MapControlButton, {
+  return jsx(MapControlButton, Object.assign({
     title: t('drawing-tool-title'),
     "data-testid": "drawingToolButton",
     onClick: onClick,
     isActive: isOpen
-  }, /*#__PURE__*/React.createElement(DrawPolygon, null));
+  }, {
+    children: jsx(DrawPolygon, {})
+  }));
 };
 
 const DERFAULT_DRAW_TOOL_SIZE = {
@@ -6070,7 +6076,6 @@ const DrawingTool = ({
   isLoading: _isLoading = false,
   size: _size = DERFAULT_DRAW_TOOL_SIZE,
   startPosition: _startPosition = DEFAULT_DRAW_TOOL_POSITION,
-  setFocused: _setFocused = () => {},
   headerSize: _headerSize = 'xs',
   children
 }) => {
@@ -6080,7 +6085,7 @@ const DrawingTool = ({
   const minSize = DEFAULT_DRAW_TOOL_MIN_SIZE;
   const startSizeCalc = calculateStartSize(minSize, _size, _startPosition);
   const [sizeInState, setSizeInState] = React.useState(startSizeCalc);
-  return /*#__PURE__*/React.createElement(ToolContainerDraggable, {
+  return jsx(ToolContainerDraggable, Object.assign({
     title: title || t('drawing-tool-title'),
     startSize: sizeInState,
     minWidth: minSize.width,
@@ -6092,8 +6097,6 @@ const DrawingTool = ({
     bounds: bounds,
     "data-testid": "drawingToolWindow",
     onMouseDown: _onMouseDown,
-    onFocus: () => _setFocused(true),
-    onBlur: () => _setFocused(false),
     order: _order,
     source: _source,
     sx: {
@@ -6117,21 +6120,22 @@ const DrawingTool = ({
         setSizeInState(dragSize);
       }
     }
-  }, /*#__PURE__*/React.createElement(Box, {
-    onKeyDown: event => {
-      event.stopPropagation();
-    },
-    sx: {
-      height: '100%'
-    }
-  }, _isLoading && ( /*#__PURE__*/React.createElement(LinearProgress, {
-    "data-testid": "loading-bar-drawingTool",
-    color: "secondary",
-    sx: {
-      position: 'absolute',
-      width: '100%'
-    }
-  })), children));
+  }, {
+    children: jsxs(Box, Object.assign({
+      sx: {
+        height: '100%'
+      }
+    }, {
+      children: [_isLoading && jsx(LinearProgress, {
+        "data-testid": "loading-bar-drawingTool",
+        color: "secondary",
+        sx: {
+          position: 'absolute',
+          width: '100%'
+        }
+      }), children]
+    }))
+  }));
 };
 
 // a string of all valid unicode whitespaces
@@ -6242,22 +6246,6 @@ const useFormDirty = ({
   }, [isLoading, error, previousIsLoading, onSuccess]);
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * */
 const opacityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0];
 const DrawingToolFormContentsNoMemo = ({
   isLoading,
@@ -6266,7 +6254,6 @@ const DrawingToolFormContentsNoMemo = ({
   drawModes,
   onChangeDrawMode,
   activeDrawModeId,
-  onKeyDown,
   isInEditMode,
   isDirty,
   errors,
@@ -6279,123 +6266,157 @@ const DrawingToolFormContentsNoMemo = ({
     t
   } = useWarningsTranslation();
   const hasErrors = Object.keys(errors).length > 0;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      height: 'calc( 100% - 72px )',
-      overflow: 'auto'
-    }
-  }, dialogError && ( /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      width: '100%'
-    }
-  }, /*#__PURE__*/React__default.createElement(AlertBanner, {
-    title: dialogError,
-    shouldClose: true
-  }))), /*#__PURE__*/React__default.createElement(Grid, {
-    "data-testid": "drawingToolForm",
-    container: true,
-    direction: "column",
-    spacing: 1,
-    padding: 2
-  }, /*#__PURE__*/React__default.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    variant: "body2"
-  }, t('drawing-tool-form-tools'))), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    container: true
-  }, /*#__PURE__*/React__default.createElement(Grid, {
-    item: true
-  }, drawModes.map(mode => ( /*#__PURE__*/React__default.createElement(CustomIconButton, {
-    key: mode.drawModeId,
-    variant: "tool",
-    tooltipTitle: mode.title,
-    isSelected: mode.isSelectable && activeDrawModeId === mode.drawModeId,
-    onClick: () => onChangeDrawMode(mode),
-    sx: {
-      marginRight: 1,
-      marginBottom: 1
-    },
-    "data-testid": mode.drawModeId,
-    onKeyDown: onKeyDown,
-    disabled: isLoading,
-    size: "medium"
-  }, getIcon(mode.selectionType)))), isInEditMode && ( /*#__PURE__*/React__default.createElement(Typography, {
-    component: "span",
-    sx: {
-      display: 'inline-block',
-      marginLeft: 2,
-      top: -1,
-      position: 'relative',
-      fontSize: 14
-    }
-  }, t('drawing-tool-form-exit-draw-mode'))), !!errors.geoJSON && isDirty && ( /*#__PURE__*/React__default.createElement(FormHelperText, {
-    error: true,
-    variant: "filled",
-    sx: {
-      marginLeft: 0
-    }
-  }, errors.geoJSON.message)), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
-    name: "geoJSON",
-    rules: {
-      validate: {
-        coordinatesNotEmpty: value => isValidGeoJsonCoordinates(value) || t('drawing-tool-form-drawing-required')
+  return jsxs(Fragment, {
+    children: [jsxs(Box, Object.assign({
+      sx: {
+        height: 'calc( 100% - 72px )',
+        overflow: 'auto'
       }
-    }
-  }))), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    container: true
-  }, /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/React__default.createElement(ReactHookFormSelect, {
-    name: "opacity",
-    label: t('drawing-tool-form-opacity'),
-    rules: {},
-    disabled: isLoading,
-    isReadOnly: false,
-    "data-testid": "drawingToolForm-opacity",
-    onChange: onChangeOpacity,
-    autoFocus: true,
-    value: opacity * 100
-  }, opacityOptions.map(opacity => ( /*#__PURE__*/React__default.createElement(MenuItem, {
-    value: opacity,
-    key: opacity
-  }, opacity, " %")))))), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
-    name: "objectName",
-    label: t('drawing-tool-form-object-name'),
-    rules: {
-      required: true
-    },
-    disabled: isLoading,
-    isReadOnly: false,
-    onBlur: onBlurName
-  }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
-    name: "id"
-  })))), /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      padding: '24px 10px 14px 10px',
-      position: 'absolute',
-      bottom: 0,
-      width: '100%',
-      backgroundColor: 'geowebColors.background.surfaceApp',
-      boxShadow: '0 2px 4px 0 rgba(0, 0, 0, 0.5)',
-      zIndex: 1
-    }
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    variant: "primary",
-    onClick: onSubmit,
-    sx: {
-      width: '100%',
-      textTransform: 'none',
-      fontSize: '12px'
-    },
-    "data-testid": "saveDrawingFormButton",
-    disabled: isLoading || hasErrors
-  }, id !== '' ? t('drawing-tool-form-update') : t('drawing-tool-form-save'))));
+    }, {
+      children: [dialogError && jsx(Box, Object.assign({
+        sx: {
+          width: '100%'
+        }
+      }, {
+        children: jsx(AlertBanner, {
+          title: dialogError,
+          shouldClose: true
+        })
+      })), jsxs(Grid, Object.assign({
+        "data-testid": "drawingToolForm",
+        container: true,
+        direction: "column",
+        spacing: 1,
+        padding: 2
+      }, {
+        children: [jsx(Grid, Object.assign({
+          item: true
+        }, {
+          children: jsx(Typography, Object.assign({
+            variant: "body2"
+          }, {
+            children: t('drawing-tool-form-tools')
+          }))
+        })), jsx(Grid, Object.assign({
+          item: true,
+          container: true
+        }, {
+          children: jsxs(Grid, Object.assign({
+            item: true
+          }, {
+            children: [drawModes.map(mode => jsx(CustomIconButton, Object.assign({
+              variant: "tool",
+              tooltipTitle: mode.title,
+              isSelected: mode.isSelectable && activeDrawModeId === mode.drawModeId,
+              onClick: () => onChangeDrawMode(mode),
+              sx: {
+                marginRight: 1,
+                marginBottom: 1
+              },
+              "data-testid": mode.drawModeId,
+              disabled: isLoading,
+              size: "medium"
+            }, {
+              children: getIcon(mode.selectionType)
+            }), mode.drawModeId)), isInEditMode && jsx(Typography, Object.assign({
+              component: "span",
+              sx: {
+                display: 'inline-block',
+                marginLeft: 2,
+                top: -1,
+                position: 'relative',
+                fontSize: 14
+              }
+            }, {
+              children: t('drawing-tool-form-exit-draw-mode')
+            })), !!errors.geoJSON && isDirty && jsx(FormHelperText, Object.assign({
+              error: true,
+              variant: "filled",
+              sx: {
+                marginLeft: 0
+              }
+            }, {
+              children: errors.geoJSON.message
+            })), jsx(ReactHookFormHiddenInput, {
+              name: "geoJSON",
+              rules: {
+                validate: {
+                  coordinatesNotEmpty: value => isValidGeoJsonCoordinates(value) || t('drawing-tool-form-drawing-required')
+                }
+              }
+            })]
+          }))
+        })), jsx(Grid, Object.assign({
+          item: true,
+          container: true
+        }, {
+          children: jsx(Grid, Object.assign({
+            item: true,
+            xs: 12,
+            sm: 6
+          }, {
+            children: jsx(ReactHookFormSelect, Object.assign({
+              name: "opacity",
+              label: t('drawing-tool-form-opacity'),
+              rules: {},
+              disabled: isLoading,
+              isReadOnly: false,
+              "data-testid": "drawingToolForm-opacity",
+              onChange: onChangeOpacity,
+              autoFocus: true,
+              value: opacity * 100
+            }, {
+              children: opacityOptions.map(opacity => jsxs(MenuItem, Object.assign({
+                value: opacity
+              }, {
+                children: [opacity, " %"]
+              }), opacity))
+            }))
+          }))
+        })), jsxs(Grid, Object.assign({
+          item: true
+        }, {
+          children: [jsx(ReactHookFormTextField, {
+            name: "objectName",
+            label: t('drawing-tool-form-object-name'),
+            rules: {
+              required: true
+            },
+            disabled: isLoading,
+            isReadOnly: false,
+            onBlur: onBlurName,
+            onKeyDown: event => event.stopPropagation()
+          }), jsx(ReactHookFormHiddenInput, {
+            name: "id"
+          })]
+        }))]
+      }))]
+    })), jsx(Box, Object.assign({
+      sx: {
+        padding: '24px 10px 14px 10px',
+        position: 'absolute',
+        bottom: 0,
+        width: '100%',
+        backgroundColor: 'geowebColors.background.surfaceApp',
+        boxShadow: '0 2px 4px 0 rgba(0, 0, 0, 0.5)',
+        zIndex: 1
+      }
+    }, {
+      children: jsx(Button, Object.assign({
+        variant: "primary",
+        onClick: onSubmit,
+        sx: {
+          width: '100%',
+          textTransform: 'none',
+          fontSize: '12px'
+        },
+        "data-testid": "saveDrawingFormButton",
+        disabled: isLoading || hasErrors
+      }, {
+        children: id !== '' ? t('drawing-tool-form-update') : t('drawing-tool-form-save')
+      }))
+    }))]
+  });
 };
 const DrawingToolFormContents = /*#__PURE__*/React__default.memo(DrawingToolFormContentsNoMemo, isEqual);
 
@@ -6482,22 +6503,16 @@ const DrawingToolForm = ({
       'stroke-opacity': clamp(newOpacity + additionalStrokeOpacity, 0.01, 1)
     });
   }, [_onChangeProperties]);
-  const onKeyDown = React.useCallback(event => {
-    if (event.key === 'Escape') {
-      _onDeactivateTool();
-    }
-  }, [_onDeactivateTool]);
   const onBlurName = React.useCallback(event => {
     _onChangeName(event.target.value);
   }, [_onChangeName]);
-  return /*#__PURE__*/React.createElement(DrawingToolFormContents, {
+  return jsx(DrawingToolFormContents, {
     isLoading: _isLoading,
     dialogError: dialogError,
     id: _id,
     drawModes: _drawModes,
     activeDrawModeId: _activeDrawModeId,
     onChangeDrawMode: _onChangeDrawMode,
-    onKeyDown: onKeyDown,
     isInEditMode: _isInEditMode,
     isDirty: isDirty,
     errors: currentErrors,
@@ -6513,7 +6528,7 @@ const Wrapper = props => {
     objectName = '',
     geoJSON = undefined
   } = props;
-  return /*#__PURE__*/React.createElement(ReactHookFormProvider, {
+  return jsx(ReactHookFormProvider, Object.assign({
     options: Object.assign(Object.assign({}, defaultFormOptions), {
       defaultValues: {
         id,
@@ -6522,25 +6537,11 @@ const Wrapper = props => {
         opacity: 20
       }
     })
-  }, /*#__PURE__*/React.createElement(DrawingToolForm, Object.assign({}, props)));
+  }, {
+    children: jsx(DrawingToolForm, Object.assign({}, props))
+  }));
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const DrawingToolFormConnect = () => {
   const dispatch = useDispatch();
   const drawing = useSelector(store => selectDrawByInstanceId(store, drawingDialogType));
@@ -6599,7 +6600,7 @@ const DrawingToolFormConnect = () => {
       isFormDirty
     }));
   }, [dispatch]);
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  return jsx(Wrapper, {
     id: drawing === null || drawing === void 0 ? void 0 : drawing.id,
     onSubmitForm: onSubmitForm,
     objectName: drawing === null || drawing === void 0 ? void 0 : drawing.objectName,
@@ -6619,22 +6620,6 @@ const DrawingToolFormConnect = () => {
   });
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const getDialogType = (mapId, isMultiMap) => {
   if (isMultiMap) {
     return `${uiTypes.DialogTypes.DrawingTool}-${mapId}`;
@@ -6668,8 +6653,7 @@ const DrawingToolConnect = ({
     setDialogOrder,
     isDialogOpen,
     uiSource,
-    uiIsLoading,
-    setFocused
+    uiIsLoading
   } = useSetupDialog(dialogType, _source);
   const defaultTitle = title || t('drawing-tool-title');
   const shownTitle = _showMapIdInTitle ? `${defaultTitle} ${mapId}` : defaultTitle;
@@ -6689,7 +6673,7 @@ const DrawingToolConnect = ({
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/React.createElement(DrawingTool, {
+  return jsx(DrawingTool, Object.assign({
     bounds: bounds,
     isOpen: isDialogOpen,
     onClose: onClose,
@@ -6698,25 +6682,32 @@ const DrawingToolConnect = ({
     order: dialogOrder,
     source: uiSource,
     isLoading: uiIsLoading,
-    setFocused: setFocused,
     headerSize: "xs",
     startPosition: {
       top: 134,
       left: 50
     }
-  }, /*#__PURE__*/React.createElement(DrawingToolFormConnect, null));
+  }, {
+    children: jsx(DrawingToolFormConnect, {})
+  }));
 };
 
 const WarningAvatar = ({
   editor,
   tooltipPlacement: _tooltipPlacement = 'bottom'
 }) => {
-  return /*#__PURE__*/React.createElement(CustomTooltip, {
+  return jsx(CustomTooltip, Object.assign({
     title: `Editor: ${editor}`,
     placement: _tooltipPlacement
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Avatar, {
-    size: "small"
-  }, getInitials(editor))));
+  }, {
+    children: jsx("span", {
+      children: jsx(Avatar, Object.assign({
+        size: "small"
+      }, {
+        children: getInitials(editor)
+      }))
+    })
+  }));
 };
 
 const DEFAULT_WARNING_DIALOG_SIZE = {
@@ -6741,7 +6732,6 @@ const PublicWarningsFormDialog = ({
   source: _source = 'app',
   size: _size = DEFAULT_WARNING_DIALOG_SIZE,
   startPosition: _startPosition = DEFAULT_WARNING_DIALOG_POSITION,
-  setFocused: _setFocused = () => {},
   headerSize: _headerSize = 'xs',
   children,
   isLoading: _isLoading = false,
@@ -6760,23 +6750,27 @@ const PublicWarningsFormDialog = ({
     _onChangeFormMode(!_isReadOnly);
   };
   const fullTitle = title || t('public-warning-title');
-  return /*#__PURE__*/React.createElement(ToolContainerDraggable, Object.assign({
+  return jsxs(ToolContainerDraggable, Object.assign({
     title: _shouldHideFormMode ? fullTitle : undefined
   }, !_shouldHideFormMode && {
-    leftHeaderComponent: ( /*#__PURE__*/React.createElement(Box, {
+    leftHeaderComponent: jsx(Box, Object.assign({
       className: "header-title"
-    }, /*#__PURE__*/React.createElement(Typography, {
-      variant: "h2",
-      noWrap: true,
-      sx: {
-        fontSize: 12,
-        fontWeight: 500,
-        lineHeight: '22px',
-        marginTop: '-1px',
-        paddingLeft: 1
-      },
-      role: "heading"
-    }, fullTitle)))
+    }, {
+      children: jsx(Typography, Object.assign({
+        variant: "h2",
+        noWrap: true,
+        sx: {
+          fontSize: 12,
+          fontWeight: 500,
+          lineHeight: '22px',
+          marginTop: '-1px',
+          paddingLeft: 1
+        },
+        role: "heading"
+      }, {
+        children: fullTitle
+      }))
+    }))
   }, {
     startSize: sizeInState,
     minWidth: minSize.width,
@@ -6787,8 +6781,6 @@ const PublicWarningsFormDialog = ({
     headerSize: _headerSize,
     bounds: bounds,
     onMouseDown: _onMouseDown,
-    onFocus: () => _setFocused(true),
-    onBlur: () => _setFocused(false),
     order: _order,
     source: _source,
     onResizeStop: (_event, _direction, node) => {
@@ -6808,7 +6800,7 @@ const PublicWarningsFormDialog = ({
     },
     dragHandleIcon: null
   }, !_shouldHideFormMode && {
-    rightHeaderComponent: ( /*#__PURE__*/React.createElement(Box, {
+    rightHeaderComponent: jsxs(Box, Object.assign({
       sx: {
         flex: 1,
         overflow: 'hidden',
@@ -6821,26 +6813,32 @@ const PublicWarningsFormDialog = ({
         paddingLeft: 1,
         paddingRight: 0.5
       }
-    }, /*#__PURE__*/React.createElement(Box, {
-      sx: {
-        position: 'relative',
-        top: -7
-      }
-    }, /*#__PURE__*/React.createElement(SwitchButton, {
-      checked: !_isReadOnly,
-      onChange: onChangeMode,
-      activeLabel: t('warning-editor-user-editor'),
-      inActiveLabel: t('warning-editor-user-viewer')
-    })), /*#__PURE__*/React.createElement(Box, {
-      sx: {
-        position: 'relative',
-        top: 3,
-        right: '-2px',
-        width: '16px'
-      }
-    }, publicWarningEditor && ( /*#__PURE__*/React.createElement(WarningAvatar, {
-      editor: publicWarningEditor
-    })))))
+    }, {
+      children: [jsx(Box, Object.assign({
+        sx: {
+          position: 'relative',
+          top: -7
+        }
+      }, {
+        children: jsx(SwitchButton, {
+          checked: !_isReadOnly,
+          onChange: onChangeMode,
+          activeLabel: t('warning-editor-user-editor'),
+          inActiveLabel: t('warning-editor-user-viewer')
+        })
+      })), jsx(Box, Object.assign({
+        sx: {
+          position: 'relative',
+          top: 3,
+          right: '-2px',
+          width: '16px'
+        }
+      }, {
+        children: publicWarningEditor && jsx(WarningAvatar, {
+          editor: publicWarningEditor
+        })
+      }))]
+    }))
   }, {
     sx: {
       footer: {
@@ -6848,16 +6846,18 @@ const PublicWarningsFormDialog = ({
         boxShadow: 'none'
       }
     }
-  }), _isLoading && ( /*#__PURE__*/React.createElement(LinearProgress, {
-    "data-testid": "loading-bar",
-    color: "secondary",
-    sx: {
-      position: 'absolute',
-      width: '100%',
-      top: 0,
-      zIndex: 1
-    }
-  })), children);
+  }, {
+    children: [_isLoading && jsx(LinearProgress, {
+      "data-testid": "loading-bar",
+      color: "secondary",
+      sx: {
+        position: 'absolute',
+        width: '100%',
+        top: 0,
+        zIndex: 1
+      }
+    }), children]
+  }));
 };
 
 var aCallable = aCallable$3;
@@ -7498,41 +7498,49 @@ const CustomTabPanel = props => {
       isReadOnly = false
     } = props,
     other = __rest(props, ["children", "value", "index", "isDisabled", "isReadOnly"]);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
+  return jsxs("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
     "aria-labelledby": `tab-${index}`,
     style: {
       position: 'relative'
     }
-  }, other), !isReadOnly && ( /*#__PURE__*/React__default.createElement(FormControl, {
-    variant: "standard",
-    sx: {
-      position: 'absolute',
-      zIndex: 1,
-      width: '50%',
-      maxWidth: '360px',
-      paddingLeft: 1.5,
-      '.MuiInputBase-root': {
-        marginTop: 0,
-        fontSize: '0.75rem'
-      },
-      '.MuiInputBase-formControl:before': {
-        borderBottom: 'none!important'
+  }, other, {
+    children: [!isReadOnly && jsx(FormControl, Object.assign({
+      variant: "standard",
+      sx: {
+        position: 'absolute',
+        zIndex: 1,
+        width: '50%',
+        maxWidth: '360px',
+        paddingLeft: 1.5,
+        '.MuiInputBase-root': {
+          marginTop: 0,
+          fontSize: '0.75rem'
+        },
+        '.MuiInputBase-formControl:before': {
+          borderBottom: 'none!important'
+        }
       }
-    }
-  }, /*#__PURE__*/React__default.createElement(ReactHookFormSelect, {
-    variant: "standard",
-    name: "translation-select",
-    value: "NL",
-    rules: {},
-    sx: {
-      color: 'geowebColors.textInputField.label.rgba'
-    },
-    disabled: isDisabled
-  }, /*#__PURE__*/React__default.createElement(MenuItem, {
-    value: "NL"
-  }, t('warning-description-NL'))))), children);
+    }, {
+      children: jsx(ReactHookFormSelect, Object.assign({
+        variant: "standard",
+        name: "translation-select",
+        value: "NL",
+        rules: {},
+        sx: {
+          color: 'geowebColors.textInputField.label.rgba'
+        },
+        disabled: isDisabled
+      }, {
+        children: jsx(MenuItem, Object.assign({
+          value: "NL"
+        }, {
+          children: t('warning-description-NL')
+        }))
+      }))
+    })), children]
+  }));
 };
 const DescriptionField = ({
   isDisabled: _isDisabled = false,
@@ -7564,60 +7572,68 @@ const DescriptionField = ({
       setActiveTab(1);
     }
   }, [formState.errors, formState.submitCount]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tabs, Object.assign({
-    value: activeTab,
-    onChange: handleChange,
-    "aria-label": "description tabs"
-  }, _isDisabled && {
-    TabIndicatorProps: {
-      style: {
-        display: 'none'
-      },
-      'aria-disabled': true
-    }
-  }), /*#__PURE__*/React__default.createElement(Tab, Object.assign({
-    sx: tabStyle,
-    label: t('warning-description-original'),
-    disabled: _isDisabled
-  }, a11yProps(0))), /*#__PURE__*/React__default.createElement(Tab, Object.assign({
-    sx: tabStyle,
-    label: t('warning-description-translation'),
-    disabled: _isDisabled
-  }, a11yProps(1)))), /*#__PURE__*/React__default.createElement(CustomTabPanel, {
-    value: activeTab,
-    index: 0,
-    isDisabled: _isDisabled,
-    isReadOnly: _isReadOnly
-  }, /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
-    rules: {
-      validate: {
-        isRequired
-      }
-    },
-    minRows: 4,
-    name: "descriptionOriginal",
-    multiline: true,
-    disabled: _isDisabled,
-    isReadOnly: _isReadOnly,
-    onKeyDown: event => event.stopPropagation()
-  })), /*#__PURE__*/React__default.createElement(CustomTabPanel, {
-    value: activeTab,
-    index: 1,
-    isDisabled: _isDisabled,
-    isReadOnly: _isReadOnly
-  }, /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
-    rules: {
-      validate: {
-        isRequired
+  return jsxs(Fragment, {
+    children: [jsxs(Tabs, Object.assign({
+      value: activeTab,
+      onChange: handleChange,
+      "aria-label": "description tabs"
+    }, _isDisabled && {
+      TabIndicatorProps: {
+        style: {
+          display: 'none'
+        },
+        'aria-disabled': true
       }
-    },
-    minRows: 4,
-    name: "descriptionTranslation",
-    multiline: true,
-    disabled: _isDisabled,
-    isReadOnly: _isReadOnly,
-    onKeyDown: event => event.stopPropagation()
-  })));
+    }, {
+      children: [jsx(Tab, Object.assign({
+        sx: tabStyle,
+        label: t('warning-description-original'),
+        disabled: _isDisabled
+      }, a11yProps(0))), jsx(Tab, Object.assign({
+        sx: tabStyle,
+        label: t('warning-description-translation'),
+        disabled: _isDisabled
+      }, a11yProps(1)))]
+    })), jsx(CustomTabPanel, Object.assign({
+      value: activeTab,
+      index: 0,
+      isDisabled: _isDisabled,
+      isReadOnly: _isReadOnly
+    }, {
+      children: jsx(ReactHookFormTextField, {
+        rules: {
+          validate: {
+            isRequired
+          }
+        },
+        minRows: 4,
+        name: "descriptionOriginal",
+        multiline: true,
+        disabled: _isDisabled,
+        isReadOnly: _isReadOnly,
+        onKeyDown: event => event.stopPropagation()
+      })
+    })), jsx(CustomTabPanel, Object.assign({
+      value: activeTab,
+      index: 1,
+      isDisabled: _isDisabled,
+      isReadOnly: _isReadOnly
+    }, {
+      children: jsx(ReactHookFormTextField, {
+        rules: {
+          validate: {
+            isRequired
+          }
+        },
+        minRows: 4,
+        name: "descriptionTranslation",
+        multiline: true,
+        disabled: _isDisabled,
+        isReadOnly: _isReadOnly,
+        onKeyDown: event => event.stopPropagation()
+      })
+    }))]
+  });
 };
 
 const formatDate = lastUpdatedTime => dateUtils.dateToString(dateUtils.isoStringToDate(lastUpdatedTime, false), `${dateUtils.DATE_FORMAT_DATEPICKER} 'UTC'`);
@@ -7650,129 +7666,127 @@ const AreaField = ({
   const geoJSON = getValues('geoJSON');
   const objectName = getObjectName(geoJSON, getValues('object.objectName'), t);
   const hasErrors = (errors === null || errors === void 0 ? void 0 : errors.geoJSON) !== undefined;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography, Object.assign({
-    variant: "h3",
-    color: "text.secondary",
-    sx: Object.assign({
-      fontSize: '0.75rem',
-      fontWeight: 'normal',
-      lineHeight: 1.83,
-      paddingLeft: 1.5
+  return jsxs(Fragment, {
+    children: [jsx(Typography, Object.assign({
+      variant: "h3",
+      color: "text.secondary",
+      sx: Object.assign({
+        fontSize: '0.75rem',
+        fontWeight: 'normal',
+        lineHeight: 1.83,
+        paddingLeft: 1.5
+      }, hasErrors && {
+        color: 'geowebColors.captions.captionError.color'
+      })
     }, hasErrors && {
-      color: 'geowebColors.captions.captionError.color'
-    })
-  }, hasErrors && {
-    'aria-errormessage': errorMessages.required
-  }), t('warning-area')), /*#__PURE__*/React__default.createElement(Card, {
-    elevation: 0,
-    sx: Object.assign({}, !geoJSON && {
-      background: 'none'
-    })
-  }, /*#__PURE__*/React__default.createElement(CardContent, {
-    sx: {
-      position: 'relative',
-      padding: 1,
-      '&:last-child': {
-        paddingBottom: 1
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    variant: "h4",
-    color: "text.primary",
-    sx: {
-      fontSize: '0.75rem',
-      fontWeight: 'normal',
-      lineHeight: 1.83
-    },
-    role: "heading"
-  }, objectName), /*#__PURE__*/React__default.createElement(Typography, {
-    variant: "body2",
-    color: "text.secondary"
-  }, lastUpdatedTime ? formatDate(lastUpdatedTime) : ''), geoJSON ? ( /*#__PURE__*/React__default.createElement(ToggleMenu, {
-    menuTitle: t('object-manager-options-menu'),
-    tooltipTitle: t('object-manager-options-menu'),
-    buttonSx: {
-      position: 'absolute',
-      right: 0,
-      margin: 'auto',
-      top: 0,
-      bottom: 0,
-      marginRight: '8px'
-    },
-    menuPosition: "bottom",
-    isDisabled: _isDisabled,
-    menuItems: [{
-      text: t('object-manager-button-edit'),
-      action: _onEditObject,
-      icon: /*#__PURE__*/React__default.createElement(Edit, null)
+      'aria-errormessage': errorMessages.required
     }, {
-      text: t('object-manager-button-view'),
-      action: _onViewObject,
-      icon: /*#__PURE__*/React__default.createElement(Visibility, null)
+      children: t('warning-area')
+    })), jsx(Card, Object.assign({
+      elevation: 0,
+      sx: Object.assign({}, !geoJSON && {
+        background: 'none'
+      })
     }, {
-      text: t('object-manager-button-delete'),
-      action: _onDeleteObject,
-      icon: /*#__PURE__*/React__default.createElement(Delete, null)
-    }]
-  })) : null)), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
-    rules: {
-      validate: {
-        isRequired
-      }
-    },
-    name: "geoJSON"
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    sx: {
-      marginTop: 1
-    },
-    variant: "tertiary",
-    startIcon: /*#__PURE__*/React__default.createElement(Add, null),
-    size: "small",
-    onClick: _onAddObject,
-    disabled: _isDisabled
-  }, t('warning-button-add-object')));
+      children: jsxs(CardContent, Object.assign({
+        sx: {
+          position: 'relative',
+          padding: 1,
+          '&:last-child': {
+            paddingBottom: 1
+          }
+        }
+      }, {
+        children: [jsx(Typography, Object.assign({
+          variant: "h4",
+          color: "text.primary",
+          sx: {
+            fontSize: '0.75rem',
+            fontWeight: 'normal',
+            lineHeight: 1.83
+          },
+          role: "heading"
+        }, {
+          children: objectName
+        })), jsx(Typography, Object.assign({
+          variant: "body2",
+          color: "text.secondary"
+        }, {
+          children: lastUpdatedTime ? formatDate(lastUpdatedTime) : ''
+        })), geoJSON ? jsx(ToggleMenu, {
+          menuTitle: t('object-manager-options-menu'),
+          tooltipTitle: t('object-manager-options-menu'),
+          buttonSx: {
+            position: 'absolute',
+            right: 0,
+            margin: 'auto',
+            top: 0,
+            bottom: 0,
+            marginRight: '8px'
+          },
+          menuPosition: "bottom",
+          isDisabled: _isDisabled,
+          menuItems: [{
+            text: t('object-manager-button-edit'),
+            action: _onEditObject,
+            icon: jsx(Edit, {})
+          }, {
+            text: t('object-manager-button-view'),
+            action: _onViewObject,
+            icon: jsx(Visibility, {})
+          }, {
+            text: t('object-manager-button-delete'),
+            action: _onDeleteObject,
+            icon: jsx(Delete, {})
+          }]
+        }) : null]
+      }))
+    })), jsx(ReactHookFormHiddenInput, {
+      rules: {
+        validate: {
+          isRequired
+        }
+      },
+      name: "geoJSON"
+    }), jsx(Button, Object.assign({
+      sx: {
+        marginTop: 1
+      },
+      variant: "tertiary",
+      startIcon: jsx(Add, {}),
+      size: "small",
+      onClick: _onAddObject,
+      disabled: _isDisabled
+    }, {
+      children: t('warning-button-add-object')
+    }))]
+  });
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const warningPhenomena = t => [{
   title: t('warning-phenomenon-wind'),
   key: 'wind',
-  icon: /*#__PURE__*/React.createElement(Wind, null)
+  icon: jsx(Wind, {})
 }, {
   title: t('warning-phenomenon-fog'),
   key: 'fog',
-  icon: /*#__PURE__*/React.createElement(Fog, null)
+  icon: jsx(Fog, {})
 }, {
   title: t('warning-phenomenon-thunderstorm'),
   key: 'thunderstorm',
-  icon: /*#__PURE__*/React.createElement(Lightning, null)
+  icon: jsx(Lightning, {})
 }, {
   title: t('warning-phenomenon-snow-ice'),
   key: 'snowIce',
-  icon: /*#__PURE__*/React.createElement(Snow, null)
+  icon: jsx(Snow, {})
 }, {
   title: t('warning-phenomenon-rain'),
   key: 'rain',
-  icon: /*#__PURE__*/React.createElement(Rain, null)
+  icon: jsx(Rain, {})
 }, {
   title: t('warning-phenomenon-high-temp'),
   key: 'highTemp',
-  icon: /*#__PURE__*/React.createElement(TemperatureHigh, null)
+  icon: jsx(TemperatureHigh, {})
 },
 // {
 //   title: t('warning-phenomenon-funnel-cloud'),
@@ -7782,11 +7796,11 @@ const warningPhenomena = t => [{
 {
   title: t('warning-phenomenon-low-temp'),
   key: 'lowTemp',
-  icon: /*#__PURE__*/React.createElement(TemperatureLow, null)
+  icon: jsx(TemperatureLow, {})
 }, {
   title: t('warning-phenomenon-coastal-event'),
   key: 'coastalEvent',
-  icon: /*#__PURE__*/React.createElement(CoastalEvent, null)
+  icon: jsx(CoastalEvent, {})
 }];
 const Phenomenon = ({
   isDisabled,
@@ -7798,7 +7812,7 @@ const Phenomenon = ({
   const {
     isRequired
   } = useDraftFormHelpers();
-  return /*#__PURE__*/React.createElement(ReactHookFormSelect, {
+  return jsx(ReactHookFormSelect, Object.assign({
     name: "phenomenon",
     label: t('warning-phenomenon'),
     rules: {
@@ -7808,18 +7822,29 @@ const Phenomenon = ({
     },
     disabled: isDisabled || isReadOnly,
     isReadOnly: isReadOnly
-  }, warningPhenomena(t).map(phenomenon => {
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      key: phenomenon.key,
-      value: phenomenon.key
-    }, /*#__PURE__*/React.createElement(Grid, {
-      container: true,
-      justifyContent: "space-between"
-    }, /*#__PURE__*/React.createElement(Grid, {
-      item: true
-    }, phenomenon.title), /*#__PURE__*/React.createElement(Grid, {
-      item: true
-    }, /*#__PURE__*/React.createElement(ListItemIcon, null, phenomenon.icon))));
+  }, {
+    children: warningPhenomena(t).map(phenomenon => {
+      return jsx(MenuItem, Object.assign({
+        value: phenomenon.key
+      }, {
+        children: jsxs(Grid, Object.assign({
+          container: true,
+          justifyContent: "space-between"
+        }, {
+          children: [jsx(Grid, Object.assign({
+            item: true
+          }, {
+            children: phenomenon.title
+          })), jsx(Grid, Object.assign({
+            item: true
+          }, {
+            children: jsx(ListItemIcon, {
+              children: phenomenon.icon
+            })
+          }))]
+        }))
+      }), phenomenon.key);
+    })
   }));
 };
 
@@ -7872,7 +7897,7 @@ const LevelField = ({
   const onChangeLevel = () => {
     trigger(['level', 'probability']);
   };
-  return /*#__PURE__*/React.createElement(ReactHookFormSelect, {
+  return jsx(ReactHookFormSelect, Object.assign({
     name: "level",
     label: t('warning-level'),
     rules: {
@@ -7890,47 +7915,34 @@ const LevelField = ({
     disabled: _isDisabled || _isReadOnly,
     isReadOnly: _isReadOnly,
     onChange: onChangeLevel
-  }, levelOptions(t).map(level => ( /*#__PURE__*/React.createElement(MenuItem, {
-    value: level.key,
-    key: level.key,
-    sx: {
-      '&.MuiMenuItem-root ': {
-        color: level.textColor,
-        background: level.color,
-        backgroundClip: 'content-box',
-        padding: '12px 8px',
-        '&:hover': {
-          backgroundColor: `${level.color}`,
+  }, {
+    children: levelOptions(t).map(level => jsxs(MenuItem, Object.assign({
+      value: level.key,
+      sx: {
+        '&.MuiMenuItem-root ': {
+          color: level.textColor,
+          background: level.color,
           backgroundClip: 'content-box',
-          boxShadow: theme => `inset -8px -12px ${theme.palette.geowebColors.cards.cardContainerMouseOver}, inset 8px 12px ${theme.palette.geowebColors.cards.cardContainerMouseOver}`
-        },
-        '&.Mui-selected': {
-          backgroundColor: `${level.color}`,
+          padding: '12px 8px',
           '&:hover': {
-            boxShadow: theme => `inset 4px 0px 0px 0px ${theme.palette.geowebColors.typographyAndIcons.iconLinkActive}, inset -8px -12px ${theme.palette.geowebColors.cards.cardContainerMouseOver}, inset 8px 12px ${theme.palette.geowebColors.cards.cardContainerMouseOver}`
+            backgroundColor: `${level.color}`,
+            backgroundClip: 'content-box',
+            boxShadow: theme => `inset -8px -12px ${theme.palette.geowebColors.cards.cardContainerMouseOver}, inset 8px 12px ${theme.palette.geowebColors.cards.cardContainerMouseOver}`
+          },
+          '&.Mui-selected': {
+            backgroundColor: `${level.color}`,
+            '&:hover': {
+              boxShadow: theme => `inset 4px 0px 0px 0px ${theme.palette.geowebColors.typographyAndIcons.iconLinkActive}, inset -8px -12px ${theme.palette.geowebColors.cards.cardContainerMouseOver}, inset 8px 12px ${theme.palette.geowebColors.cards.cardContainerMouseOver}`
+            }
           }
         }
       }
-    }
-  }, "\u00A0", level.title))));
+    }, {
+      children: ["\u00A0", level.title]
+    }), level.key))
+  }));
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const VALID_FROM_MAX_HOURS_AFTER_CURRENT = 168;
 const isValueBeforeCurrentTime$1 = (value, t) => {
   return isXHoursBefore(value, dateUtils.getCurrentTimeAsString(), 0) || t('warning-valid-from-error-before-current');
@@ -7955,7 +7967,7 @@ const ValidFrom = ({
   const onChangeValidFrom = () => {
     trigger(['validFrom', 'validUntil']);
   };
-  return /*#__PURE__*/React.createElement(ReactHookFormDateTime, {
+  return jsx(ReactHookFormDateTime, {
     name: "validFrom",
     rules: {
       validate: {
@@ -7975,22 +7987,6 @@ const ValidFrom = ({
   });
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const VALID_UNTIL_MAX_HOURS_AFTER_CURRENT = 180;
 const VALID_UNTIL_MIN_HOURS_AFTER_VALID_FROM = 1;
 const isValueBeforeCurrentTime = (value, t) => isXHoursBefore(value, dateUtils.getCurrentTimeAsString(), 0) || t('warning-valid-until-error-before-current');
@@ -8025,7 +8021,7 @@ const ValidUntil = ({
   const onChangeValidUntil = () => {
     trigger(['validFrom', 'validUntil']);
   };
-  return /*#__PURE__*/React.createElement(ReactHookFormDateTime, {
+  return jsx(ReactHookFormDateTime, {
     name: "validUntil",
     rules: {
       validate: {
@@ -8075,7 +8071,8 @@ const zoomToFeature = (mapId, geojsonFeature) => {
 };
 const WarningsMapView = ({
   geojsonFeature,
-  defaultBbox: _defaultBbox = defaultBbox
+  defaultBbox: _defaultBbox = defaultBbox,
+  isSnapshot: _isSnapshot = false
 }) => {
   const mapId = React.useRef(`WarningsMapView_${generateMapId()}`).current;
   const warningLayer = {
@@ -8085,49 +8082,37 @@ const WarningsMapView = ({
   };
   // Zoom to the geojson when the geojsonFeature is updated in an already mounted map component
   zoomToFeature(mapId, geojsonFeature);
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", Object.assign({
     style: {
       height: '200px',
       width: '100%'
     }
-  }, /*#__PURE__*/React.createElement(MapView, {
-    bbox: _defaultBbox.bbox,
-    srs: _defaultBbox.srs,
-    mapId: mapId,
-    showScaleBar: false,
-    onWMJSMount: mapId => {
-      const webmapjs = getWMJSMapById(mapId);
-      webmapjs.hideMouseCursorProperties();
-      if (!geojsonFeature) {
-        return;
-      }
-      // Zoom to the geojson when the map is ready
-      zoomToFeature(mapId, geojsonFeature);
-    },
-    holdShiftToScroll: true
-  }, /*#__PURE__*/React.createElement(MapViewLayer, Object.assign({}, defaultLayers.baseLayerGrey, {
-    id: `${mapId}_baseLayer}`
-  })), warningLayer.geojson && /*#__PURE__*/React.createElement(MapViewLayer, Object.assign({}, warningLayer)), /*#__PURE__*/React.createElement(MapViewLayer, Object.assign({}, defaultLayers.overLayer, {
-    id: `${mapId}_overlayer}`
-  }))));
+  }, {
+    children: jsxs(MapView, Object.assign({
+      bbox: _defaultBbox.bbox,
+      srs: _defaultBbox.srs,
+      mapId: mapId,
+      showScaleBar: false,
+      onWMJSMount: mapId => {
+        const webmapjs = getWMJSMapById(mapId);
+        webmapjs.hideMouseCursorProperties();
+        if (!geojsonFeature) {
+          return;
+        }
+        // Zoom to the geojson when the map is ready
+        zoomToFeature(mapId, geojsonFeature);
+      },
+      holdShiftToScroll: true
+    }, {
+      children: [!_isSnapshot && jsx(MapViewLayer, Object.assign({}, defaultLayers.baseLayerGrey, {
+        id: `${mapId}_baseLayer}`
+      })), warningLayer.geojson && jsx(MapViewLayer, Object.assign({}, warningLayer)), !_isSnapshot && jsx(MapViewLayer, Object.assign({}, defaultLayers.overLayer, {
+        id: `${mapId}_overlayer}`
+      }))]
+    }))
+  }));
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const probablityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10];
 const defaultProbability = 30;
 const ProbabilityField = ({
@@ -8157,7 +8142,7 @@ const ProbabilityField = ({
       trigger('level');
     }
   };
-  return /*#__PURE__*/React.createElement(ReactHookFormSelect, {
+  return jsx(ReactHookFormSelect, Object.assign({
     name: "probability",
     label: t('warning-probability'),
     rules: {
@@ -8170,10 +8155,13 @@ const ProbabilityField = ({
     isReadOnly: isReadOnly,
     defaultValue: defaultProbability,
     onChange: onChangeProbability
-  }, probablityOptions.map(probability => ( /*#__PURE__*/React.createElement(MenuItem, {
-    value: probability,
-    key: probability
-  }, probability, " %"))));
+  }, {
+    children: probablityOptions.map(probability => jsxs(MenuItem, Object.assign({
+      value: probability
+    }, {
+      children: [probability, " %"]
+    }), probability))
+  }));
 };
 
 const getEmptyPublicWarning = () => {
@@ -8283,14 +8271,16 @@ const getErrors = errors => errors ? errors === null || errors === void 0 ? void
   const isEven = index % 2 === 0;
   return Object.assign(Object.assign({}, allErrors), {
     errors: allErrors.errors.concat(
-    /*#__PURE__*/
     // eslint-disable-next-line react/no-array-index-key
-    React.createElement("p", {
-      key: `error-${index}`,
+    jsx("p", Object.assign({
       style: {
         fontSize: 14
       }
-    }, isEven ? error : /*#__PURE__*/React.createElement("i", null, error)))
+    }, {
+      children: isEven ? error : jsx("i", {
+        children: error
+      })
+    }), `error-${index}`))
   });
 }, {
   title: '',
@@ -8308,7 +8298,8 @@ const Form = ({
     message: ''
   },
   isReadOnly: _isReadOnly2 = false,
-  onFormDirty: _onFormDirty = () => {}
+  onFormDirty: _onFormDirty = () => {},
+  isSnapshot: _isSnapshot = false
 }) => {
   const {
     t
@@ -8376,164 +8367,223 @@ const Form = ({
       Object.assign(draftFeature.properties, Object.assign(Object.assign({}, defaultProps), draftFeature.properties));
     }
   });
-  return /*#__PURE__*/React.createElement(ContainerWrapper, null, /*#__PURE__*/React.createElement(ContainerFormWrapper, {
-    isReadOnly: _isReadOnly2
-  }, /*#__PURE__*/React.createElement(ContainerGrid, null, errors && ( /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      marginBottom: 2
-    }
-  }, /*#__PURE__*/React.createElement(AlertBanner, {
-    title: errors.title,
-    info: errors.errors,
-    shouldClose: true,
-    severity: _error === null || _error === void 0 ? void 0 : _error.severity
-  }))), /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    rowSpacing: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Phenomenon, {
-    isDisabled: areFieldsDisabled,
-    isReadOnly: _isReadOnly2
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(AreaField, {
-    isDisabled: true,
-    onEditObject: () => {},
-    onViewObject: () => {},
-    onDeleteObject: () => {},
-    onAddObject: () => {}
-  }))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    container: true
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(WarningsMapView, {
-    geojsonFeature: warningGeoJSONFeatureWithFillProps,
-    defaultBbox: defaultBbox
-  }))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/React.createElement(ValidFrom, {
-    isDisabled: areFieldsDisabled,
-    isReadOnly: _isReadOnly2
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/React.createElement(ValidUntil, {
-    isDisabled: areFieldsDisabled,
-    isReadOnly: _isReadOnly2
-  }))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/React.createElement(LevelField, {
-    isDisabled: areFieldsDisabled,
-    isReadOnly: _isReadOnly2
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/React.createElement(ProbabilityField, {
-    isDisabled: areFieldsDisabled,
-    isReadOnly: _isReadOnly2
-  }))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(DescriptionField, {
-    isDisabled: areFieldsDisabled,
-    isReadOnly: _isReadOnly2
-  }))))), /*#__PURE__*/React.createElement(DraftFieldHelper, null), /*#__PURE__*/React.createElement(ReactHookFormHiddenInput, {
-    name: "id"
-  })), !_isReadOnly2 && ( /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      padding: '24px 10px 14px 10px',
-      position: 'absolute',
-      bottom: 0,
-      width: '100%',
-      backgroundColor: 'geowebColors.background.surfaceApp',
-      boxShadow: '0 2px 4px 0 rgba(0, 0, 0, 0.5)',
-      zIndex: 1
-    }
-  }, /*#__PURE__*/React.createElement(ContainerGrid, null, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 4
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "tertiary",
-    sx: {
-      width: '100%',
-      marginBottom: 1
-    },
-    disabled: areFieldsDisabled,
-    onClick: onPressClear
-  }, t('warning-button-clear'))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 4
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "tertiary",
-    sx: {
-      width: '100%',
-      marginBottom: 1
-    },
-    disabled: isPublishing,
-    onClick: onPressSave
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      position: 'relative'
-    }
-  }, isSaving ? t('warning-button-saving') : t('warning-button-save'), isSaving && ( /*#__PURE__*/React.createElement(CircularProgress, {
-    "data-testid": "spinner",
-    color: "inherit",
-    sx: spinnerSx
-  }))))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 4
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    sx: {
-      width: '100%'
-    },
-    disabled: isSaving,
-    onClick: onPressPublish
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      position: 'relative'
-    }
-  }, isPublishing ? t('warning-button-publishing') : t('warning-button-publish'), isPublishing && ( /*#__PURE__*/React.createElement(CircularProgress, {
-    "data-testid": "spinner",
-    color: "inherit",
-    sx: spinnerSx
-  }))))))))));
+  return jsxs(ContainerWrapper, {
+    children: [jsxs(ContainerFormWrapper, Object.assign({
+      isReadOnly: _isReadOnly2
+    }, {
+      children: [jsxs(ContainerGrid, {
+        children: [errors && jsx(Box, Object.assign({
+          sx: {
+            marginBottom: 2
+          }
+        }, {
+          children: jsx(AlertBanner, {
+            title: errors.title,
+            info: errors.errors,
+            shouldClose: true,
+            severity: _error === null || _error === void 0 ? void 0 : _error.severity
+          })
+        })), jsxs(Grid, Object.assign({
+          container: true,
+          rowSpacing: 2
+        }, {
+          children: [jsx(Grid, Object.assign({
+            item: true,
+            xs: 12
+          }, {
+            children: jsx(Phenomenon, {
+              isDisabled: areFieldsDisabled,
+              isReadOnly: _isReadOnly2
+            })
+          })), jsx(Grid, Object.assign({
+            item: true,
+            xs: 12
+          }, {
+            children: jsx(Grid, Object.assign({
+              item: true,
+              xs: 12
+            }, {
+              children: jsx(AreaField, {
+                isDisabled: true,
+                onEditObject: () => {},
+                onViewObject: () => {},
+                onDeleteObject: () => {},
+                onAddObject: () => {}
+              })
+            }))
+          })), jsx(Grid, Object.assign({
+            item: true,
+            xs: 12,
+            container: true
+          }, {
+            children: jsx(Grid, Object.assign({
+              item: true,
+              xs: 12
+            }, {
+              children: jsx(WarningsMapView, {
+                geojsonFeature: warningGeoJSONFeatureWithFillProps,
+                defaultBbox: defaultBbox,
+                isSnapshot: _isSnapshot
+              })
+            }))
+          })), jsxs(Grid, Object.assign({
+            item: true,
+            xs: 12,
+            container: true,
+            spacing: 2
+          }, {
+            children: [jsx(Grid, Object.assign({
+              item: true,
+              xs: 12,
+              sm: 6
+            }, {
+              children: jsx(ValidFrom, {
+                isDisabled: areFieldsDisabled,
+                isReadOnly: _isReadOnly2
+              })
+            })), jsx(Grid, Object.assign({
+              item: true,
+              xs: 12,
+              sm: 6
+            }, {
+              children: jsx(ValidUntil, {
+                isDisabled: areFieldsDisabled,
+                isReadOnly: _isReadOnly2
+              })
+            }))]
+          })), jsxs(Grid, Object.assign({
+            item: true,
+            xs: 12,
+            container: true,
+            spacing: 2
+          }, {
+            children: [jsx(Grid, Object.assign({
+              item: true,
+              xs: 12,
+              sm: 6
+            }, {
+              children: jsx(LevelField, {
+                isDisabled: areFieldsDisabled,
+                isReadOnly: _isReadOnly2
+              })
+            })), jsx(Grid, Object.assign({
+              item: true,
+              xs: 12,
+              sm: 6
+            }, {
+              children: jsx(ProbabilityField, {
+                isDisabled: areFieldsDisabled,
+                isReadOnly: _isReadOnly2
+              })
+            }))]
+          })), jsx(Grid, Object.assign({
+            item: true,
+            xs: 12,
+            container: true,
+            spacing: 2
+          }, {
+            children: jsx(Grid, Object.assign({
+              item: true,
+              xs: 12
+            }, {
+              children: jsx(DescriptionField, {
+                isDisabled: areFieldsDisabled,
+                isReadOnly: _isReadOnly2
+              })
+            }))
+          }))]
+        }))]
+      }), jsx(DraftFieldHelper, {}), jsx(ReactHookFormHiddenInput, {
+        name: "id"
+      })]
+    })), !_isReadOnly2 && jsx(Box, Object.assign({
+      sx: {
+        padding: '24px 10px 14px 10px',
+        position: 'absolute',
+        bottom: 0,
+        width: '100%',
+        backgroundColor: 'geowebColors.background.surfaceApp',
+        boxShadow: '0 2px 4px 0 rgba(0, 0, 0, 0.5)',
+        zIndex: 1
+      }
+    }, {
+      children: jsx(ContainerGrid, {
+        children: jsxs(Grid, Object.assign({
+          container: true,
+          spacing: 2
+        }, {
+          children: [jsx(Grid, Object.assign({
+            item: true,
+            xs: 12,
+            sm: 4
+          }, {
+            children: jsx(Button, Object.assign({
+              variant: "tertiary",
+              sx: {
+                width: '100%',
+                marginBottom: 1
+              },
+              disabled: areFieldsDisabled,
+              onClick: onPressClear
+            }, {
+              children: t('warning-button-clear')
+            }))
+          })), jsx(Grid, Object.assign({
+            item: true,
+            xs: 12,
+            sm: 4
+          }, {
+            children: jsx(Button, Object.assign({
+              variant: "tertiary",
+              sx: {
+                width: '100%',
+                marginBottom: 1
+              },
+              disabled: isPublishing,
+              onClick: onPressSave
+            }, {
+              children: jsxs("span", Object.assign({
+                style: {
+                  position: 'relative'
+                }
+              }, {
+                children: [isSaving ? t('warning-button-saving') : t('warning-button-save'), isSaving && jsx(CircularProgress, {
+                  "data-testid": "spinner",
+                  color: "inherit",
+                  sx: spinnerSx
+                })]
+              }))
+            }))
+          })), jsx(Grid, Object.assign({
+            item: true,
+            xs: 12,
+            sm: 4
+          }, {
+            children: jsx(Button, Object.assign({
+              variant: "primary",
+              sx: {
+                width: '100%'
+              },
+              disabled: isSaving,
+              onClick: onPressPublish
+            }, {
+              children: jsxs("span", Object.assign({
+                style: {
+                  position: 'relative'
+                }
+              }, {
+                children: [isPublishing ? t('warning-button-publishing') : t('warning-button-publish'), isPublishing && jsx(CircularProgress, {
+                  "data-testid": "spinner",
+                  color: "inherit",
+                  sx: spinnerSx
+                })]
+              }))
+            }))
+          }))]
+        }))
+      })
+    }))]
+  });
 };
 const PublicWarningsForm = props => {
   const {
@@ -8541,12 +8591,14 @@ const PublicWarningsForm = props => {
     publicWarningDetails
   } = props;
   const defaultValues = getFormData(publicWarningDetails, object);
-  return /*#__PURE__*/React.createElement(ReactHookFormProvider, {
+  return jsx(ReactHookFormProvider, Object.assign({
     options: Object.assign(Object.assign({}, defaultFormOptions), {
       mode: 'onSubmit',
       defaultValues
     })
-  }, /*#__PURE__*/React.createElement(Form, Object.assign({}, props)));
+  }, {
+    children: jsx(Form, Object.assign({}, props))
+  }));
 };
 
 /* *
@@ -8586,22 +8638,6 @@ const getPublicWarningFormError = createSelector(getPublicWarningStore, publicWa
 const getSelectedPublicWarningId = createSelector(getPublicWarningStore, publicWarningStore => (publicWarningStore === null || publicWarningStore === void 0 ? void 0 : publicWarningStore.selectedPublicWarningId) || '');
 const getSelectedPublicIsFormDirty = createSelector(getPublicWarningStore, publicWarningStore => (publicWarningStore === null || publicWarningStore === void 0 ? void 0 : publicWarningStore.isFormDirty) || false);
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const PublicWarningsFormConnect = ({
   defaultBbox
 }) => {
@@ -8649,7 +8685,7 @@ const PublicWarningsFormConnect = ({
   };
   // Readonly also in case you are not creating a new warning and you are not set as the editor
   const isReadOnly = getIsReadOnly();
-  return /*#__PURE__*/React.createElement(PublicWarningsForm, {
+  return jsx(PublicWarningsForm, {
     object: publicWarningObject,
     publicWarningDetails: publicWarning === null || publicWarning === void 0 ? void 0 : publicWarning.warningDetail,
     onPublishForm: publishForm,
@@ -8765,7 +8801,7 @@ const PublicWarningsFormDialogConnect = ({
   const isReadOnly = formAction === 'readonly' || !isEditor && publicWarningStatus !== undefined;
   // Only show toggle if in draft status
   const shouldHideFormToggleMode = publicWarningStatus !== 'DRAFT' && publicWarningStatus !== 'DRAFT_PUBLISHED';
-  return /*#__PURE__*/React__default.createElement(PublicWarningsFormDialog, {
+  return jsx(PublicWarningsFormDialog, Object.assign({
     isOpen: isDialogOpen,
     onClose: closeDialog,
     order: dialogOrder,
@@ -8778,8 +8814,10 @@ const PublicWarningsFormDialogConnect = ({
     onChangeFormMode: onChangeFormMode,
     shouldHideFormMode: shouldHideFormToggleMode,
     publicWarningEditor: publicWarningEditor
-  }, /*#__PURE__*/React__default.createElement(PublicWarningsFormConnect, {
-    defaultBbox: defaultBbox
+  }, {
+    children: jsx(PublicWarningsFormConnect, {
+      defaultBbox: defaultBbox
+    })
   }));
 };
 
@@ -8853,7 +8891,7 @@ const getWarningWithoutIdStatusEditor = warning => {
   });
 };
 const getStatusIcon = warning => {
-  const getStatusTag = (content, color, icon = null) => ( /*#__PURE__*/React__default.createElement(StatusTag, {
+  const getStatusTag = (content, color, icon = null) => jsx(StatusTag, {
     content: content,
     color: color,
     sx: {
@@ -8862,12 +8900,12 @@ const getStatusIcon = warning => {
       marginRight: 2
     },
     icon: icon
-  }));
+  });
   switch (warning.status) {
     case 'TODO':
       return null;
     case 'DRAFT':
-      return /*#__PURE__*/React__default.createElement(Box, {
+      return jsx(Box, Object.assign({
         sx: {
           height: '16px',
           padding: '0px',
@@ -8876,9 +8914,11 @@ const getStatusIcon = warning => {
           justifyContent: 'center',
           color: 'geowebColors.iconButtons.flat.default.color'
         }
-      }, /*#__PURE__*/React__default.createElement(Edit, null));
+      }, {
+        children: jsx(Edit, {})
+      }));
     case 'DRAFT_PUBLISHED':
-      return getStatusTag('Pub', 'green', /*#__PURE__*/React__default.createElement(Edit, {
+      return getStatusTag('Pub', 'green', jsx(Edit, {
         sx: {
           width: 20,
           height: 20,
@@ -8898,23 +8938,27 @@ const WarningListHeaderContent = _a => {
       width = 76
     } = _a,
     props = __rest(_a, ["title", "width"]);
-  return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
+  return jsx(Grid, Object.assign({
     item: true
   }, props, {
     sx: Object.assign(Object.assign({}, props.sx), {
       width
     })
-  }), /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      overflow: 'hidden',
-      fontWeight: 'normal',
-      textOverflow: 'ellipsis',
-      fontSize: 12,
-      lineHeight: 1.33,
-      height: 16,
-      color: 'geowebColors.captions.captionStatus.rgba'
-    }
-  }, title));
+  }, {
+    children: jsx(Box, Object.assign({
+      sx: {
+        overflow: 'hidden',
+        fontWeight: 'normal',
+        textOverflow: 'ellipsis',
+        fontSize: 12,
+        lineHeight: 1.33,
+        height: 16,
+        color: 'geowebColors.captions.captionStatus.rgba'
+      }
+    }, {
+      children: title
+    }))
+  }));
 };
 const WarningListColumnContent = _a => {
   var {
@@ -8924,34 +8968,40 @@ const WarningListColumnContent = _a => {
       width = 76
     } = _a,
     props = __rest(_a, ["title", "status", "children", "width"]);
-  return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
+  return jsxs(Grid, Object.assign({
     item: true
   }, props, {
     sx: Object.assign(Object.assign({}, props.sx), {
       width
     })
-  }), title && ( /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      overflow: 'hidden',
-      fontWeight: 'normal',
-      textOverflow: 'ellipsis',
-      fontSize: 10,
-      lineHeight: 1.6,
-      height: 12,
-      color: status === 'EXPIRED' ? 'geowebColors.typographyAndIcons.inactiveText' : 'geowebColors.captions.captionStatus.rgba',
-      display: 'block',
-      [`@container publicWarningList (min-width: ${breakpoints.desktop}px)`]: {
-        display: 'none'
+  }, {
+    children: [title && jsx(Box, Object.assign({
+      sx: {
+        overflow: 'hidden',
+        fontWeight: 'normal',
+        textOverflow: 'ellipsis',
+        fontSize: 10,
+        lineHeight: 1.6,
+        height: 12,
+        color: status === 'EXPIRED' ? 'geowebColors.typographyAndIcons.inactiveText' : 'geowebColors.captions.captionStatus.rgba',
+        display: 'block',
+        [`@container publicWarningList (min-width: ${breakpoints.desktop}px)`]: {
+          display: 'none'
+        }
       }
-    }
-  }, title)), /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      overflow: 'visible',
-      fontSize: 12,
-      lineHeight: 1.2,
-      color: status === 'EXPIRED' ? 'geowebColors.typographyAndIcons.inactiveText' : 'geowebColors.typographyAndIcons.text'
-    }
-  }, children || '-'));
+    }, {
+      children: title
+    })), jsx(Box, Object.assign({
+      sx: {
+        overflow: 'visible',
+        fontSize: 12,
+        lineHeight: 1.2,
+        color: status === 'EXPIRED' ? 'geowebColors.typographyAndIcons.inactiveText' : 'geowebColors.typographyAndIcons.text'
+      }
+    }, {
+      children: children || '-'
+    }))]
+  }));
 };
 const WarningsOnStatus = ({
   warnings,
@@ -8982,23 +9032,23 @@ const WarningsOnStatus = ({
     const duplicate = {
       text: t('warning-list-button-duplicate'),
       action: () => _onEditWarning(getWarningWithoutIdStatusEditor(warning)),
-      icon: /*#__PURE__*/React__default.createElement(Copy, null)
+      icon: jsx(Copy, {})
     };
     switch (status) {
       case 'PUBLISHED':
         return [{
           text: t('warning-list-button-update'),
           action: () => _onEditWarning(getWarningWithLinkedToId(warning)),
-          icon: /*#__PURE__*/React__default.createElement(Edit, null)
+          icon: jsx(Edit, {})
         }, duplicate, {
           text: t('warning-list-button-expire'),
           action: () => null,
-          icon: /*#__PURE__*/React__default.createElement(Expire, null),
+          icon: jsx(Expire, {}),
           isDisabled: true
         }, {
           text: t('warning-list-button-withdraw'),
           action: () => null,
-          icon: /*#__PURE__*/React__default.createElement(Remove, null),
+          icon: jsx(Remove, {}),
           isDisabled: true
         }];
       case 'EXPIRED':
@@ -9008,149 +9058,182 @@ const WarningsOnStatus = ({
         return [{
           text: t('object-manager-button-edit'),
           action: () => _onEditWarning(warning),
-          icon: /*#__PURE__*/React__default.createElement(Edit, null)
+          icon: jsx(Edit, {})
         }, duplicate, {
           text: t('object-manager-button-delete'),
-          action: () => _onDeleteWarning(warning.id),
-          icon: /*#__PURE__*/React__default.createElement(Delete, null)
+          action: () => _onDeleteWarning(warning.id, warning.editor),
+          icon: jsx(Delete, {})
         }];
       case 'TODO':
         return [{
           text: t('warning-list-button-use'),
           action: () => _onEditWarning(getWarningWithProposalId(warning)),
-          icon: /*#__PURE__*/React__default.createElement(Success, null)
+          icon: jsx(Success, {})
         }, {
           text: t('object-manager-button-delete'),
           action: () => _onDeleteReviewWarning(warning),
-          icon: /*#__PURE__*/React__default.createElement(Delete, null)
+          icon: jsx(Delete, {})
         }];
       default:
         return [];
     }
   };
-  return /*#__PURE__*/React__default.createElement(Box, {
+  return jsxs(Box, Object.assign({
     sx: {
       paddingBottom: 2
     }
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    variant: "caption",
-    sx: {
-      opacity: 0.67
-    }
-  }, headerText), warnings.length > 0 && ( /*#__PURE__*/React__default.createElement(List, {
-    "aria-label": `warninglist ${status}`
-  }, warnings.map(warning => {
-    var _a;
-    const phenomenonDetails = warningPhenomena(t).find(phenomenon => phenomenon.key === warning.warningDetail.phenomenon);
-    const levelDetails = levelOptions(t).find(level => level.key === warning.warningDetail.level);
-    return /*#__PURE__*/React__default.createElement(ListItem, {
-      key: warning.id,
-      sx: {
-        marginBottom: 0.25,
-        minHeight: '32px',
-        padding: '0 0',
-        backgroundColor: status === 'EXPIRED' ? 'geowebColors.cards.cardContainerDisabled' : 'geowebColors.cards.cardContainer',
-        borderColor: status === 'EXPIRED' ? 'geowebColors.cards.cardContainerDisabledBorder' : 'geowebColors.cards.cardContainerBorder',
-        borderRadius: 1,
-        borderWidth: activeWarningId === warning.id ? '1px' : '1px',
-        borderStyle: 'solid'
-      },
-      secondaryAction: /*#__PURE__*/React__default.createElement(ToggleMenu, {
-        menuTitle: t('warning-list-button-options'),
-        tooltipTitle: t('warning-list-button-options'),
-        menuPosition: "bottom",
-        "aria-label": t('warning-list-button-options'),
-        menuItems: getMenuItems(warning),
-        buttonIcon: /*#__PURE__*/React__default.createElement(Options, null)
-      })
-    }, /*#__PURE__*/React__default.createElement(ListItemButton, {
-      sx: {
-        height: '100%',
-        padding: 1,
-        '.warning-list': {
-          justifyContent: 'left'
-        },
-        [`@container publicWarningList (min-width: ${breakpoints.desktop}px)`]: {
-          '.warning-list': {
-            justifyContent: 'space-between'
-          }
-        }
-      },
-      onClick: () => _onSelectWarning(warning),
-      "aria-label": `warning item for ${warning.id}`,
-      selected: activeWarningId === warning.id
-    }, /*#__PURE__*/React__default.createElement(Grid, {
-      className: "warning-list",
-      container: true,
-      item: true,
-      xs: true,
-      rowSpacing: 0,
-      columnSpacing: 2,
-      alignItems: "center"
-    }, /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: t('warning-list-header-incident'),
-      status: status,
-      width: 142
-    }), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: `${t('warning-list-header-last-update')} UTC`,
-      status: status,
-      width: 142
-    }, warning.lastUpdatedTime && dateUtils.dateToString(dateUtils.utc(warning.lastUpdatedTime), dateUtils.DATE_FORMAT_NAME_OF_DAY_MONTH)), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: `${t('warning-list-header-start-time')} UTC`,
-      status: status,
-      width: 142
-    }, warning.warningDetail.validFrom && dateUtils.dateToString(dateUtils.utc(warning.warningDetail.validFrom), dateUtils.DATE_FORMAT_NAME_OF_DAY_MONTH)), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: `${t('warning-list-header-end-time')} UTC`,
-      status: status,
-      width: 142
-    }, warning.warningDetail.validUntil && dateUtils.dateToString(dateUtils.utc(warning.warningDetail.validUntil), dateUtils.DATE_FORMAT_NAME_OF_DAY_MONTH)), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: t('warning-list-header-domain'),
-      status: status
-    }, warning.warningDetail.domain), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: t('warning-list-header-phenomenon'),
-      status: status,
-      width: 140,
-      sx: {
-        position: 'relative'
-      }
-    }, (phenomenonDetails === null || phenomenonDetails === void 0 ? void 0 : phenomenonDetails.title) || '-', /*#__PURE__*/React__default.createElement(Box, {
-      sx: {
-        position: 'absolute',
-        right: 0,
-        bottom: -6
-      }
-    }, phenomenonDetails === null || phenomenonDetails === void 0 ? void 0 : phenomenonDetails.icon)), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: t('warning-list-header-level'),
-      status: status
-    }, /*#__PURE__*/React__default.createElement(Box, {
-      component: "span",
-      sx: {
-        color: levelDetails === null || levelDetails === void 0 ? void 0 : levelDetails.textColor,
-        backgroundColor: levelDetails === null || levelDetails === void 0 ? void 0 : levelDetails.color,
-        paddingLeft: 0.5,
-        paddingRight: 0.5,
-        paddingBottom: '1px',
-        marginLeft: -0.5
-      }
-    }, ((_a = warning.warningDetail) === null || _a === void 0 ? void 0 : _a.level) && (levelDetails === null || levelDetails === void 0 ? void 0 : levelDetails.title) || '-')), /*#__PURE__*/React__default.createElement(WarningListColumnContent, {
-      title: t('warning-list-header-status'),
-      status: status,
-      width: 96
-    }, /*#__PURE__*/React__default.createElement(Box, {
-      sx: {
-        position: 'relative'
-      }
-    }, getStatusIcon(warning), warning.editor && ( /*#__PURE__*/React__default.createElement(Box, {
+  }, {
+    children: [jsx(Typography, Object.assign({
+      variant: "caption",
       sx: {
-        width: '16px',
-        position: 'absolute',
-        top: '1px',
-        right: '-12px'
+        opacity: 0.67
       }
-    }, /*#__PURE__*/React__default.createElement(WarningAvatar, {
-      editor: warning.editor
-    }))))))));
-  }))));
+    }, {
+      children: headerText
+    })), warnings.length > 0 && jsx(List, Object.assign({
+      "aria-label": `warninglist ${status}`
+    }, {
+      children: warnings.map(warning => {
+        var _a;
+        const phenomenonDetails = warningPhenomena(t).find(phenomenon => phenomenon.key === warning.warningDetail.phenomenon);
+        const levelDetails = levelOptions(t).find(level => level.key === warning.warningDetail.level);
+        return jsx(ListItem, Object.assign({
+          sx: {
+            marginBottom: 0.25,
+            minHeight: '32px',
+            padding: '0 0',
+            backgroundColor: status === 'EXPIRED' ? 'geowebColors.cards.cardContainerDisabled' : 'geowebColors.cards.cardContainer',
+            borderColor: status === 'EXPIRED' ? 'geowebColors.cards.cardContainerDisabledBorder' : 'geowebColors.cards.cardContainerBorder',
+            borderRadius: 1,
+            borderWidth: activeWarningId === warning.id ? '1px' : '1px',
+            borderStyle: 'solid'
+          },
+          secondaryAction: jsx(ToggleMenu, {
+            menuTitle: t('warning-list-button-options'),
+            tooltipTitle: t('warning-list-button-options'),
+            menuPosition: "bottom",
+            "aria-label": t('warning-list-button-options'),
+            menuItems: getMenuItems(warning),
+            buttonIcon: jsx(Options, {})
+          })
+        }, {
+          children: jsx(ListItemButton, Object.assign({
+            sx: {
+              height: '100%',
+              padding: 1,
+              '.warning-list': {
+                justifyContent: 'left'
+              },
+              [`@container publicWarningList (min-width: ${breakpoints.desktop}px)`]: {
+                '.warning-list': {
+                  justifyContent: 'space-between'
+                }
+              }
+            },
+            onClick: () => _onSelectWarning(warning),
+            "aria-label": `warning item for ${warning.id}`,
+            selected: activeWarningId === warning.id
+          }, {
+            children: jsxs(Grid, Object.assign({
+              className: "warning-list",
+              container: true,
+              item: true,
+              xs: true,
+              rowSpacing: 0,
+              columnSpacing: 2,
+              alignItems: "center"
+            }, {
+              children: [jsx(WarningListColumnContent, {
+                title: t('warning-list-header-incident'),
+                status: status,
+                width: 142
+              }), jsx(WarningListColumnContent, Object.assign({
+                title: `${t('warning-list-header-last-update')} UTC`,
+                status: status,
+                width: 142
+              }, {
+                children: warning.lastUpdatedTime && dateUtils.dateToString(dateUtils.utc(warning.lastUpdatedTime), dateUtils.DATE_FORMAT_NAME_OF_DAY_MONTH)
+              })), jsx(WarningListColumnContent, Object.assign({
+                title: `${t('warning-list-header-start-time')} UTC`,
+                status: status,
+                width: 142
+              }, {
+                children: warning.warningDetail.validFrom && dateUtils.dateToString(dateUtils.utc(warning.warningDetail.validFrom), dateUtils.DATE_FORMAT_NAME_OF_DAY_MONTH)
+              })), jsx(WarningListColumnContent, Object.assign({
+                title: `${t('warning-list-header-end-time')} UTC`,
+                status: status,
+                width: 142
+              }, {
+                children: warning.warningDetail.validUntil && dateUtils.dateToString(dateUtils.utc(warning.warningDetail.validUntil), dateUtils.DATE_FORMAT_NAME_OF_DAY_MONTH)
+              })), jsx(WarningListColumnContent, Object.assign({
+                title: t('warning-list-header-domain'),
+                status: status
+              }, {
+                children: warning.warningDetail.domain
+              })), jsxs(WarningListColumnContent, Object.assign({
+                title: t('warning-list-header-phenomenon'),
+                status: status,
+                width: 140,
+                sx: {
+                  position: 'relative'
+                }
+              }, {
+                children: [(phenomenonDetails === null || phenomenonDetails === void 0 ? void 0 : phenomenonDetails.title) || '-', jsx(Box, Object.assign({
+                  sx: {
+                    position: 'absolute',
+                    right: 0,
+                    bottom: -6
+                  }
+                }, {
+                  children: phenomenonDetails === null || phenomenonDetails === void 0 ? void 0 : phenomenonDetails.icon
+                }))]
+              })), jsx(WarningListColumnContent, Object.assign({
+                title: t('warning-list-header-level'),
+                status: status
+              }, {
+                children: jsx(Box, Object.assign({
+                  component: "span",
+                  sx: {
+                    color: levelDetails === null || levelDetails === void 0 ? void 0 : levelDetails.textColor,
+                    backgroundColor: levelDetails === null || levelDetails === void 0 ? void 0 : levelDetails.color,
+                    paddingLeft: 0.5,
+                    paddingRight: 0.5,
+                    paddingBottom: '1px',
+                    marginLeft: -0.5
+                  }
+                }, {
+                  children: ((_a = warning.warningDetail) === null || _a === void 0 ? void 0 : _a.level) && (levelDetails === null || levelDetails === void 0 ? void 0 : levelDetails.title) || '-'
+                }))
+              })), jsx(WarningListColumnContent, Object.assign({
+                title: t('warning-list-header-status'),
+                status: status,
+                width: 96
+              }, {
+                children: jsxs(Box, Object.assign({
+                  sx: {
+                    position: 'relative'
+                  }
+                }, {
+                  children: [getStatusIcon(warning), warning.editor && jsx(Box, Object.assign({
+                    sx: {
+                      width: '16px',
+                      position: 'absolute',
+                      top: '1px',
+                      right: '-12px'
+                    }
+                  }, {
+                    children: jsx(WarningAvatar, {
+                      editor: warning.editor
+                    })
+                  }))]
+                }))
+              }))]
+            }))
+          }))
+        }), warning.id);
+      })
+    }))]
+  }));
 };
 const PublicWarningList = ({
   warnings,
@@ -9169,7 +9252,7 @@ const PublicWarningList = ({
     t
   } = useWarningsTranslation();
   const sortedWarnings = warnings ? sortWarningsOnStatus(warnings) : null;
-  return /*#__PURE__*/React__default.createElement(Box, {
+  return jsxs(Box, Object.assign({
     sx: {
       padding: 3,
       height: '100%',
@@ -9178,115 +9261,127 @@ const PublicWarningList = ({
       containerType: 'inline-size'
     },
     "data-testid": "publicWarningList"
-  }, /*#__PURE__*/React__default.createElement(Grid, {
-    container: true,
-    justifyContent: "flex-end"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    variant: "primary",
-    onClick: _onCreateWarning,
-    sx: {
-      textTransform: 'initial',
-      marginBottom: '8px',
-      fontSize: '12px',
-      height: '32px'
-    }
-  }, t('warning-list-button_create'))), error && /*#__PURE__*/React__default.createElement(AlertBanner, {
-    title: error.message,
-    shouldClose: true
-  }), _isLoading ? ( /*#__PURE__*/React__default.createElement(LinearProgress, {
-    "data-testid": "loading-bar",
-    color: "secondary"
-  })) : ( /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      height: '4px'
-    }
-  })), !error && ( /*#__PURE__*/React__default.createElement(Grid, {
-    container: true,
-    rowSpacing: 0,
-    columnSpacing: 2,
-    alignItems: "center",
-    justifyContent: "space-between",
-    sx: {
-      maxWidth: '100%',
-      display: 'none',
-      [`@container publicWarningList (min-width: ${breakpoints.desktop}px)`]: {
-        display: 'flex'
+  }, {
+    children: [jsx(Grid, Object.assign({
+      container: true,
+      justifyContent: "flex-end"
+    }, {
+      children: jsx(Button, Object.assign({
+        variant: "primary",
+        onClick: _onCreateWarning,
+        sx: {
+          textTransform: 'initial',
+          marginBottom: '8px',
+          fontSize: '12px',
+          height: '32px'
+        }
+      }, {
+        children: t('warning-list-button_create')
+      }))
+    })), error && jsx(AlertBanner, {
+      title: error.message,
+      shouldClose: true
+    }), _isLoading ? jsx(LinearProgress, {
+      "data-testid": "loading-bar",
+      color: "secondary"
+    }) : jsx(Box, {
+      sx: {
+        height: '4px'
       }
-    }
-  }, /*#__PURE__*/React__default.createElement(WarningListHeaderContent, {
-    title: t('warning-list-header-incident'),
-    width: 142,
-    sx: {
-      marginLeft: 1
-    }
-  }), /*#__PURE__*/React__default.createElement(WarningListHeaderContent, {
-    title: `${t('warning-list-header-last-update')} UTC`,
-    width: 142
-  }), /*#__PURE__*/React__default.createElement(WarningListHeaderContent, {
-    title: `${t('warning-list-header-start-time')} UTC`,
-    width: 142
-  }), /*#__PURE__*/React__default.createElement(WarningListHeaderContent, {
-    title: `${t('warning-list-header-end-time')} UTC`,
-    width: 142
-  }), /*#__PURE__*/React__default.createElement(WarningListHeaderContent, {
-    title: t('warning-list-header-domain')
-  }), /*#__PURE__*/React__default.createElement(WarningListHeaderContent, {
-    title: t('warning-list-header-phenomenon'),
-    width: 140
-  }), /*#__PURE__*/React__default.createElement(WarningListHeaderContent, {
-    title: t('warning-list-header-level')
-  }), /*#__PURE__*/React__default.createElement(WarningListHeaderContent, {
-    title: t('warning-list-header-status'),
-    width: 96,
-    sx: {
-      marginRight: '48px'
-    }
-  }))), lastUpdatedTime && ( /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      marginBottom: -3.25,
-      button: {
-        marginRight: 0
+    }), !error && jsxs(Grid, Object.assign({
+      container: true,
+      rowSpacing: 0,
+      columnSpacing: 2,
+      alignItems: "center",
+      justifyContent: "space-between",
+      sx: {
+        maxWidth: '100%',
+        display: 'none',
+        [`@container publicWarningList (min-width: ${breakpoints.desktop}px)`]: {
+          display: 'flex'
+        }
       }
-    }
-  }, /*#__PURE__*/React__default.createElement(LastUpdateTime, {
-    onPressRefresh: _onRefetchWarnings,
-    lastUpdateTime: lastUpdatedTime
-  }))), sortedWarnings && !error && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningsOnStatus, {
-    status: "TODO",
-    warnings: sortedWarnings.todo,
-    onSelectWarning: _onSelectWarning2,
-    onEditWarning: _onEditWarning2,
-    onDeleteWarning: _onDeleteWarning2,
-    onDeleteReviewWarning: _onDeleteReviewWarning2,
-    activeWarningId: _selectedPublicWarningId
-  }), /*#__PURE__*/React__default.createElement(WarningsOnStatus, {
-    status: "DRAFT",
-    warnings: sortedWarnings.draft,
-    onSelectWarning: _onSelectWarning2,
-    onEditWarning: _onEditWarning2,
-    onDeleteWarning: _onDeleteWarning2,
-    onDeleteReviewWarning: _onDeleteReviewWarning2,
-    activeWarningId: _selectedPublicWarningId
-  }), /*#__PURE__*/React__default.createElement(WarningsOnStatus, {
-    status: "PUBLISHED",
-    warnings: sortedWarnings.published,
-    onSelectWarning: _onSelectWarning2,
-    onEditWarning: _onEditWarning2,
-    onDeleteWarning: _onDeleteWarning2,
-    onDeleteReviewWarning: _onDeleteReviewWarning2,
-    activeWarningId: _selectedPublicWarningId
-  }), /*#__PURE__*/React__default.createElement(WarningsOnStatus, {
-    status: "EXPIRED",
-    warnings: sortedWarnings.expired,
-    onSelectWarning: _onSelectWarning2,
-    onEditWarning: _onEditWarning2,
-    onDeleteWarning: _onDeleteWarning2,
-    onDeleteReviewWarning: _onDeleteReviewWarning2,
-    activeWarningId: _selectedPublicWarningId
-  }))));
-};
-
-var makeBuiltIn = makeBuiltIn$3.exports;
+    }, {
+      children: [jsx(WarningListHeaderContent, {
+        title: t('warning-list-header-incident'),
+        width: 142,
+        sx: {
+          marginLeft: 1
+        }
+      }), jsx(WarningListHeaderContent, {
+        title: `${t('warning-list-header-last-update')} UTC`,
+        width: 142
+      }), jsx(WarningListHeaderContent, {
+        title: `${t('warning-list-header-start-time')} UTC`,
+        width: 142
+      }), jsx(WarningListHeaderContent, {
+        title: `${t('warning-list-header-end-time')} UTC`,
+        width: 142
+      }), jsx(WarningListHeaderContent, {
+        title: t('warning-list-header-domain')
+      }), jsx(WarningListHeaderContent, {
+        title: t('warning-list-header-phenomenon'),
+        width: 140
+      }), jsx(WarningListHeaderContent, {
+        title: t('warning-list-header-level')
+      }), jsx(WarningListHeaderContent, {
+        title: t('warning-list-header-status'),
+        width: 96,
+        sx: {
+          marginRight: '48px'
+        }
+      })]
+    })), lastUpdatedTime && jsx(Box, Object.assign({
+      sx: {
+        marginBottom: -3.25,
+        button: {
+          marginRight: 0
+        }
+      }
+    }, {
+      children: jsx(LastUpdateTime, {
+        onPressRefresh: _onRefetchWarnings,
+        lastUpdateTime: lastUpdatedTime
+      })
+    })), sortedWarnings && !error && jsxs(Fragment, {
+      children: [jsx(WarningsOnStatus, {
+        status: "TODO",
+        warnings: sortedWarnings.todo,
+        onSelectWarning: _onSelectWarning2,
+        onEditWarning: _onEditWarning2,
+        onDeleteWarning: _onDeleteWarning2,
+        onDeleteReviewWarning: _onDeleteReviewWarning2,
+        activeWarningId: _selectedPublicWarningId
+      }), jsx(WarningsOnStatus, {
+        status: "DRAFT",
+        warnings: sortedWarnings.draft,
+        onSelectWarning: _onSelectWarning2,
+        onEditWarning: _onEditWarning2,
+        onDeleteWarning: _onDeleteWarning2,
+        onDeleteReviewWarning: _onDeleteReviewWarning2,
+        activeWarningId: _selectedPublicWarningId
+      }), jsx(WarningsOnStatus, {
+        status: "PUBLISHED",
+        warnings: sortedWarnings.published,
+        onSelectWarning: _onSelectWarning2,
+        onEditWarning: _onEditWarning2,
+        onDeleteWarning: _onDeleteWarning2,
+        onDeleteReviewWarning: _onDeleteReviewWarning2,
+        activeWarningId: _selectedPublicWarningId
+      }), jsx(WarningsOnStatus, {
+        status: "EXPIRED",
+        warnings: sortedWarnings.expired,
+        onSelectWarning: _onSelectWarning2,
+        onEditWarning: _onEditWarning2,
+        onDeleteWarning: _onDeleteWarning2,
+        onDeleteReviewWarning: _onDeleteReviewWarning2,
+        activeWarningId: _selectedPublicWarningId
+      })]
+    })]
+  }));
+};
+
+var makeBuiltIn = makeBuiltInExports;
 var defineProperty = objectDefineProperty;
 
 var defineBuiltInAccessor$1 = function (target, name, descriptor) {
@@ -9393,13 +9488,15 @@ const ConfirmDeleteWarningDialog = ({
   description,
   request,
   confirmLabel,
-  callback
+  callback,
+  isLocked
 }) => {
   const {
     t
   } = useWarningsTranslation();
+  const defaultError = isLocked ? t('warning-dialog-delete-islocked') : undefined;
   const [isLoading, setIsLoading] = React__default.useState(false);
-  const [error, setError] = React__default.useState(undefined);
+  const [error, setError] = React__default.useState(defaultError);
   const onSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
     setIsLoading(true);
     try {
@@ -9411,7 +9508,7 @@ const ConfirmDeleteWarningDialog = ({
       setIsLoading(false);
     }
   });
-  return /*#__PURE__*/React__default.createElement(ConfirmationDialog, Object.assign({
+  return jsx(ConfirmationDialog, Object.assign({
     title: title,
     open: true,
     confirmLabel: confirmLabel,
@@ -9424,18 +9521,23 @@ const ConfirmDeleteWarningDialog = ({
       width: 330
     }
   }, error && {
-    content: ( /*#__PURE__*/React__default.createElement(Box, {
+    content: jsxs(Box, Object.assign({
       sx: {
         marginBottom: 0
       }
-    }, /*#__PURE__*/React__default.createElement(AlertBanner, {
-      title: error
-    }), /*#__PURE__*/React__default.createElement(Typography, {
-      variant: "body1",
-      sx: {
-        marginTop: 1
-      }
-    }, description)))
+    }, {
+      children: [jsx(AlertBanner, {
+        title: error,
+        severity: isLocked ? 'warning' : 'error'
+      }), jsx(Typography, Object.assign({
+        variant: "body1",
+        sx: {
+          marginTop: 1
+        }
+      }, {
+        children: description
+      }))]
+    }))
   }));
 };
 
@@ -9445,6 +9547,9 @@ const PublicWarningListConnect = () => {
   } = useWarningsTranslation();
   const dispatch = useDispatch();
   const confirmDialog = useConfirmationDialog();
+  const {
+    auth
+  } = useAuthenticationContext();
   const [confirmDialogOptions, setConfirmDialogOptions] = React__default.useState(undefined);
   const warnings = useSelector(store => selectAllPublicWarnings(store));
   const selectedPublicWarningId = useSelector(store => getSelectedPublicWarningId(store));
@@ -9480,13 +9585,15 @@ const PublicWarningListConnect = () => {
     }));
   };
   const warningsApi = getWarningsApi();
-  const deleteWarning = warningId => {
+  const deleteWarning = (warningId, warningEditor) => {
+    const isLocked = warningEditor && warningEditor !== (auth === null || auth === void 0 ? void 0 : auth.username) || false;
     setConfirmDialogOptions({
       confirmLabel: t('warning-dialog-delete-confirm'),
       title: t('warning-dialog-delete-title'),
       description: t('warning-dialog-delete-description'),
       request: () => warningsApi.deleteWarning(warningId),
-      callback: () => onRemoveSuccess(warningId, t('warning-dialog-delete-succes'))
+      callback: () => onRemoveSuccess(warningId, t('warning-dialog-delete-succes')),
+      isLocked
     });
   };
   const deleteReviewWarning = warning => {
@@ -9521,26 +9628,29 @@ const PublicWarningListConnect = () => {
     // fetch warnings on mount
     fetchWarnings();
   }, [fetchWarnings]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PublicWarningList, {
-    warnings: warnings,
-    isLoading: isLoading,
-    error: error,
-    onSelectWarning: selectWarning,
-    onCreateWarning: createWarning,
-    onEditWarning: editWarning,
-    onDeleteWarning: deleteWarning,
-    onDeleteReviewWarning: deleteReviewWarning,
-    selectedPublicWarningId: selectedPublicWarningId,
-    lastUpdatedTime: lastUpdatedTime,
-    onRefetchWarnings: fetchWarnings
-  }), confirmDialogOptions && ( /*#__PURE__*/React__default.createElement(ConfirmDeleteWarningDialog, {
-    onClose: () => setConfirmDialogOptions(undefined),
-    title: confirmDialogOptions.title,
-    description: confirmDialogOptions.description,
-    request: confirmDialogOptions.request,
-    confirmLabel: confirmDialogOptions.confirmLabel,
-    callback: confirmDialogOptions.callback
-  })));
+  return jsxs(Fragment, {
+    children: [jsx(PublicWarningList, {
+      warnings: warnings,
+      isLoading: isLoading,
+      error: error,
+      onSelectWarning: selectWarning,
+      onCreateWarning: createWarning,
+      onEditWarning: editWarning,
+      onDeleteWarning: deleteWarning,
+      onDeleteReviewWarning: deleteReviewWarning,
+      selectedPublicWarningId: selectedPublicWarningId,
+      lastUpdatedTime: lastUpdatedTime,
+      onRefetchWarnings: fetchWarnings
+    }), confirmDialogOptions && jsx(ConfirmDeleteWarningDialog, {
+      onClose: () => setConfirmDialogOptions(undefined),
+      title: confirmDialogOptions.title,
+      description: confirmDialogOptions.description,
+      request: confirmDialogOptions.request,
+      confirmLabel: confirmDialogOptions.confirmLabel,
+      callback: confirmDialogOptions.callback,
+      isLocked: confirmDialogOptions.isLocked
+    })]
+  });
 };
 
 const warningListViewPreset = {
@@ -9554,7 +9664,7 @@ const PublicWarningApiWrapper = ({
   auth,
   onSetAuth
 }) => {
-  return config ? ( /*#__PURE__*/React.createElement(ApiProvider, {
+  return config ? jsx(ApiProvider, Object.assign({
     config: {
       baseURL: config.baseURL,
       appURL: config.baseURL,
@@ -9564,7 +9674,11 @@ const PublicWarningApiWrapper = ({
     auth: auth,
     onSetAuth: onSetAuth,
     createApi: createApi$1
-  }, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(PublicWarningListConnect, null)))) : null;
+  }, {
+    children: jsx(ErrorBoundary, {
+      children: jsx(PublicWarningListConnect, {})
+    })
+  })) : null;
 };
 const componentsLookUp = (payload, apiProps) => {
   const {
@@ -9573,11 +9687,11 @@ const componentsLookUp = (payload, apiProps) => {
   switch (componentType) {
     case warningListViewPreset.componentType:
       if (apiProps && apiProps.config) {
-        return /*#__PURE__*/React.createElement(PublicWarningApiWrapper, Object.assign({}, apiProps, {
+        return jsx(PublicWarningApiWrapper, Object.assign({}, apiProps, {
           "data-testid": "publicWarningModule"
         }));
       }
-      return /*#__PURE__*/React.createElement(PublicWarningListConnect, {
+      return jsx(PublicWarningListConnect, {
         "data-testid": "publicWarningList"
       });
     default:
@@ -9698,13 +9812,27 @@ publicWarningFormListener.startListening({
 });
 const saveOrUpdateWarning = publicWarning => __awaiter(void 0, void 0, void 0, function* () {
   const warningsApi = getWarningsApi();
-  if (publicWarning.warningDetail.id) {
-    yield warningsApi.updateWarning(publicWarning.warningDetail.id, publicWarning);
+  const {
+    warningDetail,
+    status
+  } = publicWarning;
+  if (warningDetail.id) {
+    yield warningsApi.updateWarning(warningDetail.id, publicWarning);
     return publicWarning;
   }
+  // In case of directly publishing an update of a published warning
+  if (status === 'PUBLISHED' && warningDetail.linked_to_id) {
+    const warning = Object.assign(Object.assign({}, publicWarning), {
+      warningDetail: Object.assign(Object.assign({}, warningDetail), {
+        id: warningDetail.linked_to_id
+      })
+    });
+    yield warningsApi.updateWarning(warningDetail.linked_to_id, warning);
+    return warning;
+  }
   const newWarningId = yield warningsApi.saveWarningAs(publicWarning);
   return Object.assign(Object.assign({}, publicWarning), {
-    warningDetail: Object.assign(Object.assign({}, publicWarning.warningDetail), {
+    warningDetail: Object.assign(Object.assign({}, warningDetail), {
       id: newWarningId
     })
   });