@opengeoweb/sigmet-airmet 12.2.0 → 12.3.0

package/index.esm.js

@@ -4,17 +4,17 @@ import { PROJECTION, useIsMounted, dateUtils, CustomTooltip, ConfirmationService
 import { Box as Box$1 } from '@mui/system';
 import * as React from 'react';
 import React__default, { useRef, useEffect, useCallback } from 'react';
-import { FormControlLabel, Radio, Grid2, Typography, Box, Checkbox, MenuItem, FormHelperText, useTheme, Backdrop, CircularProgress, Card, Button, LinearProgress, List, ListItemButton } from '@mui/material';
+import { FormControlLabel, Radio, Grid, Typography, Box, Checkbox, MenuItem, FormHelperText, useTheme, Backdrop, CircularProgress, Card, Button, LinearProgress, List, ListItemButton } from '@mui/material';
 import { useFormContext } from 'react-hook-form';
 import { FORM_FIELDS_NAMESPACE, useDraftFormHelpers, ReactHookFormRadioGroup, hasValidGeometry, ReactHookFormSelect, ReactHookFormNumberField, isInteger, isValidMin, isValidMax, isEmpty, ReactHookFormDateTime, countIntersectionPoints, hasMulitpleIntersections, ReactHookFormHiddenInput, hasIntersectionWithFIR, isValidGeoJsonCoordinates, isMaximumOneDrawing, isXHoursBefore, isXHoursAfter, ReactHookFormTextField, isLatitude, isNonOrBothCoordinates, isLongitude, ReactHookFormFormControl, isGeometryDirty, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import { defaultIntersectionStyleProperties, defaultGeoJSONStyleProperties, addSelectionTypeToGeoJSON, DRAWMODE, defaultPoint, addGeoJSONProperties, defaultBox, defaultPolygon, defaultDelete, getIcon, OpenLayersFeatureLayer, genericOpenLayersFeatureStyle, OpenLayersMapDraw, useMapDrawTool, addFeatureProperties, rewindGeometry } from '@opengeoweb/webmap-react';
 import i18n from 'i18next';
 import { useTranslation } from 'react-i18next';
 import { LegendConnect, OlMapViewConnect, TimeSliderConnect } from '@opengeoweb/core';
-import { useSelector, useDispatch, shallowEqual } from 'react-redux';
-import { uiSelectors, useUpdateSharedData, mapSelectors, syncGroupsActions, layerActions, mapActions, defaultLayers, syncConstants, genericSelectors, drawingToolActions } from '@opengeoweb/store';
+import { uiSelectors, useUpdateSharedData, mapSelectors, syncGroupsActions, layerActions, mapActions, defaultLayers, syncConstants, uiActions, uiTypes, genericSelectors, drawingToolActions } from '@opengeoweb/store';
 import { DrawFIRLand, Edit, Success, Clock } from '@opengeoweb/theme';
 import { LayerType, webmapUtils } from '@opengeoweb/webmap';
+import { useSelector, useDispatch, shallowEqual } from 'react-redux';
 import { debounce } from 'lodash';
 import { useAuthenticationContext } from '@opengeoweb/authentication';
 
@@ -4677,11 +4677,11 @@ var ProductFormFieldLayout = function ProductFormFieldLayout(_ref) {
   var title = _ref.title,
     children = _ref.children,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return jsxs(Grid2, Object.assign({
+  return jsxs(Grid, Object.assign({
     container: true,
     spacing: 3
   }, props, {
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       container: true,
       justifyContent: "flex-end",
       size: 4,
@@ -4690,7 +4690,7 @@ var ProductFormFieldLayout = function ProductFormFieldLayout(_ref) {
         sx: styles$2.label,
         children: title
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       container: true,
       justifyContent: "flex-start",
       size: 8,
@@ -5518,12 +5518,12 @@ var Levels = function Levels(_ref) {
         checked: levelInfoMode === 'AT' || levelInfoMode === 'TOPS',
         "data-testid": "levels-AT",
         disabled: fieldsDisabled
-      }), (levelInfoMode === 'AT' || levelInfoMode === 'TOPS') && !isRadioactiveCloud ? jsxs(Grid2, {
+      }), (levelInfoMode === 'AT' || levelInfoMode === 'TOPS') && !isRadioactiveCloud ? jsxs(Grid, {
         container: true,
         spacing: 2,
         justifyItems: "flex-end",
         alignItems: "flex-start",
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           size: {
             xs: 12,
             md: 3
@@ -5542,7 +5542,7 @@ var Levels = function Levels(_ref) {
             "data-testid": "levels-TOPS",
             label: t('levels-tops-label')
           })
-        }), jsx(Grid2, {
+        }), jsx(Grid, {
           size: {
             xs: 4,
             md: 3
@@ -5571,7 +5571,7 @@ var Levels = function Levels(_ref) {
               }, key);
             })
           })
-        }), jsx(Grid2, {
+        }), jsx(Grid, {
           size: {
             xs: 8,
             md: 6
@@ -5623,15 +5623,15 @@ var Levels = function Levels(_ref) {
         "data-testid": "levels-BETW",
         disabled: fieldsDisabled
       }), levelInfoMode === 'BETW' || levelInfoMode === 'BETW_SFC' ? jsxs(Fragment, {
-        children: [jsxs(Grid2, {
+        children: [jsxs(Grid, {
           container: true,
           spacing: 2,
-          children: [jsx(Grid2, {
+          children: [jsx(Grid, {
             size: {
               xs: 12,
               md: 3
             }
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             size: {
               xs: 4,
               md: 3
@@ -5666,7 +5666,7 @@ var Levels = function Levels(_ref) {
                 }, key);
               })
             })
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             size: {
               xs: 8,
               md: 6
@@ -5715,12 +5715,12 @@ var Levels = function Levels(_ref) {
               autoFocus: true
             })
           })]
-        }), jsxs(Grid2, {
+        }), jsxs(Grid, {
           container: true,
           spacing: 2,
           justifyItems: "flex-end",
           alignItems: "flex-start",
-          children: [jsx(Grid2, {
+          children: [jsx(Grid, {
             size: {
               xs: 12,
               md: 3
@@ -5742,7 +5742,7 @@ var Levels = function Levels(_ref) {
               label: "SFC"
             })
           }), levelInfoMode !== 'BETW_SFC' && jsxs(Fragment, {
-            children: [jsx(Grid2, {
+            children: [jsx(Grid, {
               size: {
                 xs: 4,
                 md: 3
@@ -5777,7 +5777,7 @@ var Levels = function Levels(_ref) {
                   }, key);
                 })
               })
-            }), jsx(Grid2, {
+            }), jsx(Grid, {
               size: {
                 xs: 8,
                 md: 6
@@ -5834,12 +5834,12 @@ var Levels = function Levels(_ref) {
         disabled: fieldsDisabled,
         checked: levelInfoMode === 'ABV' || levelInfoMode === 'TOPS_ABV',
         "data-testid": "levels-ABV"
-      }), levelInfoMode === 'ABV' || levelInfoMode === 'TOPS_ABV' ? jsxs(Grid2, {
+      }), levelInfoMode === 'ABV' || levelInfoMode === 'TOPS_ABV' ? jsxs(Grid, {
         container: true,
         spacing: 2,
         justifyItems: "flex-end",
         alignItems: "flex-start",
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           size: {
             xs: 12,
             md: 3
@@ -5857,7 +5857,7 @@ var Levels = function Levels(_ref) {
             label: t('levels-tops-label'),
             "data-testid": "levels-TOPS_ABV"
           })
-        }), jsx(Grid2, {
+        }), jsx(Grid, {
           size: {
             xs: 4,
             md: 3
@@ -5886,7 +5886,7 @@ var Levels = function Levels(_ref) {
               }, key);
             })
           })
-        }), jsx(Grid2, {
+        }), jsx(Grid, {
           size: {
             xs: 8,
             md: 6
@@ -6261,7 +6261,7 @@ var Progress = function Progress(_ref) {
           "data-testid": "movementType-FORECAST_POSITION"
         })]
       }), movementType === 'MOVEMENT' && !isShortTestOrRdoact && jsxs(Fragment, {
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           children: jsx(ReactHookFormSelect, {
             name: "movementDirection",
             label: t('progress-movement-direction-label'),
@@ -6287,9 +6287,9 @@ var Progress = function Progress(_ref) {
               }, key);
             })
           })
-        }), jsxs(Grid2, {
+        }), jsxs(Grid, {
           container: true,
-          children: [jsx(Grid2, {
+          children: [jsx(Grid, {
             size: 5,
             children: jsx(ReactHookFormSelect, {
               name: "movementUnit",
@@ -6317,7 +6317,7 @@ var Progress = function Progress(_ref) {
                 }, key);
               })
             })
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             size: 7,
             children: jsx(ReactHookFormNumberField, {
               name: "movementSpeed",
@@ -6368,7 +6368,7 @@ var Progress = function Progress(_ref) {
         disabled: isDisabled,
         "data-testid": "movementType-FORECAST_POSITION"
       })]
-    }), isSigmet && !isShortTestOrRdoact && movementType === 'FORECAST_POSITION' && jsxs(Grid2, {
+    }), isSigmet && !isShortTestOrRdoact && movementType === 'FORECAST_POSITION' && jsxs(Grid, {
       "data-testid": "endGeometry",
       sx: styles$2.drawSectionProgress,
       size: 12,
@@ -6842,10 +6842,10 @@ var VolcanicFields = function VolcanicFields(_ref) {
     watch = _useFormContext.watch,
     trigger = _useFormContext.trigger,
     getValues = _useFormContext.getValues;
-  return jsx(Grid2, {
+  return jsx(Grid, {
     container: true,
     spacing: 2,
-    children: jsxs(Grid2, {
+    children: jsxs(Grid, {
       container: true,
       justifyContent: "flex-start",
       offset: 4,
@@ -6856,7 +6856,7 @@ var VolcanicFields = function VolcanicFields(_ref) {
           marginTop: '2px'
         }
       },
-      children: [(!isReadOnly || !!watch('vaSigmetVolcanoName')) && jsx(Grid2, {
+      children: [(!isReadOnly || !!watch('vaSigmetVolcanoName')) && jsx(Grid, {
         sx: styles$2.volcanicField,
         size: 12,
         children: jsx(ReactHookFormTextField, {
@@ -6871,7 +6871,7 @@ var VolcanicFields = function VolcanicFields(_ref) {
           isReadOnly: isReadOnly,
           size: "small"
         })
-      }), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && jsx(Grid2, {
+      }), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && jsx(Grid, {
         size: 6,
         children: jsx(ReactHookFormNumberField, {
           name: "vaSigmetVolcanoCoordinates.latitude",
@@ -6895,7 +6895,7 @@ var VolcanicFields = function VolcanicFields(_ref) {
           },
           isReadOnly: isReadOnly
         })
-      }), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && jsx(Grid2, {
+      }), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && jsx(Grid, {
         size: 6,
         children: jsx(ReactHookFormNumberField, {
           name: "vaSigmetVolcanoCoordinates.longitude",
@@ -6975,18 +6975,18 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
   };
   var visibilityLabel = getFieldLabel(t, t('surface-visibility'), isReadOnly);
   var visibilityCauseLabel = getFieldLabel(t, t('surface-visibility-cause'), isReadOnly);
-  return jsxs(Grid2, {
+  return jsxs(Grid, {
     container: true,
     spacing: 2,
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       container: true,
       justifyContent: "flex-end",
       size: 4
-    }), jsxs(Grid2, {
+    }), jsxs(Grid, {
       container: true,
       justifyContent: "flex-start",
       size: 8,
-      children: [jsx(Grid2, {
+      children: [jsx(Grid, {
         sx: styles$2.surfaceVisibility,
         size: 12,
         children: jsx(ReactHookFormNumberField, {
@@ -7027,7 +7027,7 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
             }
           }
         })
-      }), jsx(Grid2, {
+      }), jsx(Grid, {
         size: 12,
         sx: {
           marginTop: -2
@@ -7102,18 +7102,18 @@ var SurfaceWind = function SurfaceWind(_ref) {
   var allowedWindUnitsForFir = getAllowedUnits(getFIRValue(), productConfig, 'surfacewind_unit', WindUnit);
   var windLabel = getFieldLabel(t, t('surface-wind-label'), isReadOnly, t('set'));
   var speedLabel = getFieldLabel(t, t('surface-wind-speed-label'), isReadOnly, t('set'));
-  return jsxs(Grid2, {
+  return jsxs(Grid, {
     container: true,
     spacing: 2,
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       container: true,
       justifyContent: "flex-end",
       size: 4
-    }), jsxs(Grid2, {
+    }), jsxs(Grid, {
       container: true,
       justifyContent: "flex-start",
       size: 8,
-      children: [jsx(Grid2, {
+      children: [jsx(Grid, {
         sx: styles$2.surfaceWind,
         size: 12,
         children: jsx(ReactHookFormNumberField, {
@@ -7141,14 +7141,14 @@ var SurfaceWind = function SurfaceWind(_ref) {
           isReadOnly: isReadOnly,
           "data-testid": "surfaceWind-windDirection"
         })
-      }), jsxs(Grid2, {
+      }), jsxs(Grid, {
         container: true,
         size: 12,
         sx: {
           marginTop: -2
         },
         spacing: 0,
-        children: [jsx(Grid2, {
+        children: [jsx(Grid, {
           size: 5,
           children: jsx(ReactHookFormSelect, {
             name: "windUnit",
@@ -7175,7 +7175,7 @@ var SurfaceWind = function SurfaceWind(_ref) {
               }, key);
             })
           })
-        }), jsx(Grid2, {
+        }), jsx(Grid, {
           size: 7,
           children: jsx(ReactHookFormNumberField, {
             name: "windSpeed",
@@ -7286,11 +7286,11 @@ var CloudLevels = function CloudLevels(_ref) {
       unregister('cloudLowerLevel');
     }
   }, [cloudLevelInfoMode, unregister]);
-  return jsxs(Grid2, {
+  return jsxs(Grid, {
     container: true,
     spacing: 2,
     sx: styles$2.containerItem,
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       container: true,
       justifyContent: "flex-end",
       size: 4,
@@ -7299,19 +7299,19 @@ var CloudLevels = function CloudLevels(_ref) {
         sx: styles$2.label,
         children: t('levels')
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       container: true,
       justifyContent: "flex-start",
       size: 8,
-      children: jsxs(Grid2, {
+      children: jsxs(Grid, {
         size: 12,
         children: [jsx(ReactHookFormHiddenInput, {
           name: "cloudLevelInfoMode",
           defaultValue: "BETW"
-        }), jsxs(Grid2, {
+        }), jsxs(Grid, {
           container: true,
           size: 12,
-          children: [jsx(Grid2, {
+          children: [jsx(Grid, {
             size: 4,
             children: (!isReadOnly || cloudLevelInfoMode === 'BETW_ABV' || cloudLevelInfoMode === 'BETW_SFC_ABV') && jsx(ReactHookFormFormControl, {
               disabled: isDisabled,
@@ -7351,7 +7351,7 @@ var CloudLevels = function CloudLevels(_ref) {
                 label: "Above"
               })
             })
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             size: 3,
             children: jsx(ReactHookFormSelect, {
               name: "cloudLevel.unit",
@@ -7380,7 +7380,7 @@ var CloudLevels = function CloudLevels(_ref) {
                 }, key);
               })
             })
-          }), jsx(Grid2, {
+          }), jsx(Grid, {
             size: 5,
             children: jsx(ReactHookFormNumberField, {
               name: "cloudLevel.value",
@@ -7416,10 +7416,10 @@ var CloudLevels = function CloudLevels(_ref) {
               }
             })
           })]
-        }), jsxs(Grid2, {
+        }), jsxs(Grid, {
           container: true,
           size: 12,
-          children: [jsx(Grid2, {
+          children: [jsx(Grid, {
             size: 4,
             children: (!isReadOnly || cloudLevelInfoMode === 'BETW_SFC' || cloudLevelInfoMode === 'BETW_SFC_ABV') && jsx(ReactHookFormFormControl, {
               disabled: isDisabled,
@@ -7460,7 +7460,7 @@ var CloudLevels = function CloudLevels(_ref) {
               })
             })
           }), cloudLevelInfoMode !== 'BETW_SFC' && cloudLevelInfoMode !== 'BETW_SFC_ABV' && jsxs(Fragment, {
-            children: [jsx(Grid2, {
+            children: [jsx(Grid, {
               size: 3,
               children: jsx(ReactHookFormSelect, {
                 name: "cloudLowerLevel.unit",
@@ -7489,7 +7489,7 @@ var CloudLevels = function CloudLevels(_ref) {
                   }, key);
                 })
               })
-            }), jsx(Grid2, {
+            }), jsx(Grid, {
               size: 5,
               children: jsx(ReactHookFormNumberField, {
                 name: "cloudLowerLevel.value",
@@ -7787,7 +7787,8 @@ var Tac = function Tac(_ref) {
 
 var MapViewGeoJson = function MapViewGeoJson(_ref) {
   var initialBaseLayers = _ref.baseLayers,
-    initialProjection = _ref.projection,
+    _ref$projection = _ref.projection,
+    initialProjection = _ref$projection === void 0 ? srsAndBboxDefault : _ref$projection,
     _ref$geoJSONLayers = _ref.geoJSONLayers,
     geoJSONLayers = _ref$geoJSONLayers === void 0 ? [] : _ref$geoJSONLayers,
     children = _ref.children;
@@ -7839,11 +7840,10 @@ var MapViewGeoJson = function MapViewGeoJson(_ref) {
       mapId: mapId,
       layers: baseLayers
     }));
-    var projection = initialProjection || srsAndBboxDefault;
     dispatch(mapActions.setBbox({
       mapId: mapId,
-      bbox: projection.bbox,
-      srs: projection.srs
+      bbox: initialProjection.bbox,
+      srs: initialProjection.srs
     }));
     syncGroupAddGroup({
       groupId: 'Time_SigmetAirmet',
@@ -7858,6 +7858,18 @@ var MapViewGeoJson = function MapViewGeoJson(_ref) {
       groupId: 'Time_SigmetAirmet',
       targetId: timesliderId
     });
+    dispatch(uiActions.setActiveMapIdForDialog({
+      type: uiTypes.DialogTypes.LayerManager,
+      mapId: mapId,
+      source: 'module'
+    }));
+    return function () {
+      dispatch(uiActions.setActiveMapIdForDialog({
+        type: uiTypes.DialogTypes.LayerManager,
+        mapId: mapId,
+        source: 'app'
+      }));
+    };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return jsxs("div", {
@@ -7878,13 +7890,14 @@ var MapViewGeoJson = function MapViewGeoJson(_ref) {
         zoomControls: true,
         dimensionSelect: true
       },
+      source: "module",
       children: [children, geoJSONLayers.map(function (layer) {
         return jsxs("div", {
           "data-testid": "" + layer.id,
           children: [jsx(OpenLayersFeatureLayer, {
             featureCollection: !layer.isInEditMode ? layer.geojson : undefined,
             style: genericOpenLayersFeatureStyle,
-            zIndex: 1000
+            zIndex: 2000
           }), jsx(OpenLayersMapDraw, {
             viewOnlyStyle: genericOpenLayersFeatureStyle,
             selectedFeatureIndex: layer.selectedFeatureIndex || 0,
@@ -7929,7 +7942,7 @@ var ProductFormLayout = function ProductFormLayout(_ref) {
   var theme = useTheme();
   var baseLayers = getBaseLayers(productConfig);
   var projection = getProjection(productConfig);
-  return jsxs(Grid2, {
+  return jsxs(Grid, {
     container: true,
     sx: (_sx = {
       height: '100%',
@@ -7937,7 +7950,7 @@ var ProductFormLayout = function ProductFormLayout(_ref) {
     }, _sx[theme.breakpoints.up('sm')] = {
       overflowY: 'hidden'
     }, _sx),
-    children: [jsx(Grid2, {
+    children: [jsx(Grid, {
       sx: (_sx2 = {
         height: 400,
         padding: 2
@@ -7956,7 +7969,7 @@ var ProductFormLayout = function ProductFormLayout(_ref) {
         geoJSONLayers: geoJSONLayers,
         children: mapChildren
       })
-    }), jsx(Grid2, {
+    }), jsx(Grid, {
       sx: (_sx3 = {
         paddingTop: 5,
         paddingBottom: 5,
@@ -8328,7 +8341,7 @@ var SigmetForm = function SigmetForm(_ref) {
     setPhenomenaList(newPhenomenaList);
   };
   var renderForm = function renderForm() {
-    return jsxs(Grid2, {
+    return jsxs(Grid, {
       container: true,
       direction: "column",
       spacing: 2,
@@ -8622,7 +8635,7 @@ var AirmetForm = function AirmetForm(_ref) {
     triggerValidations(fieldnames, getValues, trigger);
   };
   var renderForm = function renderForm() {
-    return jsxs(Grid2, {
+    return jsxs(Grid, {
       container: true,
       direction: "column",
       spacing: 2,
@@ -8951,6 +8964,9 @@ var ProductFormDialogContent = function ProductFormDialogContent(_ref) {
         padding: 0
       }
     },
+    style: {
+      zIndex: 1000
+    },
     children: [errorStoreMessage ? jsx(AlertBanner, {
       severity: "error",
       title: "An error has occurred while saving, please try again",
@@ -9258,12 +9274,12 @@ var ProductListRow = function ProductListRow(_ref2) {
     sx: listRowStyles,
     children: jsx(Box, {
       className: "productListContainer",
-      children: jsxs(Grid2, {
+      children: jsxs(Grid, {
         container: true,
         alignItems: "center",
         spacing: 0,
         className: "rowContainer",
-        children: [jsxs(Grid2, {
+        children: [jsxs(Grid, {
           className: "col-1",
           children: [phenomenon !== null && jsx(ProductListRowHeader, {
             title: productType.toUpperCase()
@@ -9277,7 +9293,7 @@ var ProductListRow = function ProductListRow(_ref2) {
               children: phenomenon !== null ? getLabel(product) : 'Cancel'
             })
           })]
-        }), jsxs(Grid2, {
+        }), jsxs(Grid, {
           className: "col-2",
           children: [jsx(ProductListRowHeader, {
             title: t('issue-time')
@@ -9321,7 +9337,7 @@ var ProductListRow = function ProductListRow(_ref2) {
               children: product.issueDate ? dateUtils.dateToString(dateUtils.utc(product.issueDate), dateUtils.DATE_FORMAT_NAME_OF_MONTH) + " UTC" : t('not-published')
             })
           })]
-        }), jsxs(Grid2, {
+        }), jsxs(Grid, {
           className: "col-3",
           children: [jsx(ProductListRowHeader, {
             title: t('valid-time')
@@ -9331,7 +9347,7 @@ var ProductListRow = function ProductListRow(_ref2) {
             "data-testid": "validTime",
             children: validTime
           })]
-        }), jsxs(Grid2, {
+        }), jsxs(Grid, {
           className: "col-4",
           container: true,
           children: [product.status === 'DRAFT' ? jsx(Button, {
@@ -9382,11 +9398,11 @@ var ProductList = function ProductList(_ref) {
         info: error.message ? error.message : '',
         dataTestId: "productList-alert"
       })
-    }), jsxs(Grid2, {
+    }), jsxs(Grid, {
       container: true,
       direction: "column",
       alignItems: "stretch",
-      children: [jsx(Grid2, {
+      children: [jsx(Grid, {
         container: true,
         justifyContent: "flex-end",
         children: jsx(Button, {
@@ -9400,7 +9416,7 @@ var ProductList = function ProductList(_ref) {
             product: productType.toUpperCase()
           })
         })
-      }), jsx(Grid2, {
+      }), jsx(Grid, {
         sx: {
           width: '100%',
           minHeight: '600px'
@@ -11733,4 +11749,4 @@ var createApi = function createApi() {
   return getApiRoutes(createFakeApiInstance());
 };
 
-export { AirmetComponentsLookUp, AirmetForm, AirmetType, CancelSigmetVolcanicMovements, CloudLevelUnits, DEFAULT_MINIMUM_SURFACE_LEVEL, DEFAULT_MIN_MOVEMENT_SPEED, DEFAULT_MIN_VISIBILITY, DEFAULT_MIN_WIND_SPEED, Direction, DownloadSigmetAirmetConfigWrapper, LevelUnits, MapViewGeoJson, MetInfoWrapper, MovementUnit, ProductAction, ProductFormDialog, Wrapper as ProductFormDialogContent, ProductList, ProductListRow, ProductStatusDescription, SA_NAMESPACE, SigmetComponentsLookUp, SigmetForm, SigmetType, StartOrEndDrawing, VisibilityCause, WindUnit, airmetConfig, createAirmetPostParameter, createApi$1 as createApi, createApi as createFakeApi, createSigmetPostParameter, extractUnitsToShow, fakeAirmetList, fakeSigmetList, firSelectionType, getActiveFIRArea, getAllFirAreas, getAllowedUnits, getBaseLayers, getConfirmationDialogButtonLabel, getConfirmationDialogCancelLabel, getConfirmationDialogContent, getConfirmationDialogTitle, getDefaultPhenomena, getDefaultValidUntilValue, getDefaultValidityMinutesFromConfig, getDialogtitle, getDrawTools, getFieldLabel, getFir, getFirArea, getFirOptions, getHoursBeforeValidity, getLevelInFeet, getLifecycleActions, getMaxCloudLevelValue, getMaxCloudLowerLevelValue, getMaxHoursOfValidity, getMaxLevelValue, getMaxMovementSpeedValue, getMaxPolygonPoints, getMaxVisibilityValue, getMaxWindSpeedValue, getMinCloudLevelValue, getMinCloudLowerLevelValue, getMinLevelValue, getMinMovementSpeedValue, getMinVisibilityValue, getMinWindSpeedValue, getOmitChangeFromConfig, getPhenomenon, getProductFormMode, getProductIssueDate, getProjection, getToolIcon, getValidFromDelayTimeMinutesFromConfig, hasMaxFeaturePoints, hasValue, isFir, isInstanceOfAirmet, isInstanceOfCancelAirmet, isInstanceOfCancelSigmet, isInstanceOfCancelSigmetOrAirmet, isInstanceOfSigmet, isInstanceOfSigmetOrAirmet, isLevelLower, isVAPhenomenon, prepareFormValues, prepareProductValues, sigmetAirmetTranslations as saTranslations, sigmetConfig, triggerValidations, updateDrawToolsWithFir, useDelayedFormValues, useFormLayers, useShortTestHelpers };
+export { AirmetComponentsLookUp, AirmetForm, AirmetType, CancelSigmetVolcanicMovements, CloudLevelUnits, DEFAULT_MINIMUM_SURFACE_LEVEL, DEFAULT_MIN_MOVEMENT_SPEED, DEFAULT_MIN_VISIBILITY, DEFAULT_MIN_WIND_SPEED, Direction, DownloadSigmetAirmetConfigWrapper, LevelUnits, MapViewGeoJson, MetInfoWrapper, MovementUnit, ProductAction, ProductFormDialog, Wrapper as ProductFormDialogContent, ProductList, ProductListRow, ProductStatusDescription, SA_NAMESPACE, SigmetComponentsLookUp, SigmetForm, SigmetType, StartOrEndDrawing, VisibilityCause, WindUnit, airmetConfig, createAirmetPostParameter, createApi$1 as createApi, createApi as createFakeApi, createSigmetPostParameter, extractUnitsToShow, fakeAirmetList, fakeSigmetList, firSelectionType, getActiveFIRArea, getAllFirAreas, getAllowedUnits, getBaseLayers, getConfirmationDialogButtonLabel, getConfirmationDialogCancelLabel, getConfirmationDialogContent, getConfirmationDialogTitle, getDefaultPhenomena, getDefaultValidUntilValue, getDefaultValidityMinutesFromConfig, getDialogtitle, getDrawTools, getFieldLabel, getFir, getFirArea, getFirOptions, getHoursBeforeValidity, getLevelInFeet, getLifecycleActions, getMaxCloudLevelValue, getMaxCloudLowerLevelValue, getMaxHoursOfValidity, getMaxLevelValue, getMaxMovementSpeedValue, getMaxPolygonPoints, getMaxVisibilityValue, getMaxWindSpeedValue, getMinCloudLevelValue, getMinCloudLowerLevelValue, getMinLevelValue, getMinMovementSpeedValue, getMinVisibilityValue, getMinWindSpeedValue, getOmitChangeFromConfig, getPhenomenon, getProductFormMode, getProductIssueDate, getProjection, getToolIcon, getValidFromDelayTimeMinutesFromConfig, hasMaxFeaturePoints, hasValue, isFir, isInstanceOfAirmet, isInstanceOfCancelAirmet, isInstanceOfCancelSigmet, isInstanceOfCancelSigmetOrAirmet, isInstanceOfSigmet, isInstanceOfSigmetOrAirmet, isLevelLower, isVAPhenomenon, prepareCancelSigmet, prepareFormValues, prepareProductValues, sigmetAirmetTranslations as saTranslations, sigmetConfig, triggerValidations, updateDrawToolsWithFir, useDelayedFormValues, useFormLayers, useShortTestHelpers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/sigmet-airmet",
-  "version": "12.2.0",
+  "version": "12.3.0",
   "description": "GeoWeb Sigmet/Airmet library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,23 +8,23 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/api": "12.2.0",
-    "@opengeoweb/shared": "12.2.0",
-    "@opengeoweb/theme": "12.2.0",
-    "@opengeoweb/store": "12.2.0",
-    "@opengeoweb/webmap": "12.2.0",
-    "@opengeoweb/webmap-react": "12.2.0",
-    "react-redux": "^8.1.3",
-    "@opengeoweb/core": "12.2.0",
-    "@opengeoweb/authentication": "12.2.0",
-    "@mui/system": "^6.1.1",
-    "@opengeoweb/form-fields": "12.2.0",
+    "@opengeoweb/api": "12.3.0",
+    "@opengeoweb/shared": "12.3.0",
+    "@opengeoweb/theme": "12.3.0",
+    "@opengeoweb/store": "12.3.0",
+    "@opengeoweb/webmap": "12.3.0",
+    "@opengeoweb/webmap-react": "12.3.0",
+    "react-redux": "^9.2.0",
+    "@opengeoweb/core": "12.3.0",
+    "@opengeoweb/authentication": "12.3.0",
+    "@mui/system": "^7.0.1",
+    "@opengeoweb/form-fields": "12.3.0",
     "react-hook-form": "^7.50.1",
     "axios": "^1.7.7",
     "lodash": "^4.17.21",
-    "@reduxjs/toolkit": "^1.9.7",
+    "@reduxjs/toolkit": "^2.6.1",
     "i18next": "^23.11.5",
-    "@mui/material": "^6.1.1",
+    "@mui/material": "^7.0.1",
     "react-i18next": "^15.1.1",
     "@tanstack/react-query": "^5.69.2"
   },

package/src/lib/components/ProductForms/ProductFormDialogContent.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { AviationProduct, FormMode, ProductAction, ProductConfig, ProductType } from '../../types';
+import { AviationProduct, FormMode, ProductAction, ProductConfig, ProductType, Sigmet } from '../../types';
 export declare const isVAPhenomenon: (product: AviationProduct, action: ProductAction) => boolean;
+export declare const prepareCancelSigmet: (sigmet: Sigmet, movement: string) => Sigmet;
 export interface ProductFormDialogContentProps {
     isOpen: boolean;
     toggleDialogStatus: (shouldRefreshList?: boolean) => void;

package/src/lib/components/ProductForms/ProductFormFields/ProductFormFieldLayout.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Grid2Props } from '@mui/material';
-interface ProductFormFieldLayoutProps extends Grid2Props {
+import { GridProps } from '@mui/material';
+interface ProductFormFieldLayoutProps extends GridProps {
     title?: string;
     children: React.ReactNode;
 }

package/src/lib/components/ProductForms/utils.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { TFunction } from 'i18next';
-import { FieldValues, UseFormGetValues, UseFormTrigger } from 'react-hook-form';
 import { HeaderAction } from '@opengeoweb/shared';
 import { layerTypes, mapTypes } from '@opengeoweb/store';
 import { DrawMode, OpenLayersLayerProps } from '@opengeoweb/webmap-react';
-import { LevelUnits, ATSRLocation, ICAOLocation, ProductStatus, CancelSigmet, Sigmet, ProductCanbe, SigmetFromBackend, SigmetFromFrontend, ProductAction, Airmet, CancelAirmet, ProductConfig, Firareas, FIRConfigSigmet, AirmetFromBackend, AirmetFromFrontend, ProductType, AviationProduct, FIRLocationGeoJson, AirmetConfig, FIRConfigAirmet, StartOrEndDrawing, AviationPhenomenon } from '../../types';
+import { TFunction } from 'i18next';
+import * as React from 'react';
+import { FieldValues, UseFormGetValues, UseFormTrigger } from 'react-hook-form';
+import { ATSRLocation, Airmet, AirmetConfig, AirmetFromBackend, AirmetFromFrontend, AviationPhenomenon, AviationProduct, CancelAirmet, CancelSigmet, FIRConfigAirmet, FIRConfigSigmet, FIRLocationGeoJson, Firareas, ICAOLocation, LevelUnits, ProductAction, ProductCanbe, ProductConfig, ProductStatus, ProductType, Sigmet, SigmetFromBackend, SigmetFromFrontend, StartOrEndDrawing } from '../../types';
 export declare const getDefaultPhenomena: (productConfig: ProductConfig, currentFir?: string) => {
     phenomena: AviationPhenomenon[];
 };

package/src/lib/utils/testUtils.d.ts

@@ -3,7 +3,6 @@ import { ThemeProviderProps } from '@opengeoweb/theme';
 import { CreateApiFn } from '@opengeoweb/api';
 import { Store } from '@reduxjs/toolkit';
 import { AxiosError } from 'axios';
-import { uiTypes, WebMapStateModuleState } from '@opengeoweb/store';
 import { AviationPhenomenon } from '../types';
 export declare const ThemeWrapperWithModules: React.FC<ThemeProviderProps>;
 interface StoryWrapperProps {
@@ -31,5 +30,4 @@ export declare const testFir: GeoJSON.FeatureCollection;
 export declare const createFakeApiWithErrors: () => any;
 export declare const fakeAirmetPhenomenaList: AviationPhenomenon[];
 export declare const fakeSigmetPhenomenaList: AviationPhenomenon[];
-export declare const createMockStore: (mockState: uiTypes.UIModuleState & WebMapStateModuleState) => Store;
 export {};