@opengeoweb/sigmet-airmet 2.1.3 → 2.2.1

package/assets/icons.d.ts

@@ -1,4 +1,4 @@
-import { SvgIconProps } from '@material-ui/core';
+import { SvgIconProps } from '@mui/material';
 export declare const RegionDraw: (props: SvgIconProps) => JSX.Element;
 export declare const PolygonDraw: (props: SvgIconProps) => JSX.Element;
 export declare const FIRDraw: (props: SvgIconProps) => JSX.Element;

package/{sigmet-airmet.esm.js → index.esm.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default from 'react';
-import { makeStyles, FormControlLabel, Radio, Grid, Typography, SvgIcon, Tooltip, Button, Checkbox, MenuItem, FormHelperText, Dialog, DialogTitle, DialogContent, Card, CardContent, List, ListItem, Backdrop, CircularProgress } from '@material-ui/core';
+import { FormControlLabel, Radio, Grid, Typography, SvgIcon, Tooltip, Button, Checkbox, MenuItem, FormHelperText, Dialog, DialogTitle, DialogContent, Card, CardContent, List, ListItem, Skeleton, Backdrop, CircularProgress } from '@mui/material';
 import { useFormContext } from 'react-hook-form';
 import { ReactHookFormRadioGroup, ReactHookFormSelect, ReactHookFormNumberField, isInteger, isValidMax, isValidMin, isEmpty, ReactHookFormDateTime, isValidDate, isBefore, isBetween, hasMaxFeaturePoints, hasMulitpleIntersections, ReactHookFormHiddenInput, isMaximumOneDrawing, hasIntersectionWithFIR, isValidGeoJsonCoordinates, isXHoursBefore, isAfter, isXHoursAfter, ReactHookFormTextField, containsNoCommas, isLatitude, isNonOrBothCoordinates, isLongitude, errorMessages, isGeometryDirty, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import { useApiContext, useApi, createApiInstance } from '@opengeoweb/api';
@@ -9,11 +9,11 @@ import { useDispatch, useSelector, shallowEqual } from 'react-redux';
 import { mapTypes, mapSelectors, generateMapId, generateTimesliderId, SyncGroups, generateLayerId, mapActions, publicLayers, MapControls, LayerManagerMapButtonConnect, LegendMapButtonConnect, MultiDimensionSelectMapButtonsConnect, MapViewConnect, MapViewLayer, TimeSliderConnect } from '@opengeoweb/core';
 import * as turf from '@turf/turf';
 import { polygonToLineString, booleanClockwise, rewind } from '@turf/turf';
+import makeStyles from '@mui/styles/makeStyles';
 import { useDraftFormHelpers, useIsMounted, StatusTag, AlertBanner, usePreventBrowserClose, useConfirmationDialog, isAxiosError, getAxiosErrorMessage, ConfirmationServiceProvider, usePoller } from '@opengeoweb/shared';
-import { LocationOn, Delete, ArrowBackIos, InfoOutlined, Create, CheckCircle, Schedule } from '@material-ui/icons';
+import { LocationOn, Delete, ArrowBackIos, InfoOutlined, Create, CheckCircle, Schedule } from '@mui/icons-material';
 import moment from 'moment';
 import { debounce } from 'lodash';
-import { Skeleton } from '@material-ui/lab';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -450,20 +450,20 @@ var StartOrEndDrawing;
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
 var adagucBaseUrl = 'https://adaguc-server-geoweb.geoweb.knmi.cloud/adagucserver';
-var KNMIGeoWebSigmetAirmetOverlays = {
-  name: 'SigmetAirmetOverlays',
-  url: "".concat(adagucBaseUrl, "?dataset=OVL-sigmetairmet"),
-  id: 'sigmetairmetoverlays'
+var KNMIGeoWebOverlays = {
+  name: 'KNMIGeoWebOverlays',
+  url: "".concat(adagucBaseUrl, "?dataset=OVL"),
+  id: 'knmigeoweboverlays'
 };
 var northSeaPlatforms = {
-  service: KNMIGeoWebSigmetAirmetOverlays.url,
+  service: KNMIGeoWebOverlays.url,
   name: 'northseastations',
   format: 'image/png',
   layerType: mapTypes.LayerType.overLayer,
   enabled: true
 };
 var majorAirportsEHAA = {
-  service: KNMIGeoWebSigmetAirmetOverlays.url,
+  service: KNMIGeoWebOverlays.url,
   name: 'airports',
   format: 'image/png',
   layerType: mapTypes.LayerType.overLayer,
@@ -1128,6 +1128,9 @@ var useStyles$6 = makeStyles({
   body: {
     paddingTop: '17px'
   },
+  containerItem: {
+    paddingTop: '8px'
+  },
   volcanicField: {
     marginBottom: 16
   },
@@ -1154,7 +1157,7 @@ var useStyles$6 = makeStyles({
     opacity: '1'
   },
   drawSection: {
-    paddingBottom: '10px'
+    padding: '10px 0px'
   }
 });
 
@@ -1248,12 +1251,13 @@ var Change = function Change(_ref) {
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
-    spacing: 2
+    spacing: 2,
+    className: classes.containerItem
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -1261,7 +1265,7 @@ var Change = function Change(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12
@@ -1379,7 +1383,7 @@ var DrawTools = function DrawTools(_ref) {
     item: true,
     xs: 12,
     container: true,
-    justify: "space-between",
+    justifyContent: "space-between",
     "data-testid": "drawtools"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true
@@ -1674,7 +1678,7 @@ var getProductFormLifecycleButtons = function getProductFormLifecycleButtons(can
   return /*#__PURE__*/React.createElement(Grid, {
     container: true,
     spacing: 1,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, canBe.includes('DISCARDED') && /*#__PURE__*/React.createElement(Grid, {
     item: true
   }, /*#__PURE__*/React.createElement(Button, {
@@ -1999,12 +2003,13 @@ var Levels = function Levels(_ref) {
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
-    spacing: 2
+    spacing: 2,
+    className: classes.containerItem
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -2012,7 +2017,7 @@ var Levels = function Levels(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12
@@ -2408,12 +2413,12 @@ var ObservationForecast = function ObservationForecast(_ref) {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(ReactHookFormRadioGroup, {
     name: "isObservationOrForecast",
     disabled: isDisabled,
@@ -2479,7 +2484,7 @@ var ObservationForecastTime = function ObservationForecastTime(_ref) {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -2487,7 +2492,7 @@ var ObservationForecastTime = function ObservationForecastTime(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(ReactHookFormDateTime, {
     disablePast: watch('isObservationOrForecast') === 'FCST',
     disableFuture: watch('isObservationOrForecast') === 'OBS',
@@ -2532,7 +2537,7 @@ var Phenomenon = function Phenomenon(_ref) {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -2540,7 +2545,7 @@ var Phenomenon = function Phenomenon(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(ReactHookFormSelect, {
     name: "phenomenon",
     label: "Select phenomenon",
@@ -2624,7 +2629,7 @@ var StartGeometry = function StartGeometry(_ref) {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -2772,12 +2777,13 @@ var Progress = function Progress(_ref) {
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
-    spacing: 2
+    spacing: 2,
+    className: classes.containerItem
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -2785,7 +2791,7 @@ var Progress = function Progress(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12
@@ -2991,12 +2997,13 @@ var SelectFIR = function SelectFIR(_ref) {
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
-    spacing: 2
+    spacing: 2,
+    className: classes.containerItem
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -3004,7 +3011,7 @@ var SelectFIR = function SelectFIR(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(ReactHookFormSelect, {
     name: "locationIndicatorATSR",
     label: "Select FIR",
@@ -3070,12 +3077,13 @@ var Type = function Type(_ref) {
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
-    spacing: 2
+    spacing: 2,
+    className: classes.containerItem
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -3083,7 +3091,7 @@ var Type = function Type(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12
@@ -3158,7 +3166,7 @@ var ValidFrom = function ValidFrom(_ref) {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -3166,7 +3174,7 @@ var ValidFrom = function ValidFrom(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(ReactHookFormDateTime, {
     disablePast: true,
     name: "validDateStart",
@@ -3252,7 +3260,7 @@ var ValidUntil = function ValidUntil(_ref) {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -3260,7 +3268,7 @@ var ValidUntil = function ValidUntil(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(ReactHookFormDateTime, {
     disablePast: true,
     name: "validDateEnd",
@@ -3333,12 +3341,12 @@ var VolcanicFields = function VolcanicFields(_ref) {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, (!isReadOnly || !!watch('vaSigmetVolcanoName')) && /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
@@ -3452,12 +3460,12 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
@@ -3563,12 +3571,12 @@ var SurfaceWind = function SurfaceWind(_ref) {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
@@ -3717,12 +3725,13 @@ var CloudLevels = function CloudLevels(_ref) {
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
-    spacing: 2
+    spacing: 2,
+    className: classes.containerItem
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 4,
     container: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "subtitle1",
     className: classes.label
@@ -3730,7 +3739,7 @@ var CloudLevels = function CloudLevels(_ref) {
     item: true,
     xs: 8,
     container: true,
-    justify: "flex-start"
+    justifyContent: "flex-start"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12
@@ -4237,12 +4246,12 @@ var SigmetForm = function SigmetForm(_ref) {
       item: true,
       xs: 4,
       container: true,
-      justify: "flex-end"
+      justifyContent: "flex-end"
     }), /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       xs: 8,
       container: true,
-      justify: "flex-start"
+      justifyContent: "flex-start"
     }, /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       xs: 12
@@ -4253,12 +4262,13 @@ var SigmetForm = function SigmetForm(_ref) {
     }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default.createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       container: true,
-      spacing: 2
+      spacing: 2,
+      className: classes.containerItem
     }, /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       xs: 4,
       container: true,
-      justify: "flex-end"
+      justifyContent: "flex-end"
     }, /*#__PURE__*/React__default.createElement(Typography, {
       variant: "subtitle1",
       className: classes.label
@@ -4266,7 +4276,7 @@ var SigmetForm = function SigmetForm(_ref) {
       item: true,
       xs: 8,
       container: true,
-      justify: "flex-start"
+      justifyContent: "flex-start"
     }, /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       xs: 12
@@ -4281,7 +4291,7 @@ var SigmetForm = function SigmetForm(_ref) {
       item: true,
       xs: 4,
       container: true,
-      justify: "flex-end"
+      justifyContent: "flex-end"
     }, /*#__PURE__*/React__default.createElement(Typography, {
       variant: "subtitle1",
       className: classes.label
@@ -4289,7 +4299,7 @@ var SigmetForm = function SigmetForm(_ref) {
       item: true,
       xs: 8,
       container: true,
-      justify: "flex-start"
+      justifyContent: "flex-start"
     }, /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       xs: 12
@@ -4490,12 +4500,13 @@ var AirmetForm = function AirmetForm(_ref) {
     }), /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       container: true,
-      spacing: 2
+      spacing: 2,
+      className: classes.containerItem
     }, /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       xs: 4,
       container: true,
-      justify: "flex-end"
+      justifyContent: "flex-end"
     }, /*#__PURE__*/React__default.createElement(Typography, {
       variant: "subtitle1",
       className: classes.label
@@ -4503,7 +4514,7 @@ var AirmetForm = function AirmetForm(_ref) {
       item: true,
       xs: 8,
       container: true,
-      justify: "flex-start"
+      justifyContent: "flex-start"
     }, /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       xs: 12
@@ -4518,7 +4529,7 @@ var AirmetForm = function AirmetForm(_ref) {
       item: true,
       xs: 4,
       container: true,
-      justify: "flex-end"
+      justifyContent: "flex-end"
     }, /*#__PURE__*/React__default.createElement(Typography, {
       variant: "subtitle1",
       className: classes.label
@@ -4526,7 +4537,7 @@ var AirmetForm = function AirmetForm(_ref) {
       item: true,
       xs: 8,
       container: true,
-      justify: "flex-start"
+      justifyContent: "flex-start"
     }, /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       xs: 12
@@ -4602,6 +4613,11 @@ var useStyles$3 = makeStyles({
     minHeight: 200,
     minWidth: 400,
     height: '100%'
+  },
+  dialog: {
+    '& .MuiDialogContent-root': {
+      paddingTop: 20
+    }
   }
 });
 
@@ -4631,9 +4647,8 @@ var ContentDialog = function ContentDialog(_a) {
     open: open,
     onClose: handleClose,
     maxWidth: other.maxWidth ? other.maxWidth : 'lg',
-    disableBackdropClick: true
+    className: classes.dialog
   }, other), /*#__PURE__*/React.createElement(DialogTitle, {
-    disableTypography: true,
     className: classes.dialogHeader
   }, /*#__PURE__*/React.createElement(Grid, {
     container: true,
@@ -4925,7 +4940,7 @@ var ProductList = function ProductList(_ref) {
   }, /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     item: true,
-    justify: "flex-end"
+    justifyContent: "flex-end"
   }, /*#__PURE__*/React__default.createElement(Button, {
     variant: "contained",
     color: "secondary",
@@ -4955,7 +4970,7 @@ var ProductList = function ProductList(_ref) {
     }));
   })), isLoading && /*#__PURE__*/React__default.createElement(Skeleton, {
     "data-testid": "productList-skeleton",
-    variant: "rect",
+    variant: "rectangular",
     height: "660px"
   })));
 };