@opengeoweb/warnings 13.2.1 → 14.0.0

package/index.esm.js

@@ -7,7 +7,7 @@ import { SHARED_NAMESPACE, useConfirmationDialog, dateUtils, ToggleMenu, calcula
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, current, combineReducers, configureStore } from '@reduxjs/toolkit';
 import { defaultBbox } from '@opengeoweb/core';
 import { FORM_FIELDS_NAMESPACE, useDraftFormHelpers, ReactHookFormSelect, ReactHookFormHiddenInput, isValidGeoJsonCoordinates, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions, errorMessages, isEmpty, ReactHookFormDateTime, isXHoursAfter, isXHoursBefore } from '@opengeoweb/form-fields';
-import { SA_NAMESPACE, isInstanceOfCancelSigmet, getDefaultValidFromValue, isInstanceOfCancelAirmet, getDefaultValidUntilValue, useShortTestHelpers, ProductAction, SigmetForm, AirmetForm, getConfirmationDialogCancelLabel, getConfirmationDialogButtonLabel, getConfirmationDialogContent, getConfirmationDialogTitle, isVAPhenomenon, CancelSigmetVolcanicMovements, createAirmetPostParameter, createSigmetPostParameter, prepareCancelSigmet, getProductFormMode } from '@opengeoweb/sigmet-airmet';
+import { SA_NAMESPACE, isInstanceOfCancelSigmet, getDefaultValidFromValue, isInstanceOfCancelAirmet, getDefaultValidUntilValue, findSequenceNumber, getSequenceStyling, useShortTestHelpers, ProductAction, SigmetForm, AirmetForm, getConfirmationDialogCancelLabel, getConfirmationDialogButtonLabel, getConfirmationDialogContent, getConfirmationDialogTitle, isVAPhenomenon, CancelSigmetVolcanicMovements, createAirmetPostParameter, createSigmetPostParameter, prepareCancelSigmet, getProductFormMode } from '@opengeoweb/sigmet-airmet';
 import { LayerType, generateMapId } from '@opengeoweb/webmap';
 import { t } from 'i18next';
 import { useTranslation } from 'react-i18next';
@@ -74,6 +74,7 @@ var en = {
 	"warning-button-publishing": "Publishing",
 	"warning-area": "Area",
 	"warning-button-add-object": "Add Areas & Objects",
+	"warning-button-replace-object": "Replace Areas & Objects",
 	"warning-description-original": "Description original",
 	"warning-description-translation": "Description translation",
 	"warning-unspecified": "(not specified)",
@@ -137,9 +138,11 @@ var en = {
 	"warning-list-header-levels": "Levels",
 	"warning-list-header-status": "Status",
 	"warning-list-header-draft": "DRAFT",
-	"area-object-loader-title": "Add Areas & Objects",
+	"area-object-loader-title": "Areas & Objects",
 	"add-button": "Add",
+	"replace-button": "Replace",
 	"remove-button": "Remove",
+	"disabled-button-tooltip": "Removing an area/object is only allowed for draft warnings",
 	"area-object-loader-no-areas-objects": "No areas or objects found",
 	objects: "Objects",
 	areas: "Areas",
@@ -209,6 +212,9 @@ var en = {
 	"publish-this-product": "Are you sure you want to publish this {{product}}?",
 	"yes-cancel": "Yes, cancel {{product}}",
 	"cancel-this-product": "Are you sure you want to cancel this {{product}}?",
+	"cancel-message": "Cancel message",
+	"will-cancel-message": "Will cancel warning",
+	"tac-label": "TAC:",
 	"aviation-cancel-success": "{{warningType}} has succesfully been cancelled!",
 	"aviation-discard-success": "{{warningType}} has been discarded!",
 	"error-auth-login": "This feature is protected by authentication. Please log in to proceed",
@@ -247,12 +253,11 @@ var en = {
 	"maritime-change-BACKING": "Backing",
 	"maritime-change-VEERING": "Veering",
 	"maritime-delete-button": "Delete",
-	"maritime-retract-warning": "Retract warning",
-	"maritime-no-change-of-direction": "(no change of direction)",
-	"maritime-retract-dialog-no-change": "(no change in direction)",
-	"maritime-retract-dialog-description-suffix": "will be removed",
-	"maritime-retract-dialog-empty-warning-description": "The warning will be retracted",
-	"maritime-retract-dialog-confirm": "Retract",
+	"maritime-delete-warning": "Delete warning",
+	"maritime-delete-dialog-no-change": "(no change in direction)",
+	"maritime-delete-dialog-description-suffix": "will be removed",
+	"maritime-delete-dialog-empty-warning-description": "The warning will be deleted",
+	"maritime-delete-dialog-confirm": "Delete",
 	"maritime-clear-dialog-title": "Clear all",
 	"maritime-clear-dialog-description": "All warnings will be removed from the list",
 	"maritime-warning-title-coastal": "Warning Maritime - Coastal Waters",
@@ -316,6 +321,7 @@ var nl = {
 	"warning-button-publishing": "Publiceren",
 	"warning-area": "Gebied",
 	"warning-button-add-object": "Gebieden & Objecten toevoegen",
+	"warning-button-replace-object": "Vervang Gebieden & Objecten",
 	"warning-description-original": "Beschrijving origineel",
 	"warning-description-translation": "Beschrijving vertaling",
 	"warning-level": "Niveau",
@@ -376,9 +382,11 @@ var nl = {
 	"warning-list-header-levels": "Niveaus",
 	"warning-list-header-status": "Status",
 	"warning-list-header-draft": "CONCEPT",
-	"area-object-loader-title": "Gebieden & Objecten toevoegen",
+	"area-object-loader-title": "Gebieden & Objecten",
 	"add-button": "Toevoegen",
+	"replace-button": "Vervangen",
 	"remove-button": "Verwijderen",
+	"disabled-button-tooltip": "Het verwijderen van een gebied/object is alleen toegestaan voor CONCEPT waarschuwingen",
 	"area-object-loader-no-areas-objects": "Geen gebieden of objecten gevonden",
 	objects: "Objecten",
 	areas: "Gebieden",
@@ -450,11 +458,11 @@ var nl = {
 	"maritime-direction-NW": "Noordwest",
 	"maritime-direction-NNW": "Noord tot noordwest",
 	"maritime-delete-button": "Verwijderen",
-	"maritime-retract-warning": "Waarschuwing intrekken",
-	"maritime-retract-dialog-no-change": "(geen wijziging in richting)",
-	"maritime-retract-dialog-empty-warning-description": "De waarschuwing wordt verwijderd",
-	"maritime-retract-dialog-description-suffix": "wordt verwijderd",
-	"maritime-retract-dialog-confirm": "Intrekken",
+	"maritime-delete-warning": "Waarschuwing verwijderen",
+	"maritime-delete-dialog-no-change": "(geen wijziging in richting)",
+	"maritime-delete-dialog-empty-warning-description": "De waarschuwing wordt verwijderd",
+	"maritime-delete-dialog-description-suffix": "wordt verwijderd",
+	"maritime-delete-dialog-confirm": "Verwijderen",
 	"maritime-clear-dialog-title": "Wissen",
 	"maritime-clear-dialog-description": "Alle waarschuwingen worden verwijderd",
 	"maritime-warning-title-coastal": "Maritieme Waarschuwing - Kustgebieden",
@@ -514,6 +522,7 @@ var fi = {
 	"warning-button-publishing": "Julkaisu",
 	"warning-area": "Alue",
 	"warning-button-add-object": "Lisää objekti",
+	"warning-button-replace-object": "ei käännetty",
 	"warning-description-original": "Alkuperäinen kuvaus",
 	"warning-description-translation": "Kuvauksen käännös",
 	"warning-level": "Taso",
@@ -576,7 +585,9 @@ var fi = {
 	"warning-list-header-draft": "LUONNOS",
 	"area-object-loader-title": "ei käännetty",
 	"add-button": "ei käännetty",
+	"replace-button": "ei käännetty",
 	"remove-button": "Poista",
+	"disabled-button-tooltip": "Alueen tai objektin poistaminen on sallittua vain luonnosvaroituksille",
 	"area-object-loader-no-areas-objects": "ei käännetty",
 	objects: "ei käännetty",
 	areas: "ei käännetty",
@@ -668,6 +679,7 @@ var no = {
 	"warning-button-publishing": "Publiserer",
 	"warning-area": "Område",
 	"warning-button-add-object": "Legg til objekt",
+	"warning-button-replace-object": "Legg til objekt",
 	"warning-description-original": "Original beskrivelse",
 	"warning-description-translation": "Oversatt beskrivelse",
 	"warning-level": "Grad",
@@ -728,9 +740,11 @@ var no = {
 	"warning-list-header-levels": "Grad",
 	"warning-list-header-status": "Status",
 	"warning-list-header-draft": "UTKAST",
-	"area-object-loader-title": "Legg til områder og objekter",
+	"area-object-loader-title": "Områder og objekter",
 	"add-button": "Legg til",
+	"replace-button": "Bytt ut",
 	"remove-button": "Fjerne",
+	"disabled-button-tooltip": "Fjerning av et område/objekt er kun tillatt for kladdvarsler",
 	"area-object-loader-no-areas-objects": "Ingen områder eller objekter funnet",
 	objects: "Objekter",
 	areas: "Områder",
@@ -1112,11 +1126,7 @@ var slice$2 = createSlice({
       }
     },
     // action caught in drawings/listener
-    submitDrawValues: function submitDrawValues(
-    // eslint-disable-next-line no-unused-vars
-    draft,
-    // eslint-disable-next-line no-unused-vars
-    action) {},
+    submitDrawValues: function submitDrawValues(draft, action) {},
     setFormDirty: function setFormDirty(draft, action) {
       var _action$payload = action.payload,
         drawingInstanceId = _action$payload.drawingInstanceId,
@@ -2448,7 +2458,6 @@ var domainPhenomena = {
 };
 var defaultPhenomenonFilter = makeFilterFromList(Object.keys(AllPhenomenaKeys));
 var initialFilters = {
-  incident: defaultEmptyFilter,
   source: defaultEmptyFilter,
   domain: defaultDomainFilter,
   phenomenon: defaultPhenomenonFilter,
@@ -3206,15 +3215,12 @@ var useDrawings = function useDrawings(params, enabled) {
   }
   return useAuthQuery(['drawings', JSON.stringify(params)], function (auth) {
     return getDrawings(auth, params);
-  }, enabled);
+  }, !enabled);
 };
-var useDrawingDetails = function useDrawingDetails(drawingId, enabled) {
-  if (enabled === void 0) {
-    enabled = true;
-  }
+var useDrawingDetails = function useDrawingDetails(drawingId) {
   return useAuthQuery(['drawing-details', JSON.stringify(drawingId)], function (auth) {
     return getDrawingDetails(auth, drawingId);
-  }, enabled);
+  }, !drawingId);
 };
 var useAreaKeywords = function useAreaKeywords(enabled) {
   if (enabled === void 0) {
@@ -3469,9 +3475,9 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
   var _useState = useState(),
     selectedDrawingId = _useState[0],
     setSelectedDrawingId = _useState[1];
-  var _useDrawingDetails = useDrawingDetails(selectedDrawingId, !selectedDrawingId),
+  var _useDrawingDetails = useDrawingDetails(selectedDrawingId),
     drawingDetails = _useDrawingDetails.data,
-    isLoadingDetails = _useDrawingDetails.isLoading,
+    isFetchingDetails = _useDrawingDetails.isFetching,
     drawingError = _useDrawingDetails.error;
   var dispatch = useDispatch();
   var mapId = useSelector(function (store) {
@@ -3494,7 +3500,8 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
   var _useDrawings = useDrawings({}, isDialogOpen),
     _useDrawings$data = _useDrawings.data,
     drawings = _useDrawings$data === void 0 ? [] : _useDrawings$data,
-    error = _useDrawings.error;
+    error = _useDrawings.error,
+    isFetchingList = _useDrawings.isFetching;
   useEffect(function () {
     if (error || !isLoggedIn) {
       var _error$message;
@@ -3655,7 +3662,7 @@ var ObjectManagerConnect = function ObjectManagerConnect(_ref) {
       onCreateNewObject: onCreateNewObject,
       activeDrawingId: activeDrawingId,
       error: uiError,
-      isLoading: isLoadingDetails
+      isLoading: isFetchingDetails || isFetchingList
     }), confirmDialogOptions && jsx(ConfirmDeleteDialog, Object.assign({}, confirmDialogOptions, {
       onDeleteSucces: onDeleteSuccess,
       onClose: function onClose() {
@@ -4585,6 +4592,77 @@ var getSigmetTAC = function getSigmetTAC(auth, product) {
     };
   }());
 };
+// For cancel TAC (not normal TAC)
+var getAirmetCancelTAC = function getAirmetCancelTAC(auth, product) {
+  return fetch(airmetBaseUrl + "/airmet2cancel2tac", {
+    body: JSON.stringify(product),
+    method: 'POST',
+    headers: getHeaders(auth)
+  }).then(/*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(result) {
+      var textData;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!(result.status === 200)) {
+              _context3.next = 5;
+              break;
+            }
+            _context3.next = 3;
+            return result.text();
+          case 3:
+            textData = _context3.sent;
+            return _context3.abrupt("return", {
+              data: textData
+            });
+          case 5:
+            throw new Error("Failed to fetch Cancel TAC data: " + result.statusText);
+          case 6:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }());
+};
+var getSigmetCancelTAC = function getSigmetCancelTAC(auth, product) {
+  return fetch(sigmetBaseUrl + "/sigmet2cancel2tac", {
+    body: JSON.stringify(product),
+    method: 'POST',
+    headers: getHeaders(auth)
+  }).then(/*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(result) {
+      var textData;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!(result.status === 200)) {
+              _context4.next = 5;
+              break;
+            }
+            _context4.next = 3;
+            return result.text();
+          case 3:
+            textData = _context4.sent;
+            return _context4.abrupt("return", {
+              data: textData
+            });
+          case 5:
+            throw new Error("Failed to fetch Cancel TAC data: " + result.statusText);
+          case 6:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function (_x4) {
+      return _ref4.apply(this, arguments);
+    };
+  }());
+};
 var postSigmet = function postSigmet(auth, data) {
   return fetch(sigmetBaseUrl + "/sigmet", {
     headers: getHeaders(auth),
@@ -4661,9 +4739,29 @@ var useTACApi = function useTACApi() {
       staleTime: 1000 * 15
     });
   };
+  var fetchSigmetCancelTAC = function fetchSigmetCancelTAC(product) {
+    return queryClient.fetchQuery({
+      queryKey: ['sigmet-cancel-tac', product],
+      queryFn: function queryFn() {
+        return getSigmetCancelTAC(auth, product);
+      },
+      staleTime: 1000 * 15
+    });
+  };
+  var fetchAirmetCancelTAC = function fetchAirmetCancelTAC(product) {
+    return queryClient.fetchQuery({
+      queryKey: ['airmet-cancel-tac', product],
+      queryFn: function queryFn() {
+        return getAirmetCancelTAC(auth, product);
+      },
+      staleTime: 1000 * 15
+    });
+  };
   return {
     fetchSigmetTAC: fetchSigmetTAC,
-    fetchAirmetTAC: fetchAirmetTAC
+    fetchAirmetTAC: fetchAirmetTAC,
+    fetchSigmetCancelTAC: fetchSigmetCancelTAC,
+    fetchAirmetCancelTAC: fetchAirmetCancelTAC
   };
 };
 /**
@@ -5194,6 +5292,8 @@ var AreaField = function AreaField(_ref) {
   var geoJSON = getValues('areas[0].geoJSON');
   var objectName = getObjectName(geoJSON, getValues('areas[0].objectName'), t);
   var hasErrors = (errors == null ? void 0 : errors.areas) !== undefined;
+  var hasExistingGeoJSON = geoJSON !== undefined && geoJSON !== null;
+  var areaButtonTitle = t(!hasExistingGeoJSON ? 'warning-button-add-object' : 'warning-button-replace-object');
   return jsxs(Fragment, {
     children: [jsx(Typography, Object.assign({
       variant: "h3",
@@ -5283,7 +5383,7 @@ var AreaField = function AreaField(_ref) {
       size: "small",
       onClick: onAddObject,
       disabled: isDisabled,
-      children: t('warning-button-add-object')
+      children: areaButtonTitle
     })]
   });
 };
@@ -5596,6 +5696,7 @@ var ProbabilityField = function ProbabilityField(_ref) {
 };
 
 var VALID_FROM_MAX_HOURS_AFTER_CURRENT = 192;
+var VALID_UNTIL_DEFAULT_OFFSET = 6;
 var _isValueBeforeCurrentTime$1 = function isValueBeforeCurrentTime(value, t) {
   return isXHoursBefore(value, dateUtils.getCurrentTimeAsString(), 0) || t('warning-valid-from-error-before-current');
 };
@@ -5605,6 +5706,16 @@ var _isMaxHoursAfterCurrentTime$1 = function isMaxHoursAfterCurrentTime(value, t
     MAX_HOURS: VALID_FROM_MAX_HOURS_AFTER_CURRENT
   });
 };
+var offsetTimeValidUntilField = function offsetTimeValidUntilField(validFrom, validUntil) {
+  var validUntilValue = dateUtils.getUtcFromString(validUntil);
+  var valueFrom = dateUtils.getUtcFromString(validFrom);
+  if (valueFrom && validUntilValue && dateUtils.isAfter(valueFrom, validUntilValue)) {
+    return dateUtils.add(valueFrom, {
+      hours: VALID_UNTIL_DEFAULT_OFFSET
+    }).toISOString();
+  }
+  return null;
+};
 var ValidFrom = function ValidFrom(_ref) {
   var isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly;
@@ -5613,8 +5724,22 @@ var ValidFrom = function ValidFrom(_ref) {
   var _useDraftFormHelpers = useDraftFormHelpers(),
     isRequired = _useDraftFormHelpers.isRequired;
   var _useFormContext = useFormContext(),
-    trigger = _useFormContext.trigger;
-  var onChangeValidFrom = function onChangeValidFrom() {
+    trigger = _useFormContext.trigger,
+    getValues = _useFormContext.getValues,
+    setValue = _useFormContext.setValue;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var onChangeValidFrom = function onChangeValidFrom(value) {
+    if (!value) {
+      return;
+    }
+    var newValidUntilOffset = offsetTimeValidUntilField(value, getValues('validUntil'));
+    if (newValidUntilOffset) {
+      setValue('validUntil', newValidUntilOffset, {
+        shouldValidate: true,
+        shouldDirty: true
+      });
+    }
+    // If the new value is after the current valid until, trigger validation
     void trigger(['validFrom', 'validUntil']);
   };
   return jsx(ReactHookFormDateTime, {
@@ -6335,7 +6460,7 @@ var WarningListItem$1 = /*#__PURE__*/React__default.memo(function (_ref) {
         return onRemove(warning.id);
       },
       "aria-label": t('maritime-delete-button'),
-      tooltipTitle: t('maritime-retract-warning'),
+      tooltipTitle: t('maritime-delete-warning'),
       children: jsx(Delete, {})
     })]
   });
@@ -6654,7 +6779,7 @@ function useMaritimeWarningsFormState() {
   return React__default.useReducer(reducer, initialState);
 }
 
-function useConfirmRetractDialog(_ref) {
+function useConfirmDeleteDialog(_ref) {
   var areas = _ref.areas,
     warnings = _ref.warnings,
     maritimeConfig = _ref.maritimeConfig,
@@ -6682,7 +6807,7 @@ function useConfirmRetractDialog(_ref) {
   }, [t]);
   var getWarningDescription = React__default.useCallback(function (warning) {
     if (!isPublishedWarning(warning)) {
-      return t('maritime-retract-dialog-empty-warning-description');
+      return t('maritime-delete-dialog-empty-warning-description');
     }
     var windDirectionFromLabel = getLabelFromWindDirectionConfig(maritimeConfig.windDirectionDefinition, warning.windDirectionFrom);
     var areasById = new Map(areas.map(function (area) {
@@ -6691,11 +6816,11 @@ function useConfirmRetractDialog(_ref) {
     var areaLabels = warning.assignedAreaIds.map(function (areaId) {
       return areasById.get(areaId).districtName;
     });
-    var changeToLabel = warning.changeType === 'NO_CHANGE' ? t('maritime-retract-dialog-no-change') : getLabelFromChangeConfig(maritimeConfig.changeType, warning.changeType) + " " + getLabelFromWindDirectionConfig(maritimeConfig.windDirectionDefinition, warning.windDirectionTo);
+    var changeToLabel = warning.changeType === 'NO_CHANGE' ? t('maritime-delete-dialog-no-change') : getLabelFromChangeConfig(maritimeConfig.changeType, warning.changeType) + " " + getLabelFromWindDirectionConfig(maritimeConfig.windDirectionDefinition, warning.windDirectionTo);
     var warningDescription = [windDirectionFromLabel + " " + t('maritime-windforce', {
       value: warning.windForce
     })].concat(areaLabels, [changeToLabel]).join(', ');
-    return warningDescription + ". " + t('maritime-retract-dialog-description-suffix');
+    return warningDescription + ". " + t('maritime-delete-dialog-description-suffix');
   }, [getLabelFromWindDirectionConfig, maritimeConfig.windDirectionDefinition, maritimeConfig.changeType, areas, t, getLabelFromChangeConfig]);
   return {
     onRemoveWarningWithConfirmation: React__default.useCallback(/*#__PURE__*/function () {
@@ -6709,9 +6834,9 @@ function useConfirmRetractDialog(_ref) {
               });
               _context.next = 3;
               return confirmDialog({
-                title: t('maritime-retract-warning'),
+                title: t('maritime-delete-warning'),
                 description: '',
-                confirmLabel: t('maritime-retract-dialog-confirm'),
+                confirmLabel: t('maritime-delete-dialog-confirm'),
                 cancelLabel: t('close-dialog-cancel'),
                 content: getWarningDescription(warning)
               });
@@ -6932,13 +7057,13 @@ var MaritimeWarningsForm = function MaritimeWarningsForm(_ref) {
   var disabledAreaIds = warnings.flatMap(function (warning) {
     return warning.assignedAreaIds;
   });
-  var _useConfirmRetractDia = useConfirmRetractDialog({
+  var _useConfirmDeleteDial = useConfirmDeleteDialog({
       areas: areas,
       warnings: warnings,
       maritimeConfig: maritimeConfig,
       onRemoveWarning: onRemoveWarning
     }),
-    onRemoveWarningWithConfirmation = _useConfirmRetractDia.onRemoveWarningWithConfirmation;
+    onRemoveWarningWithConfirmation = _useConfirmDeleteDial.onRemoveWarningWithConfirmation;
   var onClearWithConfirmation = React__default.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -7489,6 +7614,173 @@ var MaritimeWarningsFormConnect = function MaritimeWarningsFormConnect(_ref) {
   });
 };
 
+var CancelAviationDialogContent = function CancelAviationDialogContent(_ref) {
+  var product = _ref.product,
+    warningType = _ref.warningType;
+  var _useTACApi = useTACApi(),
+    fetchSigmetCancelTAC = _useTACApi.fetchSigmetCancelTAC,
+    fetchAirmetCancelTAC = _useTACApi.fetchAirmetCancelTAC,
+    fetchSigmetTAC = _useTACApi.fetchSigmetTAC,
+    fetchAirmetTAC = _useTACApi.fetchAirmetTAC;
+  var _React$useState = React__default.useState(null),
+    cancelTAC = _React$useState[0],
+    setCancelTAC = _React$useState[1];
+  var _React$useState2 = React__default.useState(null),
+    currentTAC = _React$useState2[0],
+    setCurrentTAC = _React$useState2[1];
+  var _useWarningsTranslati = useWarningsTranslation(),
+    t = _useWarningsTranslati.t;
+  React__default.useEffect(function () {
+    var fetchData = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var cancelResult, currentResult;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              if (!(warningType === 'sigmet')) {
+                _context.next = 7;
+                break;
+              }
+              _context.next = 4;
+              return fetchSigmetCancelTAC(product);
+            case 4:
+              _context.t0 = _context.sent;
+              _context.next = 10;
+              break;
+            case 7:
+              _context.next = 9;
+              return fetchAirmetCancelTAC(product);
+            case 9:
+              _context.t0 = _context.sent;
+            case 10:
+              cancelResult = _context.t0;
+              setCancelTAC(cancelResult.data);
+              if (!(warningType === 'sigmet')) {
+                _context.next = 18;
+                break;
+              }
+              _context.next = 15;
+              return fetchSigmetTAC(product);
+            case 15:
+              _context.t1 = _context.sent;
+              _context.next = 21;
+              break;
+            case 18:
+              _context.next = 20;
+              return fetchAirmetTAC(product);
+            case 20:
+              _context.t1 = _context.sent;
+            case 21:
+              currentResult = _context.t1;
+              setCurrentTAC(currentResult.data);
+              _context.next = 27;
+              break;
+            case 25:
+              _context.prev = 25;
+              _context.t2 = _context["catch"](0);
+            case 27:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 25]]);
+      }));
+      return function fetchData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    void fetchData();
+  }, [fetchAirmetCancelTAC, fetchAirmetTAC, fetchSigmetCancelTAC, fetchSigmetTAC, product, warningType]);
+  var tacBlockStyle = {
+    whiteSpace: 'pre-wrap',
+    wordBreak: 'break-word',
+    overflowX: 'auto',
+    overflowY: 'auto',
+    maxWidth: '100%',
+    fontFamily: 'monospace',
+    fontSize: '0.9rem',
+    minHeight: 120,
+    maxHeight: 140
+  };
+  var renderTacWithSequence = function renderTacWithSequence(tac, noTacKey, product) {
+    if (!tac) {
+      return jsx(Box, {
+        component: "pre",
+        sx: tacBlockStyle,
+        children: t(noTacKey)
+      });
+    }
+    var noTac = t(noTacKey);
+    var hasTac = tac.split('\n').length > 0 && tac !== noTac;
+    var sequenceNumberInTac = findSequenceNumber(tac, noTac);
+    var sequenceStyle = getSequenceStyling(product, hasTac);
+    var words = tac.split(' ');
+    return jsxs(Box, {
+      component: "pre",
+      sx: tacBlockStyle,
+      children: [jsx(Box, {
+        component: "span",
+        sx: {
+          fontWeight: 'bold',
+          fontSize: 12,
+          mr: 1.5
+        },
+        children: t('tac-label')
+      }), words.map(function (word, i) {
+        return jsx(Box
+        // eslint-disable-next-line react/no-array-index-key
+        , {
+          component: "span",
+          sx: hasTac && word === sequenceNumberInTac ? sequenceStyle : {},
+          children: word + (i < words.length - 1 ? ' ' : '')
+        }, word + "-" + i);
+      })]
+    });
+  };
+  return jsxs(Box, {
+    sx: {
+      width: '500px',
+      maxWidth: '600px'
+    },
+    children: [jsx(Typography, {
+      variant: "subtitle2",
+      marginTop: "15px",
+      children: jsx("strong", {
+        children: t('cancel-message')
+      })
+    }), jsx("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'flex-start'
+      },
+      children: renderTacWithSequence(cancelTAC, 'tac-missing-data')
+    }), jsx(Typography, {
+      variant: "subtitle2",
+      children: jsx("strong", {
+        children: t('will-cancel-message')
+      })
+    }), jsx("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'flex-start'
+      },
+      children: jsxs(Box, {
+        component: "pre",
+        sx: tacBlockStyle,
+        children: [jsx(Box, {
+          component: "span",
+          sx: {
+            fontWeight: 'bold',
+            fontSize: 12,
+            mr: 1.5
+          },
+          children: t('tac-label')
+        }), currentTAC != null ? currentTAC : t('tac-missing-data')]
+      })
+    })]
+  });
+};
+
 var _excluded$3 = ["IS_DRAFT", "object", "translation-select"];
 var useScrollTopOnError = function useScrollTopOnError(error) {
   var ref = React.useRef(null);
@@ -7760,12 +8052,12 @@ var Form = function Form(_ref5) {
   var _useTACApi = useTACApi(),
     fetchSigmetTAC = _useTACApi.fetchSigmetTAC,
     fetchAirmetTAC = _useTACApi.fetchAirmetTAC;
-  var _useShortTestHelpers = useShortTestHelpers(),
-    isShortTest = _useShortTestHelpers.isShortTest;
   var confirmationDialog = useConfirmationDialog();
   var formMethods = useForm({
     defaultValues: {}
   });
+  var _useShortTestHelpers = useShortTestHelpers(),
+    isShortTest = _useShortTestHelpers.isShortTest;
   var endOfWarningValidity = publicWarningDetails == null ? void 0 : publicWarningDetails.validUntil;
   React.useEffect(function () {
     if (!endOfWarningValidity || formState !== 'amending') {
@@ -7872,7 +8164,12 @@ var Form = function Form(_ref5) {
       confirmLabel: getConfirmationDialogButtonLabel(t, action, warningType || 'airmet'),
       cancelLabel: getConfirmationDialogCancelLabel(t, action),
       catchOnCancel: action === ProductAction.CLOSE,
-      content: isVAPhenomenon(selectedAviationProduct, action) && !isShortTest() ? jsx(FormProvider, Object.assign({}, formMethods, {
+      content:
+      // eslint-disable-next-line no-nested-ternary
+      action === ProductAction.CANCEL ? jsx(CancelAviationDialogContent, {
+        product: selectedAviationProduct,
+        warningType: warningType
+      }) : isVAPhenomenon(selectedAviationProduct, action) && !isShortTest() ? jsx(FormProvider, Object.assign({}, formMethods, {
         children: jsx(CancelSigmetVolcanicMovements, {
           sigmet: selectedAviationProduct,
           productConfig: aviationConfig
@@ -8798,6 +9095,12 @@ var getListInclHeaders = function getListInclHeaders(items, translateFn) {
     }
   };
 };
+var getLabel = function getLabel(selectedAreas, isAreaSelected) {
+  if (isAreaSelected) {
+    return 'remove-button';
+  }
+  return selectedAreas.length === 0 ? 'add-button' : 'replace-button';
+};
 var getDisplayDate = function getDisplayDate(date) {
   return dateUtils.dateToString(dateUtils.utc(date), dateUtils.DATE_FORMAT_NAME_OF_DAY) + " UTC";
 };
@@ -8807,26 +9110,41 @@ var ListItemAction = function ListItemAction(_ref2) {
     onAddArea = _ref2.onAddArea,
     onRemoveArea = _ref2.onRemoveArea,
     isDisabled = _ref2.isDisabled,
-    t = _ref2.t;
+    t = _ref2.t,
+    _ref2$shouldDisableRe = _ref2.shouldDisableRemoveWarning,
+    shouldDisableRemoveWarning = _ref2$shouldDisableRe === void 0 ? false : _ref2$shouldDisableRe;
   var isAreaSelected = !!selectedAreas.find(function (area) {
     return area.objectName === listItem.objectName;
   });
-  var label = t(!isAreaSelected ? 'add-button' : 'remove-button');
+  var label = t(getLabel(selectedAreas, isAreaSelected));
   var onClick = function onClick() {
     isAreaSelected ? onRemoveArea(listItem) : onAddArea(listItem);
   };
-  return jsx(CustomToggleButton, {
-    sx: {
-      fontSize: '12px',
-      height: '22px!important',
-      minWidth: '60px'
-    },
-    variant: "tool",
-    onClick: onClick,
-    selected: isAreaSelected,
-    disabled: isDisabled,
-    children: label
-  });
+  var shouldDisableRemove = shouldDisableRemoveWarning && isAreaSelected;
+  var render = function render() {
+    return jsx(CustomToggleButton, {
+      sx: {
+        fontSize: '12px',
+        height: '22px!important',
+        minWidth: '60px'
+      },
+      variant: "tool",
+      onClick: onClick,
+      selected: isAreaSelected,
+      disabled: isDisabled || shouldDisableRemove,
+      children: label
+    });
+  };
+  if (shouldDisableRemove) {
+    return jsx(CustomTooltip, {
+      title: t('disabled-button-tooltip'),
+      placement: "top",
+      children: jsx("span", {
+        children: render()
+      })
+    });
+  }
+  return render();
 };
 var ContainerDiv = styled('div')(function () {
   return {
@@ -8864,7 +9182,9 @@ var AreasObjects = function AreasObjects(_ref3) {
     _ref3$selectedAreas = _ref3.selectedAreas,
     selectedAreas = _ref3$selectedAreas === void 0 ? [] : _ref3$selectedAreas,
     _ref3$isChangeAreaDis = _ref3.isChangeAreaDisabled,
-    isChangeAreaDisabled = _ref3$isChangeAreaDis === void 0 ? true : _ref3$isChangeAreaDis;
+    isChangeAreaDisabled = _ref3$isChangeAreaDis === void 0 ? true : _ref3$isChangeAreaDis,
+    _ref3$shouldDisableRe = _ref3.shouldDisableRemoveWarning,
+    shouldDisableRemoveWarning = _ref3$shouldDisableRe === void 0 ? false : _ref3$shouldDisableRe;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var listRef = React__default.useRef(null);
@@ -8951,7 +9271,8 @@ var AreasObjects = function AreasObjects(_ref3) {
                     onAddArea: onAddArea,
                     onRemoveArea: onRemoveArea,
                     t: t,
-                    isDisabled: isChangeAreaDisabled
+                    isDisabled: isChangeAreaDisabled,
+                    shouldDisableRemoveWarning: shouldDisableRemoveWarning
                   }),
                   children: jsx(Paper, {
                     elevation: 0,
@@ -9069,7 +9390,9 @@ var AreaObjectLoader = function AreaObjectLoader(_ref) {
     _ref$onRetryRequest = _ref.onRetryRequest,
     onRetryRequest = _ref$onRetryRequest === void 0 ? function () {} : _ref$onRetryRequest,
     _ref$isChangeAreaDisa = _ref.isChangeAreaDisabled,
-    isChangeAreaDisabled = _ref$isChangeAreaDisa === void 0 ? true : _ref$isChangeAreaDisa;
+    isChangeAreaDisabled = _ref$isChangeAreaDisa === void 0 ? true : _ref$isChangeAreaDisa,
+    _ref$shouldDisableRem = _ref.shouldDisableRemoveWarning,
+    shouldDisableRemoveWarning = _ref$shouldDisableRem === void 0 ? false : _ref$shouldDisableRem;
   var _useWarningsTranslati = useWarningsTranslation(),
     t = _useWarningsTranslati.t;
   var minSize = DEFAULT_LOADER_MIN_SIZE;
@@ -9146,7 +9469,8 @@ var AreaObjectLoader = function AreaObjectLoader(_ref) {
         onAddArea: onAddArea,
         onRemoveArea: onRemoveArea,
         selectedAreas: selectedAreas,
-        isChangeAreaDisabled: isChangeAreaDisabled
+        isChangeAreaDisabled: isChangeAreaDisabled,
+        shouldDisableRemoveWarning: shouldDisableRemoveWarning
       })]
     })]
   });
@@ -9357,6 +9681,7 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
     type: areaObjectLoaderType,
     error: uiError
   } : undefined;
+  var shouldDisableRemoveWarning = warningStatus !== undefined && warningStatus !== PublicWarningStatus.DRAFT && areas.length > 0;
   return jsx(AreaObjectLoader, {
     title: t('area-object-loader-title'),
     bounds: bounds,
@@ -9381,7 +9706,8 @@ var AreaObjectLoaderConnect = function AreaObjectLoaderConnect(_ref) {
     onRemoveArea: onRemoveArea,
     selectedAreas: selectedAreas,
     isChangeAreaDisabled: isChangeAreaDisabled,
-    onRetryRequest: onRetryRequest
+    onRetryRequest: onRetryRequest,
+    shouldDisableRemoveWarning: shouldDisableRemoveWarning
   });
 };
 
@@ -9852,10 +10178,12 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
         return setAnchorEl(null);
       },
       anchorEl: anchorEl,
-      BackdropProps: {
-        style: {
-          opacity: 0,
-          transition: 'none'
+      slotProps: {
+        backdrop: {
+          style: {
+            opacity: 0,
+            transition: 'none'
+          }
         }
       },
       sx: {
@@ -9900,8 +10228,10 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
           justifyContent: "space-between",
           alignItems: "center",
           children: [t('filter-select-all'), jsx(Switch, {
-            inputProps: {
-              'aria-label': t('filter-select-all')
+            slotProps: {
+              input: {
+                'aria-label': t('filter-select-all')
+              }
             },
             checked: allSelected,
             onChange: function onChange() {
@@ -9969,7 +10299,7 @@ var ExpandableFilterChip = function ExpandableFilterChip(_ref) {
   });
 };
 
-var filterOrder = ['incident', 'source', 'domain', 'phenomenon', 'level'];
+var filterOrder = ['source', 'domain', 'phenomenon', 'level'];
 var FilterList = function FilterList(_ref) {
   var _ref$onClickAll = _ref.onClickAll,
     onClickAll = _ref$onClickAll === void 0 ? function () {} : _ref$onClickAll,
@@ -10053,6 +10383,7 @@ var WarningListItemSeperator = function WarningListItemSeperator(_ref) {
       },
       onClick: onClick,
       "data-testid": "warninglist-" + status,
+      "aria-expanded": isExpanded,
       children: [isExpanded ? jsx(ChevronDown, {}) : jsx(ChevronUp, {}), jsx(Typography, {
         variant: "caption",
         sx: {
@@ -10390,6 +10721,16 @@ var WarningListItem = function WarningListItem(_ref) {
     }
     return 'geowebColors.cards.cardContainer';
   }, [highlightedItem, status]);
+  var domain = React__default.useMemo(function () {
+    var _warning$warningDetai2;
+    if ((_warning$warningDetai2 = warning.warningDetail.domain) != null && _warning$warningDetai2.includes(Domain.maritime)) {
+      return t('warning-domain-maritime');
+    }
+    if (warning.warningDetail.domain === Domain["public"]) {
+      return t('warning-domain-public');
+    }
+    return t('warning-domain-aviation');
+  }, [t, warning.warningDetail.domain]);
   return jsx(ListItem, Object.assign({
     sx: {
       marginBottom: 0.25,
@@ -10467,7 +10808,7 @@ var WarningListItem = function WarningListItem(_ref) {
         }), jsx(WarningListColumnContent, {
           title: t('warning-list-header-domain'),
           status: status,
-          children: warning.warningDetail.domain
+          children: domain
         }), jsx(WarningListColumnContent, {
           title: t('warning-list-header-phenomenon'),
           status: status,
@@ -10535,8 +10876,8 @@ var WarningListItem = function WarningListItem(_ref) {
                 display: 'none'
               }
             }, _Object$assign)),
-            children: function (_warning$warningDetai2) {
-              if ((_warning$warningDetai2 = warning.warningDetail) != null && _warning$warningDetai2.level && !levelTranslation) {
+            children: function (_warning$warningDetai3) {
+              if ((_warning$warningDetai3 = warning.warningDetail) != null && _warning$warningDetai3.level && !levelTranslation) {
                 // Show sigmet-airmet level
                 return warning.warningDetail.level;
               }
@@ -10671,11 +11012,11 @@ var NewWarningButton = function NewWarningButton(_ref) {
               }
             }
           }
-        }
-      },
-      MenuListProps: {
-        style: {
-          padding: '0px'
+        },
+        list: {
+          style: {
+            padding: '0px'
+          }
         }
       },
       children: [jsx(MenuItem, {
@@ -11186,8 +11527,7 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
   var savedDomainFilter = savedFilterState.domain,
     savedPhenomenonFilter = savedFilterState.phenomenon,
     savedLevelFilter = savedFilterState.level,
-    savedSourceFilter = savedFilterState.source,
-    savedIncidentFilter = savedFilterState.incident;
+    savedSourceFilter = savedFilterState.source;
   /** Levels for selected domain(s) */
   var relevantLevels = useMemo(function () {
     return getLevelsForDomainFilter(savedDomainFilter);
@@ -11225,28 +11565,14 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
   [relevantSources]);
   var _getSelectedOptions2 = getSelectedOptions(savedSourceFilter),
     allSourcesSelected = _getSelectedOptions2.allSelected;
-  /** Incidents in the warnings */
-  var relevantIncidents = useMemo(function () {
-    return getFiltersFromWarnings(warnings, 'incident');
-  }, [warnings]);
-  /** FilterObject based on relevant incidents with values from the preset */
-  var defaultIncidentFilter = useMemo(function () {
-    return Object.fromEntries(relevantIncidents.map(function (key) {
-      var presetValue = presetFilterState == null ? void 0 : presetFilterState.incident[key];
-      return [key, presetValue === undefined ? true : presetValue];
-    }));
-  }, [relevantIncidents, presetFilterState == null ? void 0 : presetFilterState.incident]);
-  var _getSelectedOptions3 = getSelectedOptions(savedIncidentFilter),
-    allIncidentsSelected = _getSelectedOptions3.allSelected;
   var populatedIncidentAndSourceFilter = useMemo(function () {
     return {
-      incident: defaultIncidentFilter,
+      // incident: defaultIncidentFilter,
       source: defaultSourceFilter
     };
-  }, [defaultIncidentFilter, defaultSourceFilter]);
+  }, [defaultSourceFilter]);
   var initialFiltersWithPresets = useMemo(function () {
     return {
-      incident: defaultIncidentFilter || defaultEmptyFilter,
       source: defaultSourceFilter || defaultEmptyFilter,
       domain: Object.assign({}, initialFilters.domain, presetFilterState == null ? void 0 : presetFilterState.domain),
       phenomenon: Object.assign({}, initialFilters.phenomenon, presetFilterState == null ? void 0 : presetFilterState.phenomenon),
@@ -11261,11 +11587,10 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
   useEffect(function () {
     // when the preset changes, update the filters
     onUpdateFilters(initialFiltersWithPresets, true);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [initialFiltersWithPresets, onUpdateFilters]);
-  var _getSelectedOptions4 = getSelectedOptions(savedDomainFilter),
-    allDomainSelected = _getSelectedOptions4.allSelected;
-  var allSelected = allDomainSelected && allLevelsSelected && allPhenomenaSelected && allIncidentsSelected && allSourcesSelected;
+  var _getSelectedOptions3 = getSelectedOptions(savedDomainFilter),
+    allDomainSelected = _getSelectedOptions3.allSelected;
+  var allSelected = allDomainSelected && allLevelsSelected && allPhenomenaSelected && allSourcesSelected;
   /**
    * @param filterKey - Name of the filter | "ALL" filters
    * @param optionKey - Name of the option | "ALL" options
@@ -11279,7 +11604,7 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
         domain: updateState(savedDomainFilter, 'ALL', value),
         level: updateState(levelFilter, 'ALL', value),
         phenomenon: updateState(savedPhenomenonFilter, 'ALL', value),
-        incident: updateState(savedIncidentFilter, 'ALL', value),
+        // incident: updateState(savedIncidentFilter, 'ALL', value),
         source: updateState(savedSourceFilter, 'ALL', value)
       });
     } else if (filterKey === 'domain') {
@@ -11299,10 +11624,6 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
       onUpdateFilters({
         source: updateState(savedSourceFilter, optionKey, value, only)
       });
-    } else if (filterKey === 'incident') {
-      onUpdateFilters({
-        incident: updateState(savedIncidentFilter, optionKey, value, only)
-      });
     }
   };
   var byFilterState = useCallback(function (warning) {
@@ -11332,14 +11653,8 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
     if (!savedSourceFilter[source]) {
       return false;
     }
-    var incident = relevantIncidents.find(function (incident) {
-      return incident === warning.warningDetail.incident;
-    }) || emptyFilterId;
-    if (!savedIncidentFilter[incident]) {
-      return false;
-    }
     return true;
-  }, [savedDomainFilter, pickedLevelFilter, pickedPhenomenaFilter, relevantSources, savedSourceFilter, relevantIncidents, savedIncidentFilter]);
+  }, [savedDomainFilter, pickedLevelFilter, pickedPhenomenaFilter, relevantSources, savedSourceFilter]);
   return {
     allSelected: allSelected,
     updateFilter: updateFilter,
@@ -11348,7 +11663,6 @@ var useWarningFilters = function useWarningFilters(warnings, onUpdateFilters, sa
       domain: savedDomainFilter,
       level: pickedLevelFilter,
       phenomenon: pickedPhenomenaFilter,
-      incident: savedIncidentFilter,
       source: savedSourceFilter
     }
   };
@@ -11813,8 +12127,8 @@ var PublicWarningListConnect = function PublicWarningListConnect(_ref) {
     return combinedWarnings.filter(filterHookState.byFilterState);
   }, [combinedWarnings, filterHookState.byFilterState]);
   var _React$useState2 = React__default.useState({
-      TODO: true,
-      DRAFT: true,
+      TODO: false,
+      DRAFT: false,
       PUBLISHED: true,
       EXPIRED: false
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "13.2.1",
+  "version": "14.0.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,25 +8,25 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/api": "13.2.1",
-    "@opengeoweb/shared": "13.2.1",
-    "@opengeoweb/store": "13.2.1",
-    "@opengeoweb/webmap-react": "13.2.1",
+    "@opengeoweb/api": "14.0.0",
+    "@opengeoweb/shared": "14.0.0",
+    "@opengeoweb/store": "14.0.0",
+    "@opengeoweb/webmap-react": "14.0.0",
     "@tanstack/react-query": "^5.85.5",
     "react-redux": "^9.2.0",
-    "@opengeoweb/theme": "13.2.1",
-    "@opengeoweb/form-fields": "13.2.1",
+    "@opengeoweb/theme": "14.0.0",
+    "@opengeoweb/form-fields": "14.0.0",
     "react-hook-form": "^7.50.1",
     "lodash": "^4.17.21",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/snackbar": "13.2.1",
+    "@opengeoweb/snackbar": "14.0.0",
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "axios": "^1.7.7",
-    "@opengeoweb/core": "13.2.1",
-    "@opengeoweb/webmap": "13.2.1",
-    "@opengeoweb/authentication": "13.2.1",
-    "@opengeoweb/sigmet-airmet": "13.2.1",
+    "@opengeoweb/core": "14.0.0",
+    "@opengeoweb/webmap": "14.0.0",
+    "@opengeoweb/authentication": "14.0.0",
+    "@opengeoweb/sigmet-airmet": "14.0.0",
     "react-i18next": "^15.1.1",
     "i18next": "^25.0.1",
     "@mui/material": "^7.0.1",

package/src/lib/api/aviation-api/api.d.ts

@@ -13,5 +13,11 @@ export declare const getAirmetTAC: (auth: Credentials, product: AviationProduct)
 export declare const getSigmetTAC: (auth: Credentials, product: AviationProduct) => Promise<{
     data: string;
 }>;
+export declare const getAirmetCancelTAC: (auth: Credentials, product: AviationProduct) => Promise<{
+    data: string;
+}>;
+export declare const getSigmetCancelTAC: (auth: Credentials, product: AviationProduct) => Promise<{
+    data: string;
+}>;
 export declare const postSigmet: (auth: Credentials, data: SigmetFromFrontend) => Promise<SigmetFromBackend>;
 export declare const postAirmet: (auth: Credentials, data: AirmetFromFrontend) => Promise<AirmetFromBackend>;

package/src/lib/api/aviation-api/fakeApi.d.ts

@@ -3,4 +3,6 @@ export declare const airmetList: AirmetFromBackend[];
 export declare const sigmetList: SigmetFromBackend[];
 export declare const fakeSigmetTAC = "EHAA SIGMET 1 VALID 121249/121449 EHDB- EHAA AMSTERDAM FIR FRQ TS OBS ENTIRE FIR FL010 STNR WKN";
 export declare const fakeAirmetTAC = "EHAA AIRMET -1 VALID 310700/311100 EHDB- EHAA AMSTERDAM FIR ISOL CB OBS ENTIRE FIR FL020 STNR NC";
+export declare const fakeDraftCancelSigmetTAC = "EHAA SIGMET 2 121249/121449 EHDB- EHAA AMSTERDAM FIR";
+export declare const fakeDraftCancelAirmetTAC = "EHAA AIRMET 2  310700/311100 EHDB- EHAA AMSTERDAM FIR ";
 export declare const aviationEndpoints: import("msw").HttpHandler[];

package/src/lib/api/aviation-api/hooks.d.ts

@@ -12,6 +12,8 @@ type FetchTACData = Promise<{
 export declare const useTACApi: () => {
     fetchSigmetTAC: (product: AviationProduct) => FetchTACData;
     fetchAirmetTAC: (product: AviationProduct) => FetchTACData;
+    fetchSigmetCancelTAC: (product: AviationProduct) => FetchTACData;
+    fetchAirmetCancelTAC: (product: AviationProduct) => FetchTACData;
 };
 /**
  * Hook for posting a SIGMET, with feedback.

package/src/lib/api/warning-api/hooks.d.ts

@@ -31,7 +31,7 @@ export declare const useMutateDeleteWarning: () => MutationReturnType<{
 export declare const usePublishWarning: () => MutationReturnType<UpdateWarningProps>;
 export declare const useSaveWarning: () => MutationReturnType<UpdateWarningProps>;
 export declare const useDrawings: (params?: FetchDrawingParams, enabled?: boolean) => UseQueryResult<DrawingListItem[]>;
-export declare const useDrawingDetails: (drawingId: string, enabled?: boolean) => UseQueryResult<DrawingFromBE>;
+export declare const useDrawingDetails: (drawingId: string) => UseQueryResult<DrawingFromBE>;
 export declare const useAreaKeywords: (enabled?: boolean) => UseQueryResult<string[]>;
 export declare const useMutateSaveOrUpdateDrawing: () => DrawingMutationReturnType<{
     data: DrawingFromFE;

package/src/lib/components/AreaObjectLoader/AreaObjectLoader.d.ts

@@ -24,4 +24,5 @@ export declare const AreaObjectLoader: React.FC<{
     selectedAreas?: Area[];
     isChangeAreaDisabled?: boolean;
     onRetryRequest?: (errorType: string) => void;
+    shouldDisableRemoveWarning?: boolean;
 } & AreaObjectFilterProps>;

package/src/lib/components/AreaObjectLoader/AreasObjects.d.ts

@@ -11,6 +11,7 @@ export declare const getListInclHeaders: (items: DrawingListItem[], translateFn:
     objects: ObjectAreaList;
     areas: ObjectAreaList;
 };
+export declare const getLabel: (selectedAreas: Area[], isAreaSelected: boolean) => string;
 export declare const getDisplayDate: (date: string) => string;
 export declare const AreasObjects: FC<{
     drawingListItems: DrawingListItem[];
@@ -21,5 +22,6 @@ export declare const AreasObjects: FC<{
     onRemoveArea?: (drawingListItem: DrawingListItem) => void;
     selectedAreas?: Area[];
     isChangeAreaDisabled?: boolean;
+    shouldDisableRemoveWarning?: boolean;
 }>;
 export {};

package/src/lib/components/FilterList/filter-hooks.d.ts

@@ -1,14 +1,12 @@
 import { Warning } from '../../store/publicWarningForm/types';
 import { AllPhenomenaKeys, defaultDomainFilter, defaultEmptyFilter, defaultLevelFilter, defaultPhenomenonFilter, Domain } from './filter-utils';
 export interface PickedFilterState {
-    incident: Partial<typeof defaultEmptyFilter>;
     source: Partial<typeof defaultEmptyFilter>;
     domain: Partial<typeof defaultDomainFilter>;
     phenomenon: Partial<typeof defaultPhenomenonFilter>;
     level: Partial<typeof defaultLevelFilter>;
 }
 export interface FilterState extends PickedFilterState {
-    incident: typeof defaultEmptyFilter;
     source: typeof defaultEmptyFilter;
     domain: typeof defaultDomainFilter;
     phenomenon: typeof defaultPhenomenonFilter;

package/src/lib/components/FilterList/filter-utils.d.ts

@@ -76,7 +76,6 @@ export declare const AllPhenomenaKeys: Record<keyof typeof AllPhenomena, keyof t
 export declare const domainPhenomena: Record<Domain, Partial<keyof typeof AllPhenomenaKeys>[]>;
 export declare const defaultPhenomenonFilter: Record<string, boolean>;
 export declare const initialFilters: {
-    incident: Record<string, boolean>;
     source: Record<string, boolean>;
     domain: Record<Domain, boolean>;
     phenomenon: Record<string, boolean>;

package/src/lib/components/MaritimeWarningsForm/{useConfirmRetractDialog.d.ts → useConfirmDeleteDialog.d.ts}

@@ -1,12 +1,12 @@
 import { DistrictsType, MaritimeWarningItem, MaritimeWarningsConfig } from './types';
-interface UseConfirmRetractDialogProps {
+interface UseConfirmDeleteDialogProps {
     areas: DistrictsType[];
     warnings: MaritimeWarningItem[];
     maritimeConfig: MaritimeWarningsConfig;
     onRemoveWarning: (id: string) => void;
 }
-interface UseConfirmRetractDialog {
+interface UseConfirmDeleteDialog {
     onRemoveWarningWithConfirmation(id: string): Promise<void>;
 }
-export declare function useConfirmRetractDialog({ areas, warnings, maritimeConfig, onRemoveWarning, }: UseConfirmRetractDialogProps): UseConfirmRetractDialog;
+export declare function useConfirmDeleteDialog({ areas, warnings, maritimeConfig, onRemoveWarning, }: UseConfirmDeleteDialogProps): UseConfirmDeleteDialog;
 export {};

package/src/lib/components/PublicWarningsForm/PublicWarningsForm.stories.d.ts

@@ -25,3 +25,11 @@ export declare const PublicWarningsFormAirmetCancels: () => React.ReactElement;
 export declare const PublicWarningsFormAirmetCancelled: () => React.ReactElement;
 export declare const PublicWarningsFormSigmetCancels: () => React.ReactElement;
 export declare const PublicWarningsFormSigmetCancelled: () => React.ReactElement;
+export declare const PublicWarningsFormCancelAirmet: {
+    (): React.ReactElement;
+    tags: string[];
+};
+export declare const PublicWarningsFormCancelSigmet: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/PublicWarningsForm/ValidFromField/ValidFromField.d.ts

@@ -1,8 +1,18 @@
 import * as React from 'react';
 import { TFunction } from 'i18next';
 export declare const VALID_FROM_MAX_HOURS_AFTER_CURRENT = 192;
+export declare const VALID_UNTIL_DEFAULT_OFFSET = 6;
 export declare const isValueBeforeCurrentTime: (value: string, t: TFunction) => boolean | string;
 export declare const isMaxHoursAfterCurrentTime: (value: string, t: TFunction) => boolean | string;
+/**
+ * Automatically adjusts the valid until field when valid from is changed
+ * If the new valid from time is after the current valid until time,
+ * it sets valid until to 6 hours after valid from
+ * @param validFrom - The new valid from ISO date string
+ * @param validUntil - The current valid until ISO date string
+ * @returns The adjusted valid until ISO date string, or null if no adjustment needed
+ */
+export declare const offsetTimeValidUntilField: (validFrom: string, validUntil: string) => string | null;
 export declare const ValidFrom: React.FC<{
     isDisabled?: boolean;
     isReadOnly?: boolean;

package/src/lib/components/PublicWarningsFormDialog/AviationWarningCancelDialogContent.d.ts

@@ -0,0 +1,7 @@
+import { AviationProduct } from '@opengeoweb/sigmet-airmet';
+import React from 'react';
+import { WarningType } from '../../store/publicWarningForm/types';
+export declare const CancelAviationDialogContent: ({ product, warningType, }: {
+    product: AviationProduct;
+    warningType: WarningType;
+}) => React.ReactElement;

package/src/lib/components/PublicWarningsFormDialog/AviationWarningCancelDialogContent.spec.d.ts

@@ -0,0 +1 @@
+export {};