@opengeoweb/sigmet-airmet 2.1.3 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/assets/icons.d.ts +1 -1
  2. package/{sigmet-airmet.esm.js → index.esm.js} +78 -63
  3. package/{sigmet-airmet.umd.js → index.umd.js} +343 -323
  4. package/lib/components/ContentDialog/ContentDialog.d.ts +1 -1
  5. package/lib/components/ProductForms/ProductForm.styles.d.ts +1 -1
  6. package/package.json +16 -17
package/{sigmet-airmet.umd.js → index.umd.js} RENAMED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@material-ui/core'), require('react-hook-form'), require('@opengeoweb/form-fields'), require('@opengeoweb/api'), require('immer'), require('react-redux'), require('@opengeoweb/core'), require('@turf/turf'), require('@opengeoweb/shared'), require('@material-ui/icons'), require('moment'), require('lodash'), require('@material-ui/lab')) :
3
- typeof define === 'function' && define.amd ? define(['exports', 'react', '@material-ui/core', 'react-hook-form', '@opengeoweb/form-fields', '@opengeoweb/api', 'immer', 'react-redux', '@opengeoweb/core', '@turf/turf', '@opengeoweb/shared', '@material-ui/icons', 'moment', 'lodash', '@material-ui/lab'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SigmetAirmet = {}, global.React, global.core$1, global.reactHookForm, global.formFields, global.api, global.produce, global.reactRedux, global.core, global.turf, global.shared, global.icons, global.moment, global.lodash, global.lab));
5
- })(this, (function (exports, React, core$1, reactHookForm, formFields, api, produce, reactRedux, core, turf, shared, icons, moment, lodash, lab) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@mui/material'), require('react-hook-form'), require('@opengeoweb/form-fields'), require('@opengeoweb/api'), require('immer'), require('react-redux'), require('@opengeoweb/core'), require('@turf/turf'), require('@mui/styles/makeStyles'), require('@opengeoweb/shared'), require('@mui/icons-material'), require('moment'), require('lodash')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material', 'react-hook-form', '@opengeoweb/form-fields', '@opengeoweb/api', 'immer', 'react-redux', '@opengeoweb/core', '@turf/turf', '@mui/styles/makeStyles', '@opengeoweb/shared', '@mui/icons-material', 'moment', 'lodash'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SigmetAirmet = {}, global.React, global.material, global.reactHookForm, global.formFields, global.api, global.produce, global.reactRedux, global.core, global.turf, global.makeStyles, global.shared, global.iconsMaterial, global.moment, global.lodash));
5
+ })(this, (function (exports, React, material, reactHookForm, formFields, api, produce, reactRedux, core, turf, makeStyles, shared, iconsMaterial, moment, lodash) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -28,6 +28,7 @@
28
28
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
29
29
  var produce__default = /*#__PURE__*/_interopDefaultLegacy(produce);
30
30
  var turf__namespace = /*#__PURE__*/_interopNamespace(turf);
31
+ var makeStyles__default = /*#__PURE__*/_interopDefaultLegacy(makeStyles);
31
32
  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
32
33
 
33
34
  /*! *****************************************************************************
@@ -123,10 +124,14 @@
123
124
  return ar;
124
125
  }
125
126
 
126
- function __spreadArray(to, from) {
127
- for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
128
- to[j] = from[i];
129
- return to;
127
+ function __spreadArray(to, from, pack) {
128
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
129
+ if (ar || !(i in from)) {
130
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
131
+ ar[i] = from[i];
132
+ }
133
+ }
134
+ return to.concat(ar || Array.prototype.slice.call(from));
130
135
  }
131
136
 
132
137
  var srsAndBboxDefault = {
@@ -461,20 +466,20 @@
461
466
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
462
467
  * */
463
468
  var adagucBaseUrl = 'https://adaguc-server-geoweb.geoweb.knmi.cloud/adagucserver';
464
- var KNMIGeoWebSigmetAirmetOverlays = {
465
- name: 'SigmetAirmetOverlays',
466
- url: adagucBaseUrl + "?dataset=OVL-sigmetairmet",
467
- id: 'sigmetairmetoverlays'
469
+ var KNMIGeoWebOverlays = {
470
+ name: 'KNMIGeoWebOverlays',
471
+ url: adagucBaseUrl + "?dataset=OVL",
472
+ id: 'knmigeoweboverlays'
468
473
  };
469
474
  var northSeaPlatforms = {
470
- service: KNMIGeoWebSigmetAirmetOverlays.url,
475
+ service: KNMIGeoWebOverlays.url,
471
476
  name: 'northseastations',
472
477
  format: 'image/png',
473
478
  layerType: core.mapTypes.LayerType.overLayer,
474
479
  enabled: true
475
480
  };
476
481
  var majorAirportsEHAA = {
477
- service: KNMIGeoWebSigmetAirmetOverlays.url,
482
+ service: KNMIGeoWebOverlays.url,
478
483
  name: 'airports',
479
484
  format: 'image/png',
480
485
  layerType: core.mapTypes.LayerType.overLayer,
@@ -1105,7 +1110,7 @@
1105
1110
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
1106
1111
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
1107
1112
  * */
1108
- var useStyles$6 = core$1.makeStyles({
1113
+ var useStyles$6 = makeStyles__default["default"]({
1109
1114
  productForm: {
1110
1115
  overflowY: 'scroll',
1111
1116
  overflowX: 'hidden',
@@ -1118,6 +1123,9 @@
1118
1123
  body: {
1119
1124
  paddingTop: '17px'
1120
1125
  },
1126
+ containerItem: {
1127
+ paddingTop: '8px'
1128
+ },
1121
1129
  volcanicField: {
1122
1130
  marginBottom: 16
1123
1131
  },
@@ -1144,7 +1152,7 @@
1144
1152
  opacity: '1'
1145
1153
  },
1146
1154
  drawSection: {
1147
- paddingBottom: '10px'
1155
+ padding: '10px 0px'
1148
1156
  }
1149
1157
  });
1150
1158
 
@@ -1155,12 +1163,12 @@
1155
1163
  disabled = _a === void 0 ? true : _a,
1156
1164
  restProps = __rest(props, ["value", "label", "disabled"]);
1157
1165
 
1158
- return /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, __assign({
1166
+ return /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, __assign({
1159
1167
  style: {
1160
1168
  pointerEvents: 'none'
1161
1169
  },
1162
1170
  value: value,
1163
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1171
+ control: /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1164
1172
  style: {
1165
1173
  pointerEvents: 'auto'
1166
1174
  }
@@ -1193,24 +1201,25 @@
1193
1201
  var watch = reactHookForm.useFormContext().watch;
1194
1202
  var isRequired = shared.useDraftFormHelpers().isRequired;
1195
1203
  var classes = useStyles$6();
1196
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1204
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1197
1205
  item: true,
1198
1206
  container: true,
1199
- spacing: 2
1200
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1207
+ spacing: 2,
1208
+ className: classes.containerItem
1209
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1201
1210
  item: true,
1202
1211
  xs: 4,
1203
1212
  container: true,
1204
- justify: "flex-end"
1205
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
1213
+ justifyContent: "flex-end"
1214
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
1206
1215
  variant: "subtitle1",
1207
1216
  className: classes.label
1208
- }, "Change")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1217
+ }, "Change")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1209
1218
  item: true,
1210
1219
  xs: 8,
1211
1220
  container: true,
1212
- justify: "flex-start"
1213
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1221
+ justifyContent: "flex-start"
1222
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1214
1223
  item: true,
1215
1224
  xs: 12
1216
1225
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
@@ -1240,17 +1249,17 @@
1240
1249
  };
1241
1250
 
1242
1251
  var RegionDraw = function RegionDraw(props) {
1243
- return /*#__PURE__*/React__default["default"].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
1252
+ return /*#__PURE__*/React__default["default"].createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
1244
1253
  d: "M6,2 L6,2.999 L10,2.999 L10,2 L14,2 L14,2.999 L18,2.999 L18,2 L22,2 L22,6 L20.999,6 L20.999,10 L22,10 L22,14 L20.999,14 L20.999,18 L22,18 L22,22 L18,22 L18,20.999 L14,20.999 L14,22 L10,22 L10,20.999 L6,20.999 L6,22 L2,22 L2,18 L2.999,18 L2.999,14 L2,14 L2,10 L2.999,10 L2.999,6 L2,6 L2,2 L6,2 Z M10,4.999 L6,4.999 L6,6 L4.999,6 L4.999,10 L6,10 L6,14 L4.999,14 L4.999,18 L6,18 L6,18.999 L10,18.999 L10,18 L14,18 L14,18.999 L18,18.999 L18,18 L18.999,18 L18.999,14 L18,14 L18,10 L18.999,10 L18.999,6 L18,6 L18,4.999 L14,4.999 L14,6 L10,6 L10,4.999 Z"
1245
1254
  }));
1246
1255
  };
1247
1256
  var PolygonDraw = function PolygonDraw(props) {
1248
- return /*#__PURE__*/React__default["default"].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
1257
+ return /*#__PURE__*/React__default["default"].createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
1249
1258
  d: "M14,1 L14,4.113 L12.0044614,2.2 L11.994,5.221 L4.039,19 L5,19 L5,23 L1,23 L1,19 L2.307,19 L10.389,5 L10,5 L10,1 L14,1 Z M13.0044614,4.62000715 L23.2887637,14.4827842 L18.3738381,14.8752125 L20.4451897,19.755011 L18.7229079,20.4860763 L16.6515563,15.6062777 L12.9550728,18.8691758 L13.0044614,4.62000715 Z"
1250
1259
  }));
1251
1260
  };
1252
1261
  var FIRDraw = function FIRDraw(props) {
1253
- return /*#__PURE__*/React__default["default"].createElement(core$1.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("g", {
1262
+ return /*#__PURE__*/React__default["default"].createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("g", {
1254
1263
  stroke: "none",
1255
1264
  strokeWidth: "1",
1256
1265
  fill: "none",
@@ -1285,7 +1294,7 @@
1285
1294
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
1286
1295
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
1287
1296
  * */
1288
- var useStyles$5 = core$1.makeStyles({
1297
+ var useStyles$5 = makeStyles__default["default"]({
1289
1298
  drawButtons: {
1290
1299
  color: '#0075a9',
1291
1300
  borderRadius: '5px',
@@ -1307,22 +1316,22 @@
1307
1316
  drawMode = _a.drawMode,
1308
1317
  setDrawMode = _a.setDrawMode;
1309
1318
  var classes = useStyles$5();
1310
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1319
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1311
1320
  item: true,
1312
1321
  xs: 12,
1313
1322
  container: true,
1314
- justify: "space-between",
1323
+ justifyContent: "space-between",
1315
1324
  "data-testid": "drawtools"
1316
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1325
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1317
1326
  item: true
1318
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1327
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1319
1328
  title: "Drop a point as " + type + " position"
1320
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1321
- icon: /*#__PURE__*/React__default["default"].createElement(icons.LocationOn, {
1329
+ }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1330
+ icon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.LocationOn, {
1322
1331
  className: classes.drawButtons
1323
1332
  }),
1324
1333
  value: true,
1325
- checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.LocationOn, {
1334
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.LocationOn, {
1326
1335
  className: classes.drawButtonsSelected
1327
1336
  }),
1328
1337
  checked: drawMode === MapDrawMode.POINT,
@@ -1330,11 +1339,11 @@
1330
1339
  setDrawMode(MapDrawMode.POINT);
1331
1340
  },
1332
1341
  "data-testid": "drawtools-point"
1333
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1342
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1334
1343
  item: true
1335
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1344
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1336
1345
  title: "Draw a box as " + type + " position"
1337
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1346
+ }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1338
1347
  icon: /*#__PURE__*/React__default["default"].createElement(RegionDraw, {
1339
1348
  className: classes.drawButtons
1340
1349
  }),
@@ -1346,11 +1355,11 @@
1346
1355
  setDrawMode(MapDrawMode.BOX);
1347
1356
  },
1348
1357
  "data-testid": "drawtools-box"
1349
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1358
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1350
1359
  item: true
1351
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1360
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1352
1361
  title: "Draw a shape as " + type + " position"
1353
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1362
+ }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1354
1363
  icon: /*#__PURE__*/React__default["default"].createElement(PolygonDraw, {
1355
1364
  className: classes.drawButtons
1356
1365
  }),
@@ -1362,11 +1371,11 @@
1362
1371
  setDrawMode(MapDrawMode.POLYGON);
1363
1372
  },
1364
1373
  "data-testid": "drawtools-polygon"
1365
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1374
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1366
1375
  item: true
1367
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1376
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1368
1377
  title: "Set FIR as " + type + " position"
1369
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1378
+ }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1370
1379
  icon: /*#__PURE__*/React__default["default"].createElement(FIRDraw, {
1371
1380
  className: classes.drawButtons
1372
1381
  }),
@@ -1378,15 +1387,15 @@
1378
1387
  setDrawMode(MapDrawMode.FIR);
1379
1388
  },
1380
1389
  "data-testid": "drawtools-fir"
1381
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1390
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1382
1391
  item: true
1383
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1392
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1384
1393
  title: "Remove geometry"
1385
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1386
- icon: /*#__PURE__*/React__default["default"].createElement(icons.Delete, {
1394
+ }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1395
+ icon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Delete, {
1387
1396
  className: classes.drawButtons
1388
1397
  }),
1389
- checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.Delete, {
1398
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Delete, {
1390
1399
  className: classes.drawButtonsSelected
1391
1400
  }),
1392
1401
  checked: drawMode === MapDrawMode.DELETE,
@@ -1625,39 +1634,39 @@
1625
1634
  return canBeOptions.includes('PUBLISHED') ? 'edit' : 'view';
1626
1635
  };
1627
1636
  var getProductFormLifecycleButtons = function getProductFormLifecycleButtons(canBe, onButtonPress) {
1628
- return /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1637
+ return /*#__PURE__*/React__namespace.createElement(material.Grid, {
1629
1638
  container: true,
1630
1639
  spacing: 1,
1631
- justify: "flex-end"
1632
- }, canBe.includes('DISCARDED') && /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1640
+ justifyContent: "flex-end"
1641
+ }, canBe.includes('DISCARDED') && /*#__PURE__*/React__namespace.createElement(material.Grid, {
1633
1642
  item: true
1634
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
1643
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
1635
1644
  color: "secondary",
1636
1645
  onClick: function onClick() {
1637
1646
  onButtonPress('DISCARDED');
1638
1647
  },
1639
1648
  "data-testid": "productform-dialog-discard"
1640
- }, "Discard")), canBe.includes('DRAFTED') && /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1649
+ }, "Discard")), canBe.includes('DRAFTED') && /*#__PURE__*/React__namespace.createElement(material.Grid, {
1641
1650
  item: true
1642
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
1651
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
1643
1652
  color: "secondary",
1644
1653
  variant: "outlined",
1645
1654
  onClick: function onClick() {
1646
1655
  onButtonPress('DRAFT');
1647
1656
  },
1648
1657
  "data-testid": "productform-dialog-draft"
1649
- }, "Save")), canBe.includes('CANCELLED') && /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1658
+ }, "Save")), canBe.includes('CANCELLED') && /*#__PURE__*/React__namespace.createElement(material.Grid, {
1650
1659
  item: true
1651
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
1660
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
1652
1661
  color: "secondary",
1653
1662
  variant: "contained",
1654
1663
  onClick: function onClick() {
1655
1664
  onButtonPress('CANCELLED');
1656
1665
  },
1657
1666
  "data-testid": "productform-dialog-cancel"
1658
- }, "Cancel")), canBe.includes('PUBLISHED') && /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1667
+ }, "Cancel")), canBe.includes('PUBLISHED') && /*#__PURE__*/React__namespace.createElement(material.Grid, {
1659
1668
  item: true
1660
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
1669
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
1661
1670
  color: "secondary",
1662
1671
  variant: "contained",
1663
1672
  onClick: function onClick() {
@@ -1949,24 +1958,25 @@
1949
1958
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
1950
1959
 
1951
1960
  var allowedLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'level_unit', LevelUnits);
1952
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1961
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1953
1962
  item: true,
1954
1963
  container: true,
1955
- spacing: 2
1956
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1964
+ spacing: 2,
1965
+ className: classes.containerItem
1966
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1957
1967
  item: true,
1958
1968
  xs: 4,
1959
1969
  container: true,
1960
- justify: "flex-end"
1961
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
1970
+ justifyContent: "flex-end"
1971
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
1962
1972
  variant: "subtitle1",
1963
1973
  className: classes.label
1964
- }, "Levels")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1974
+ }, "Levels")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1965
1975
  item: true,
1966
1976
  xs: 8,
1967
1977
  container: true,
1968
- justify: "flex-start"
1969
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1978
+ justifyContent: "flex-start"
1979
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1970
1980
  item: true,
1971
1981
  xs: 12
1972
1982
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
@@ -2002,15 +2012,15 @@
2002
2012
  checked: watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS',
2003
2013
  "data-testid": "levels-AT",
2004
2014
  disabled: isDisabled
2005
- }), watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS' ? /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2015
+ }), watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS' ? /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2006
2016
  item: true,
2007
2017
  xs: 12,
2008
2018
  container: true
2009
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2019
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2010
2020
  item: true,
2011
2021
  xs: 3
2012
- }, (!isReadOnly || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2013
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
2022
+ }, (!isReadOnly || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
2023
+ control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
2014
2024
  checked: watch('levelInfoMode') === 'TOPS',
2015
2025
  onChange: function onChange() {
2016
2026
  setValue('levelInfoMode', getValues('levelInfoMode') === 'AT' ? 'TOPS' : 'AT', {
@@ -2022,7 +2032,7 @@
2022
2032
  }),
2023
2033
  "data-testid": "levels-TOPS",
2024
2034
  label: "Tops"
2025
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2035
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2026
2036
  item: true,
2027
2037
  xs: 3
2028
2038
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2044,11 +2054,11 @@
2044
2054
  _onChange();
2045
2055
  }
2046
2056
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2047
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2057
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2048
2058
  value: key,
2049
2059
  key: key
2050
2060
  }, allowedLevelUnitsForFir[key]);
2051
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2061
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2052
2062
  item: true,
2053
2063
  xs: 6
2054
2064
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2081,14 +2091,14 @@
2081
2091
  checked: watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC',
2082
2092
  "data-testid": "levels-BETW",
2083
2093
  disabled: isDisabled
2084
- }), watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2094
+ }), watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2085
2095
  item: true,
2086
2096
  xs: 12,
2087
2097
  container: true
2088
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2098
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2089
2099
  item: true,
2090
2100
  xs: 3
2091
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2101
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2092
2102
  item: true,
2093
2103
  xs: 3
2094
2104
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2112,11 +2122,11 @@
2112
2122
  _onChange();
2113
2123
  }
2114
2124
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2115
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2125
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2116
2126
  value: key,
2117
2127
  key: key
2118
2128
  }, allowedLevelUnitsForFir[key]);
2119
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2129
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2120
2130
  item: true,
2121
2131
  xs: 6
2122
2132
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2146,15 +2156,15 @@
2146
2156
  return (getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0) && trigger('lowerLevel.value');
2147
2157
  },
2148
2158
  autoFocus: true
2149
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2159
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2150
2160
  item: true,
2151
2161
  xs: 12,
2152
2162
  container: true
2153
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2163
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2154
2164
  item: true,
2155
2165
  xs: 3
2156
- }, (!isReadOnly || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2157
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
2166
+ }, (!isReadOnly || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
2167
+ control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
2158
2168
  checked: watch('levelInfoMode') === 'BETW_SFC',
2159
2169
  onChange: function onChange() {
2160
2170
  getValues('level.unit') && trigger('level.unit');
@@ -2168,7 +2178,7 @@
2168
2178
  }),
2169
2179
  "data-testid": "levels-SFC",
2170
2180
  label: "SFC"
2171
- })), watch('levelInfoMode') !== 'BETW_SFC' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2181
+ })), watch('levelInfoMode') !== 'BETW_SFC' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2172
2182
  item: true,
2173
2183
  xs: 3
2174
2184
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2196,11 +2206,11 @@
2196
2206
  _onChange();
2197
2207
  }
2198
2208
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2199
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2209
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2200
2210
  value: key,
2201
2211
  key: key
2202
2212
  }, allowedLevelUnitsForFir[key]);
2203
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2213
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2204
2214
  item: true,
2205
2215
  xs: 6
2206
2216
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2235,15 +2245,15 @@
2235
2245
  disabled: isDisabled,
2236
2246
  checked: watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV',
2237
2247
  "data-testid": "levels-ABV"
2238
- }), watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV' ? /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2248
+ }), watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV' ? /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2239
2249
  item: true,
2240
2250
  xs: 12,
2241
2251
  container: true
2242
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2252
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2243
2253
  item: true,
2244
2254
  xs: 3
2245
- }, (!isReadOnly || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2246
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
2255
+ }, (!isReadOnly || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
2256
+ control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
2247
2257
  checked: watch('levelInfoMode') === 'TOPS_ABV',
2248
2258
  onChange: function onChange() {
2249
2259
  setValue('levelInfoMode', getValues('levelInfoMode') === 'ABV' ? 'TOPS_ABV' : 'ABV', {
@@ -2254,7 +2264,7 @@
2254
2264
  }),
2255
2265
  label: "Tops",
2256
2266
  "data-testid": "levels-TOPS_ABV"
2257
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2267
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2258
2268
  item: true,
2259
2269
  xs: 3
2260
2270
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2276,11 +2286,11 @@
2276
2286
  _onChange();
2277
2287
  }
2278
2288
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2279
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2289
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2280
2290
  value: key,
2281
2291
  key: key
2282
2292
  }, allowedLevelUnitsForFir[key]);
2283
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2293
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2284
2294
  item: true,
2285
2295
  xs: 6
2286
2296
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2336,20 +2346,20 @@
2336
2346
  getValues = _b.getValues;
2337
2347
 
2338
2348
  var isRequired = shared.useDraftFormHelpers().isRequired;
2339
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2349
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2340
2350
  item: true,
2341
2351
  container: true,
2342
2352
  spacing: 2
2343
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2353
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2344
2354
  item: true,
2345
2355
  xs: 4,
2346
2356
  container: true,
2347
- justify: "flex-end"
2348
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2357
+ justifyContent: "flex-end"
2358
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2349
2359
  item: true,
2350
2360
  xs: 8,
2351
2361
  container: true,
2352
- justify: "flex-start"
2362
+ justifyContent: "flex-start"
2353
2363
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
2354
2364
  name: "isObservationOrForecast",
2355
2365
  disabled: isDisabled,
@@ -2404,23 +2414,23 @@
2404
2414
  } : _b;
2405
2415
  var watch = reactHookForm.useFormContext().watch;
2406
2416
  var classes = useStyles$6();
2407
- return (!isReadOnly || watch('observationOrForecastTime') !== null) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2417
+ return (!isReadOnly || watch('observationOrForecastTime') !== null) && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2408
2418
  item: true,
2409
2419
  container: true,
2410
2420
  spacing: 2
2411
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2421
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2412
2422
  item: true,
2413
2423
  xs: 4,
2414
2424
  container: true,
2415
- justify: "flex-end"
2416
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2425
+ justifyContent: "flex-end"
2426
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2417
2427
  variant: "subtitle1",
2418
2428
  className: classes.label
2419
- }, "At")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2429
+ }, "At")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2420
2430
  item: true,
2421
2431
  xs: 8,
2422
2432
  container: true,
2423
- justify: "flex-start"
2433
+ justifyContent: "flex-start"
2424
2434
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
2425
2435
  disablePast: watch('isObservationOrForecast') === 'FCST',
2426
2436
  disableFuture: watch('isObservationOrForecast') === 'OBS',
@@ -2457,23 +2467,23 @@
2457
2467
 
2458
2468
  var classes = useStyles$6();
2459
2469
  var phenomenaList = productType === 'sigmet' ? SigmetPhenomena : AirmetPhenomena;
2460
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2470
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2461
2471
  item: true,
2462
2472
  container: true,
2463
2473
  spacing: 2
2464
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2474
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2465
2475
  item: true,
2466
2476
  xs: 4,
2467
2477
  container: true,
2468
- justify: "flex-end"
2469
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2478
+ justifyContent: "flex-end"
2479
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2470
2480
  variant: "subtitle1",
2471
2481
  className: classes.label
2472
- }, "What")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2482
+ }, "What")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2473
2483
  item: true,
2474
2484
  xs: 8,
2475
2485
  container: true,
2476
- justify: "flex-start"
2486
+ justifyContent: "flex-start"
2477
2487
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2478
2488
  name: "phenomenon",
2479
2489
  label: "Select phenomenon",
@@ -2504,7 +2514,7 @@
2504
2514
  },
2505
2515
  autoFocus: true
2506
2516
  }, Object.keys(phenomenaList).map(function (key) {
2507
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2517
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2508
2518
  value: key,
2509
2519
  key: key
2510
2520
  }, phenomenaList[key]);
@@ -2546,20 +2556,20 @@
2546
2556
  watch = _c.watch;
2547
2557
 
2548
2558
  var isDraft = shared.useDraftFormHelpers().isDraft;
2549
- return !isReadOnly && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2559
+ return !isReadOnly && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2550
2560
  item: true,
2551
2561
  container: true,
2552
2562
  spacing: 2,
2553
2563
  className: classes.drawSection
2554
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2564
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2555
2565
  item: true,
2556
2566
  xs: 4,
2557
2567
  container: true,
2558
- justify: "flex-end"
2559
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2568
+ justifyContent: "flex-end"
2569
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2560
2570
  variant: "subtitle1",
2561
2571
  className: classes.label
2562
- }, "Start position")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2572
+ }, "Start position")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2563
2573
  item: true,
2564
2574
  xs: 8,
2565
2575
  "data-testid": "startGeometry"
@@ -2569,17 +2579,17 @@
2569
2579
  setDrawMode: function setDrawMode(mapDrawMode) {
2570
2580
  setDrawModeType(mapDrawMode, StartOrEndDrawing.start);
2571
2581
  }
2572
- }), drawMode[StartOrEndDrawing.start] && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2582
+ }), drawMode[StartOrEndDrawing.start] && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2573
2583
  variant: "filled",
2574
2584
  className: classes.quitDrawModeMessage
2575
- }, exitDrawModeMessage), !!errors.startGeometry && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2585
+ }, exitDrawModeMessage), !!errors.startGeometry && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2576
2586
  error: true,
2577
2587
  variant: "filled"
2578
2588
  }, errors.startGeometry.message),
2579
2589
  /* non-blocking warnings */
2580
- formFields.hasMaxFeaturePoints(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2590
+ formFields.hasMaxFeaturePoints(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2581
2591
  variant: "filled"
2582
- }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2592
+ }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionStart) && !drawMode[StartOrEndDrawing.start] && !errors.startGeometry && !isFir(geoJSONs.start) && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2583
2593
  variant: "filled"
2584
2594
  }, multiIntersectionsMessage), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2585
2595
  name: "startGeometry",
@@ -2697,24 +2707,25 @@
2697
2707
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed movement units based on selected FIR - if no FIR selected, allow all units
2698
2708
 
2699
2709
  var allowedMovementUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'movement_unit', MovementUnit);
2700
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2710
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2701
2711
  item: true,
2702
2712
  container: true,
2703
- spacing: 2
2704
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2713
+ spacing: 2,
2714
+ className: classes.containerItem
2715
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2705
2716
  item: true,
2706
2717
  xs: 4,
2707
2718
  container: true,
2708
- justify: "flex-end"
2709
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2719
+ justifyContent: "flex-end"
2720
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2710
2721
  variant: "subtitle1",
2711
2722
  className: classes.label
2712
- }, "Progress")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2723
+ }, "Progress")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2713
2724
  item: true,
2714
2725
  xs: 8,
2715
2726
  container: true,
2716
- justify: "flex-start"
2717
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2727
+ justifyContent: "flex-start"
2728
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2718
2729
  item: true,
2719
2730
  xs: 12
2720
2731
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
@@ -2743,7 +2754,7 @@
2743
2754
  label: "Movement",
2744
2755
  disabled: isDisabled,
2745
2756
  "data-testid": "movementType-MOVEMENT"
2746
- }), movementType === 'MOVEMENT' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2757
+ }), movementType === 'MOVEMENT' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2747
2758
  item: true,
2748
2759
  xs: 12
2749
2760
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2762,15 +2773,15 @@
2762
2773
  },
2763
2774
  autoFocus: true
2764
2775
  }, Object.keys(Direction).map(function (key) {
2765
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2776
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2766
2777
  value: key,
2767
2778
  key: key
2768
2779
  }, Direction[key]);
2769
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2780
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2770
2781
  item: true,
2771
2782
  xs: 12,
2772
2783
  container: true
2773
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2784
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2774
2785
  item: true,
2775
2786
  xs: 5
2776
2787
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2793,11 +2804,11 @@
2793
2804
  _onChange();
2794
2805
  }
2795
2806
  }, Object.keys(allowedMovementUnitsForFir).map(function (key) {
2796
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2807
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2797
2808
  value: key,
2798
2809
  key: key
2799
2810
  }, MovementUnit[key]);
2800
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2811
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2801
2812
  item: true,
2802
2813
  xs: 7
2803
2814
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2831,7 +2842,7 @@
2831
2842
  label: "End position",
2832
2843
  disabled: isDisabled,
2833
2844
  "data-testid": "movementType-FORECAST_POSITION"
2834
- })), productType === 'sigmet' && movementType === 'FORECAST_POSITION' && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2845
+ })), productType === 'sigmet' && movementType === 'FORECAST_POSITION' && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2835
2846
  item: true,
2836
2847
  xs: 12,
2837
2848
  "data-testid": "endGeometry",
@@ -2843,17 +2854,17 @@
2843
2854
  setDrawMode: function setDrawMode(mapDrawMode) {
2844
2855
  setDrawModeType(mapDrawMode, StartOrEndDrawing.end);
2845
2856
  }
2846
- }), drawMode[StartOrEndDrawing.end] && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2857
+ }), drawMode[StartOrEndDrawing.end] && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2847
2858
  variant: "filled",
2848
2859
  className: classes.quitDrawModeMessage
2849
- }, exitDrawModeMessage), !!errors.endGeometry && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2860
+ }, exitDrawModeMessage), !!errors.endGeometry && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2850
2861
  error: true,
2851
2862
  variant: "filled"
2852
2863
  }, errors.endGeometry.message),
2853
2864
  /* non-blocking warnings */
2854
- formFields.hasMaxFeaturePoints(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2865
+ formFields.hasMaxFeaturePoints(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2855
2866
  variant: "filled"
2856
- }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2867
+ }, maxFeaturePointsMessage), formFields.hasMulitpleIntersections(geoJSONs.intersectionEnd) && !drawMode[StartOrEndDrawing.end] && !errors.endGeometry && !isFir(geoJSONs.end) && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2857
2868
  variant: "filled"
2858
2869
  }, multiIntersectionsMessage)), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2859
2870
  name: "endGeometry",
@@ -2908,23 +2919,24 @@
2908
2919
  optionsFIR = _b.optionsFIR,
2909
2920
  allFIRS = _b.allFIRS;
2910
2921
 
2911
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2922
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2912
2923
  item: true,
2913
2924
  container: true,
2914
- spacing: 2
2915
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2925
+ spacing: 2,
2926
+ className: classes.containerItem
2927
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2916
2928
  item: true,
2917
2929
  xs: 4,
2918
2930
  container: true,
2919
- justify: "flex-end"
2920
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2931
+ justifyContent: "flex-end"
2932
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2921
2933
  variant: "subtitle1",
2922
2934
  className: classes.label
2923
- }, "Where")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2935
+ }, "Where")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2924
2936
  item: true,
2925
2937
  xs: 8,
2926
2938
  container: true,
2927
- justify: "flex-start"
2939
+ justifyContent: "flex-start"
2928
2940
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2929
2941
  name: "locationIndicatorATSR",
2930
2942
  label: "Select FIR",
@@ -2940,7 +2952,7 @@
2940
2952
  setValue('firName', allFIRS[changeEvent.target.value].firname);
2941
2953
  }
2942
2954
  }, optionsFIR.map(function (fir) {
2943
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2955
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2944
2956
  key: fir.ATSR + "-" + fir.FIR,
2945
2957
  value: fir.ATSR
2946
2958
  }, fir.FIR);
@@ -2982,24 +2994,25 @@
2982
2994
  var watch = reactHookForm.useFormContext().watch;
2983
2995
  var isRequired = shared.useDraftFormHelpers().isRequired;
2984
2996
  var classes = useStyles$6();
2985
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2997
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2986
2998
  item: true,
2987
2999
  container: true,
2988
- spacing: 2
2989
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3000
+ spacing: 2,
3001
+ className: classes.containerItem
3002
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2990
3003
  item: true,
2991
3004
  xs: 4,
2992
3005
  container: true,
2993
- justify: "flex-end"
2994
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3006
+ justifyContent: "flex-end"
3007
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2995
3008
  variant: "subtitle1",
2996
3009
  className: classes.label
2997
- }, "Type")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3010
+ }, "Type")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2998
3011
  item: true,
2999
3012
  xs: 8,
3000
3013
  container: true,
3001
- justify: "flex-start"
3002
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3014
+ justifyContent: "flex-start"
3015
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3003
3016
  item: true,
3004
3017
  xs: 12
3005
3018
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
@@ -3062,23 +3075,23 @@
3062
3075
  var classes = useStyles$6();
3063
3076
  var isRequired = shared.useDraftFormHelpers().isRequired;
3064
3077
  var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
3065
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3078
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3066
3079
  item: true,
3067
3080
  container: true,
3068
3081
  spacing: 2
3069
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3082
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3070
3083
  item: true,
3071
3084
  xs: 4,
3072
3085
  container: true,
3073
- justify: "flex-end"
3074
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3086
+ justifyContent: "flex-end"
3087
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
3075
3088
  variant: "subtitle1",
3076
3089
  className: classes.label
3077
- }, "Valid from")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3090
+ }, "Valid from")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3078
3091
  item: true,
3079
3092
  xs: 8,
3080
3093
  container: true,
3081
- justify: "flex-start"
3094
+ justifyContent: "flex-start"
3082
3095
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
3083
3096
  disablePast: true,
3084
3097
  name: "validDateStart",
@@ -3110,7 +3123,7 @@
3110
3123
  },
3111
3124
  disabled: isDisabled,
3112
3125
  "data-testid": "valid-from"
3113
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3126
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3114
3127
  item: true,
3115
3128
  xs: 6
3116
3129
  }));
@@ -3154,23 +3167,23 @@
3154
3167
  var classes = useStyles$6();
3155
3168
  var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
3156
3169
  var defaultHoursValid = getDefaultHoursValid(productType);
3157
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3170
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3158
3171
  item: true,
3159
3172
  container: true,
3160
3173
  spacing: 2
3161
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3174
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3162
3175
  item: true,
3163
3176
  xs: 4,
3164
3177
  container: true,
3165
- justify: "flex-end"
3166
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3178
+ justifyContent: "flex-end"
3179
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
3167
3180
  variant: "subtitle1",
3168
3181
  className: classes.label
3169
- }, "Valid until")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3182
+ }, "Valid until")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3170
3183
  item: true,
3171
3184
  xs: 8,
3172
3185
  container: true,
3173
- justify: "flex-start"
3186
+ justifyContent: "flex-start"
3174
3187
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
3175
3188
  disablePast: true,
3176
3189
  name: "validDateEnd",
@@ -3201,7 +3214,7 @@
3201
3214
 
3202
3215
  _onChange();
3203
3216
  }
3204
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3217
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3205
3218
  item: true,
3206
3219
  xs: 6
3207
3220
  }));
@@ -3235,21 +3248,21 @@
3235
3248
  getValues = _b.getValues;
3236
3249
 
3237
3250
  var classes = useStyles$6();
3238
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3251
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3239
3252
  item: true,
3240
3253
  container: true,
3241
3254
  spacing: 2
3242
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3255
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3243
3256
  item: true,
3244
3257
  xs: 4,
3245
3258
  container: true,
3246
- justify: "flex-end"
3247
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3259
+ justifyContent: "flex-end"
3260
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3248
3261
  item: true,
3249
3262
  xs: 8,
3250
3263
  container: true,
3251
- justify: "flex-start"
3252
- }, (!isReadOnly || !!watch('vaSigmetVolcanoName')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3264
+ justifyContent: "flex-start"
3265
+ }, (!isReadOnly || !!watch('vaSigmetVolcanoName')) && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3253
3266
  item: true,
3254
3267
  xs: 12,
3255
3268
  className: classes.volcanicField
@@ -3262,7 +3275,7 @@
3262
3275
  disabled: isDisabled,
3263
3276
  helperText: helperText,
3264
3277
  upperCase: true
3265
- })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3278
+ })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3266
3279
  item: true,
3267
3280
  xs: 6
3268
3281
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3286,7 +3299,7 @@
3286
3299
  onChange: function onChange() {
3287
3300
  return trigger('vaSigmetVolcanoCoordinates.longitude');
3288
3301
  }
3289
- })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3302
+ })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3290
3303
  item: true,
3291
3304
  xs: 6
3292
3305
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3351,21 +3364,21 @@
3351
3364
 
3352
3365
  var classes = useStyles$6();
3353
3366
  var isRequired = shared.useDraftFormHelpers().isRequired;
3354
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3367
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3355
3368
  item: true,
3356
3369
  container: true,
3357
3370
  spacing: 2
3358
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3371
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3359
3372
  item: true,
3360
3373
  xs: 4,
3361
3374
  container: true,
3362
- justify: "flex-end"
3363
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3375
+ justifyContent: "flex-end"
3376
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3364
3377
  item: true,
3365
3378
  xs: 8,
3366
3379
  container: true,
3367
- justify: "flex-start"
3368
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3380
+ justifyContent: "flex-start"
3381
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3369
3382
  item: true,
3370
3383
  xs: 12,
3371
3384
  className: classes.surfaceVisibility
@@ -3389,7 +3402,7 @@
3389
3402
  }
3390
3403
  },
3391
3404
  disabled: isDisabled
3392
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3405
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3393
3406
  item: true,
3394
3407
  xs: 12
3395
3408
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -3408,7 +3421,7 @@
3408
3421
  _onChange();
3409
3422
  }
3410
3423
  }, Object.keys(VisibilityCause).map(function (key) {
3411
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3424
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
3412
3425
  value: key,
3413
3426
  key: key
3414
3427
  }, VisibilityCause[key]);
@@ -3457,21 +3470,21 @@
3457
3470
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed speed units based on selected FIR - if no FIR selected, allow all units
3458
3471
 
3459
3472
  var allowedWindUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'surfacewind_unit', WindUnit);
3460
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3473
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3461
3474
  item: true,
3462
3475
  container: true,
3463
3476
  spacing: 2
3464
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3477
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3465
3478
  item: true,
3466
3479
  xs: 4,
3467
3480
  container: true,
3468
- justify: "flex-end"
3469
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3481
+ justifyContent: "flex-end"
3482
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3470
3483
  item: true,
3471
3484
  xs: 8,
3472
3485
  container: true,
3473
- justify: "flex-start"
3474
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3486
+ justifyContent: "flex-start"
3487
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3475
3488
  item: true,
3476
3489
  xs: 12,
3477
3490
  className: classes.surfaceWind
@@ -3495,11 +3508,11 @@
3495
3508
  },
3496
3509
  disabled: isDisabled,
3497
3510
  "data-testid": "surfaceWind-windDirection"
3498
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3511
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3499
3512
  item: true,
3500
3513
  xs: 12,
3501
3514
  container: true
3502
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3515
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3503
3516
  item: true,
3504
3517
  xs: 5
3505
3518
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -3522,11 +3535,11 @@
3522
3535
  _onChange();
3523
3536
  }
3524
3537
  }, Object.keys(allowedWindUnitsForFir).map(function (key) {
3525
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3538
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
3526
3539
  value: key,
3527
3540
  key: key
3528
3541
  }, allowedWindUnitsForFir[key]);
3529
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3542
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3530
3543
  item: true,
3531
3544
  xs: 7
3532
3545
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3609,38 +3622,39 @@
3609
3622
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
3610
3623
 
3611
3624
  var allowedCloudLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'cloud_level_unit', CloudLevelUnits);
3612
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3625
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3613
3626
  item: true,
3614
3627
  container: true,
3615
- spacing: 2
3616
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3628
+ spacing: 2,
3629
+ className: classes.containerItem
3630
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3617
3631
  item: true,
3618
3632
  xs: 4,
3619
3633
  container: true,
3620
- justify: "flex-end"
3621
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3634
+ justifyContent: "flex-end"
3635
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
3622
3636
  variant: "subtitle1",
3623
3637
  className: classes.label
3624
- }, "Levels")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3638
+ }, "Levels")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3625
3639
  item: true,
3626
3640
  xs: 8,
3627
3641
  container: true,
3628
- justify: "flex-start"
3629
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3642
+ justifyContent: "flex-start"
3643
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3630
3644
  item: true,
3631
3645
  xs: 12
3632
3646
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
3633
3647
  name: "cloudLevelInfoMode",
3634
3648
  defaultValue: "BETW"
3635
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3649
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3636
3650
  item: true,
3637
3651
  xs: 12,
3638
3652
  container: true
3639
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3653
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3640
3654
  item: true,
3641
3655
  xs: 4
3642
- }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
3643
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
3656
+ }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
3657
+ control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
3644
3658
  checked: watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
3645
3659
  onChange: function onChange() {
3646
3660
  switch (getValues('cloudLevelInfoMode')) {
@@ -3675,7 +3689,7 @@
3675
3689
  }),
3676
3690
  "data-testid": "cloudLevels-Above",
3677
3691
  label: "Above"
3678
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3692
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3679
3693
  item: true,
3680
3694
  xs: 3
3681
3695
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -3705,11 +3719,11 @@
3705
3719
  _onChange();
3706
3720
  }
3707
3721
  }, Object.keys(allowedCloudLevelUnitsForFir).map(function (key) {
3708
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3722
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
3709
3723
  value: key,
3710
3724
  key: key
3711
3725
  }, allowedCloudLevelUnitsForFir[key]);
3712
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3726
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3713
3727
  item: true,
3714
3728
  xs: 5
3715
3729
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3738,15 +3752,15 @@
3738
3752
  onChange: function onChange() {
3739
3753
  return (getValues('cloudLowerLevel.value') || getValues('cloudLowerLevel.value') === 0) && trigger('cloudLowerLevel.value');
3740
3754
  }
3741
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3755
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3742
3756
  item: true,
3743
3757
  xs: 12,
3744
3758
  container: true
3745
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3759
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3746
3760
  item: true,
3747
3761
  xs: 4
3748
- }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
3749
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Checkbox, {
3762
+ }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
3763
+ control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
3750
3764
  checked: watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
3751
3765
  onChange: function onChange() {
3752
3766
  switch (getValues('cloudLevelInfoMode')) {
@@ -3781,7 +3795,7 @@
3781
3795
  }),
3782
3796
  "data-testid": "cloudLevels-SFC",
3783
3797
  label: "SFC"
3784
- })), watch('cloudLevelInfoMode') !== 'BETW_SFC' && watch('cloudLevelInfoMode') !== 'BETW_SFC_ABV' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3798
+ })), watch('cloudLevelInfoMode') !== 'BETW_SFC' && watch('cloudLevelInfoMode') !== 'BETW_SFC_ABV' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3785
3799
  item: true,
3786
3800
  xs: 3
3787
3801
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -3811,11 +3825,11 @@
3811
3825
  _onChange();
3812
3826
  }
3813
3827
  }, Object.keys(allowedCloudLevelUnitsForFir).map(function (key) {
3814
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3828
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
3815
3829
  value: key,
3816
3830
  key: key
3817
3831
  }, allowedCloudLevelUnitsForFir[key]);
3818
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3832
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3819
3833
  item: true,
3820
3834
  xs: 5
3821
3835
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3847,7 +3861,7 @@
3847
3861
  })))))));
3848
3862
  };
3849
3863
 
3850
- var useStyles$4 = core$1.makeStyles({
3864
+ var useStyles$4 = makeStyles__default["default"]({
3851
3865
  tacOutput: {
3852
3866
  paddingTop: '16px',
3853
3867
  whiteSpace: 'break-spaces'
@@ -3951,7 +3965,7 @@
3951
3965
  var tac = _a.tac;
3952
3966
  var classes = useStyles$4();
3953
3967
  var tacLines = tac.split('\n');
3954
- return /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3968
+ return /*#__PURE__*/React__default["default"].createElement(material.Typography, {
3955
3969
  variant: "body2",
3956
3970
  component: "div",
3957
3971
  className: classes.tacOutput,
@@ -4062,7 +4076,7 @@
4062
4076
  }, [drawMode.start, drawMode.end, isReadOnly, isDisabled]);
4063
4077
 
4064
4078
  var renderForm = function renderForm() {
4065
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4079
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4066
4080
  container: true,
4067
4081
  direction: "column",
4068
4082
  spacing: 2
@@ -4118,68 +4132,69 @@
4118
4132
  }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4119
4133
  isDisabled: isDisabled,
4120
4134
  isReadOnly: isReadOnly
4121
- }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4135
+ }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4122
4136
  item: true,
4123
4137
  container: true,
4124
4138
  spacing: 2
4125
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4139
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4126
4140
  item: true,
4127
4141
  xs: 4,
4128
4142
  container: true,
4129
- justify: "flex-end"
4130
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4143
+ justifyContent: "flex-end"
4144
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4131
4145
  item: true,
4132
4146
  xs: 8,
4133
4147
  container: true,
4134
- justify: "flex-start"
4135
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4148
+ justifyContent: "flex-start"
4149
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4136
4150
  item: true,
4137
4151
  xs: 12
4138
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4152
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4139
4153
  variant: "body2",
4140
4154
  className: classes.body,
4141
4155
  "data-testid": "vaSigmetMoveToFIR"
4142
- }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default["default"].createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4156
+ }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default["default"].createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4143
4157
  item: true,
4144
4158
  container: true,
4145
- spacing: 2
4146
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4159
+ spacing: 2,
4160
+ className: classes.containerItem
4161
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4147
4162
  item: true,
4148
4163
  xs: 4,
4149
4164
  container: true,
4150
- justify: "flex-end"
4151
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4165
+ justifyContent: "flex-end"
4166
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4152
4167
  variant: "subtitle1",
4153
4168
  className: classes.label
4154
- }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4169
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4155
4170
  item: true,
4156
4171
  xs: 8,
4157
4172
  container: true,
4158
- justify: "flex-start"
4159
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4173
+ justifyContent: "flex-start"
4174
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4160
4175
  item: true,
4161
4176
  xs: 12
4162
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4177
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4163
4178
  variant: "body2",
4164
4179
  className: classes.body
4165
- }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4180
+ }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4166
4181
  item: true,
4167
4182
  container: true,
4168
4183
  spacing: 2
4169
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4184
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4170
4185
  item: true,
4171
4186
  xs: 4,
4172
4187
  container: true,
4173
- justify: "flex-end"
4174
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4188
+ justifyContent: "flex-end"
4189
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4175
4190
  variant: "subtitle1",
4176
4191
  className: classes.label
4177
- }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4192
+ }, "TAC")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4178
4193
  item: true,
4179
4194
  xs: 8,
4180
4195
  container: true,
4181
- justify: "flex-start"
4182
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4196
+ justifyContent: "flex-start"
4197
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4183
4198
  item: true,
4184
4199
  xs: 12
4185
4200
  }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
@@ -4213,12 +4228,12 @@
4213
4228
  style: {
4214
4229
  width: '100%'
4215
4230
  }
4216
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4231
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4217
4232
  container: true,
4218
4233
  style: {
4219
4234
  height: '100%'
4220
4235
  }
4221
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4236
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4222
4237
  item: true,
4223
4238
  xs: 8
4224
4239
  }, /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
@@ -4231,7 +4246,7 @@
4231
4246
  setDrawMode: setDrawMode,
4232
4247
  exitDrawModeCallbackStart: updateStartDrawing,
4233
4248
  exitDrawModeCallbackEnd: updateEndDrawing
4234
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4249
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4235
4250
  item: true,
4236
4251
  xs: 4,
4237
4252
  className: classes.productForm
@@ -4315,7 +4330,7 @@
4315
4330
  }, [drawMode.start, isReadOnly, isDisabled]);
4316
4331
 
4317
4332
  var renderForm = function renderForm() {
4318
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4333
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4319
4334
  container: true,
4320
4335
  direction: "column",
4321
4336
  spacing: 2
@@ -4372,47 +4387,48 @@
4372
4387
  }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4373
4388
  isDisabled: isDisabled,
4374
4389
  isReadOnly: isReadOnly
4375
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4390
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4376
4391
  item: true,
4377
4392
  container: true,
4378
- spacing: 2
4379
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4393
+ spacing: 2,
4394
+ className: classes.containerItem
4395
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4380
4396
  item: true,
4381
4397
  xs: 4,
4382
4398
  container: true,
4383
- justify: "flex-end"
4384
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4399
+ justifyContent: "flex-end"
4400
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4385
4401
  variant: "subtitle1",
4386
4402
  className: classes.label
4387
- }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4403
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4388
4404
  item: true,
4389
4405
  xs: 8,
4390
4406
  container: true,
4391
- justify: "flex-start"
4392
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4407
+ justifyContent: "flex-start"
4408
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4393
4409
  item: true,
4394
4410
  xs: 12
4395
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4411
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4396
4412
  variant: "body2",
4397
4413
  className: classes.body
4398
- }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4414
+ }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4399
4415
  item: true,
4400
4416
  container: true,
4401
4417
  spacing: 2
4402
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4418
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4403
4419
  item: true,
4404
4420
  xs: 4,
4405
4421
  container: true,
4406
- justify: "flex-end"
4407
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4422
+ justifyContent: "flex-end"
4423
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4408
4424
  variant: "subtitle1",
4409
4425
  className: classes.label
4410
- }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4426
+ }, "TAC")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4411
4427
  item: true,
4412
4428
  xs: 8,
4413
4429
  container: true,
4414
- justify: "flex-start"
4415
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4430
+ justifyContent: "flex-start"
4431
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4416
4432
  item: true,
4417
4433
  xs: 12
4418
4434
  }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
@@ -4446,12 +4462,12 @@
4446
4462
  style: {
4447
4463
  width: '100%'
4448
4464
  }
4449
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4465
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4450
4466
  container: true,
4451
4467
  style: {
4452
4468
  height: '100%'
4453
4469
  }
4454
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4470
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4455
4471
  item: true,
4456
4472
  xs: 8
4457
4473
  }, /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
@@ -4463,14 +4479,14 @@
4463
4479
  drawMode: drawMode,
4464
4480
  setDrawMode: setDrawMode,
4465
4481
  exitDrawModeCallbackStart: updateStartDrawing
4466
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4482
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4467
4483
  item: true,
4468
4484
  xs: 4,
4469
4485
  className: classes.productForm
4470
4486
  }, renderForm())));
4471
4487
  };
4472
4488
 
4473
- var useStyles$3 = core$1.makeStyles({
4489
+ var useStyles$3 = makeStyles__default["default"]({
4474
4490
  dialogHeader: {
4475
4491
  boxShadow: '0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
4476
4492
  zIndex: 1,
@@ -4487,6 +4503,11 @@
4487
4503
  minHeight: 200,
4488
4504
  minWidth: 400,
4489
4505
  height: '100%'
4506
+ },
4507
+ dialog: {
4508
+ '& .MuiDialogContent-root': {
4509
+ paddingTop: 20
4510
+ }
4490
4511
  }
4491
4512
  });
4492
4513
 
@@ -4511,46 +4532,45 @@
4511
4532
  }
4512
4533
  };
4513
4534
 
4514
- return /*#__PURE__*/React__namespace.createElement(core$1.Dialog, __assign({
4535
+ return /*#__PURE__*/React__namespace.createElement(material.Dialog, __assign({
4515
4536
  "data-testid": "contentDialog",
4516
4537
  open: open,
4517
4538
  onClose: handleClose,
4518
4539
  maxWidth: other.maxWidth ? other.maxWidth : 'lg',
4519
- disableBackdropClick: true
4520
- }, other), /*#__PURE__*/React__namespace.createElement(core$1.DialogTitle, {
4521
- disableTypography: true,
4540
+ className: classes.dialog
4541
+ }, other), /*#__PURE__*/React__namespace.createElement(material.DialogTitle, {
4522
4542
  className: classes.dialogHeader
4523
- }, /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4543
+ }, /*#__PURE__*/React__namespace.createElement(material.Grid, {
4524
4544
  container: true,
4525
4545
  alignItems: "center"
4526
- }, /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4546
+ }, /*#__PURE__*/React__namespace.createElement(material.Grid, {
4527
4547
  item: true,
4528
4548
  xs: true
4529
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
4549
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
4530
4550
  onClick: handleClose,
4531
4551
  color: "secondary",
4532
4552
  size: "medium",
4533
- startIcon: /*#__PURE__*/React__namespace.createElement(icons.ArrowBackIos, {
4553
+ startIcon: /*#__PURE__*/React__namespace.createElement(iconsMaterial.ArrowBackIos, {
4534
4554
  fontSize: "small",
4535
4555
  color: "secondary"
4536
4556
  }),
4537
4557
  "data-testid": "contentdialog-close"
4538
- }, /*#__PURE__*/React__namespace.createElement(core$1.Typography, {
4558
+ }, /*#__PURE__*/React__namespace.createElement(material.Typography, {
4539
4559
  variant: "subtitle1",
4540
4560
  color: "secondary"
4541
- }, "BACK"))), /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4561
+ }, "BACK"))), /*#__PURE__*/React__namespace.createElement(material.Grid, {
4542
4562
  item: true,
4543
4563
  xs: true,
4544
4564
  className: classes.dialogTitle
4545
- }, /*#__PURE__*/React__namespace.createElement(core$1.Typography, {
4565
+ }, /*#__PURE__*/React__namespace.createElement(material.Typography, {
4546
4566
  "data-testid": "dialogTitle",
4547
4567
  variant: "h6"
4548
- }, title)), /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4568
+ }, title)), /*#__PURE__*/React__namespace.createElement(material.Grid, {
4549
4569
  item: true,
4550
4570
  xs: true
4551
- }, /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4571
+ }, /*#__PURE__*/React__namespace.createElement(material.Grid, {
4552
4572
  container: true
4553
- }, options)))), alertBanner !== null && alertBanner, /*#__PURE__*/React__namespace.createElement(core$1.DialogContent, {
4573
+ }, options)))), alertBanner !== null && alertBanner, /*#__PURE__*/React__namespace.createElement(material.DialogContent, {
4554
4574
  className: classes.dialogChildren
4555
4575
  }, children));
4556
4576
  };
@@ -4562,11 +4582,11 @@
4562
4582
  }
4563
4583
 
4564
4584
  var active = moment__default["default"](product.validDateStart) <= moment__default["default"].utc(new Date());
4565
- return active ? /*#__PURE__*/React__default["default"].createElement(icons.CheckCircle, {
4585
+ return active ? /*#__PURE__*/React__default["default"].createElement(iconsMaterial.CheckCircle, {
4566
4586
  "data-testid": "status-active",
4567
4587
  className: className,
4568
4588
  fontSize: "small"
4569
- }) : /*#__PURE__*/React__default["default"].createElement(icons.Schedule, {
4589
+ }) : /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Schedule, {
4570
4590
  "data-testid": "status-inactive",
4571
4591
  className: className,
4572
4592
  fontSize: "small"
@@ -4621,7 +4641,7 @@
4621
4641
  return product.cancelsAirmetSequenceId;
4622
4642
  };
4623
4643
 
4624
- var useStyles$2 = core$1.makeStyles({
4644
+ var useStyles$2 = makeStyles__default["default"]({
4625
4645
  cardWrapper: {
4626
4646
  width: '100%'
4627
4647
  },
@@ -4681,36 +4701,36 @@
4681
4701
  var phenomenon = isInstanceOfSigmetOrAirmet(product) && product.phenomenon ? product.phenomenon : null;
4682
4702
  var validTimeFormat = moment__default["default"].utc(product.validDateStart).format('DD MMM YYYY') === moment__default["default"].utc(product.validDateEnd).format('DD MMM YYYY') ? 'HH:mm' : 'DD MMM YYYY, HH:mm';
4683
4703
  var validTime = formatValidTime(product.validDateStart, product.validDateEnd, validTimeFormat);
4684
- return /*#__PURE__*/React__default["default"].createElement(core$1.Card, {
4704
+ return /*#__PURE__*/React__default["default"].createElement(material.Card, {
4685
4705
  elevation: 0,
4686
4706
  variant: "outlined",
4687
4707
  className: classes.cardWrapper
4688
- }, /*#__PURE__*/React__default["default"].createElement(core$1.CardContent, {
4708
+ }, /*#__PURE__*/React__default["default"].createElement(material.CardContent, {
4689
4709
  className: classes.cardContent
4690
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4710
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4691
4711
  container: true,
4692
4712
  alignItems: "center",
4693
4713
  spacing: 1
4694
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
4714
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
4695
4715
  title: phenomenon !== null ? getPhenomenon(productType, phenomenon) : '',
4696
4716
  placement: "bottom-start"
4697
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4717
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4698
4718
  item: true,
4699
4719
  xs: 3,
4700
4720
  sm: 3,
4701
4721
  md: 1
4702
- }, phenomenon !== null && /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4722
+ }, phenomenon !== null && /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4703
4723
  variant: "overline"
4704
- }, productType.toUpperCase()), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4724
+ }, productType.toUpperCase()), /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4705
4725
  variant: "subtitle2",
4706
4726
  noWrap: true,
4707
4727
  className: classes.font
4708
- }, phenomenon !== null ? phenomenon : 'Cancel'))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4728
+ }, phenomenon !== null ? phenomenon : 'Cancel'))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4709
4729
  item: true,
4710
4730
  xs: 3,
4711
4731
  sm: 2,
4712
4732
  md: 1
4713
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
4733
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
4714
4734
  "data-testid": "productlistrow-tactooltip",
4715
4735
  title: /*#__PURE__*/React__default["default"].createElement("div", {
4716
4736
  style: {
@@ -4718,44 +4738,44 @@
4718
4738
  }
4719
4739
  }, TAC),
4720
4740
  placement: "bottom-start"
4721
- }, /*#__PURE__*/React__default["default"].createElement(icons.InfoOutlined, {
4741
+ }, /*#__PURE__*/React__default["default"].createElement(iconsMaterial.InfoOutlined, {
4722
4742
  "data-testid": "productlistrow-tacicon",
4723
4743
  color: "secondary",
4724
4744
  fontSize: "small"
4725
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4745
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4726
4746
  item: true,
4727
4747
  xs: 9,
4728
4748
  sm: 10,
4729
4749
  md: 3,
4730
4750
  lg: 2
4731
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4751
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4732
4752
  variant: "overline"
4733
- }, "Issue time"), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4753
+ }, "Issue time"), /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4734
4754
  variant: "subtitle2",
4735
4755
  className: classes.font,
4736
4756
  "data-testid": "issueTime"
4737
- }, product.issueDate ? moment__default["default"].utc(product.issueDate).format('DD MMM YYYY, HH:mm') + " UTC" : '(Not published)')), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4757
+ }, product.issueDate ? moment__default["default"].utc(product.issueDate).format('DD MMM YYYY, HH:mm') + " UTC" : '(Not published)')), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4738
4758
  item: true,
4739
4759
  xs: 12,
4740
4760
  sm: 8,
4741
4761
  md: 5,
4742
4762
  lg: 6
4743
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4763
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4744
4764
  variant: "overline"
4745
- }, "Valid time"), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4765
+ }, "Valid time"), /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4746
4766
  variant: "subtitle2",
4747
4767
  className: classes.font,
4748
4768
  "data-testid": "validTime"
4749
- }, validTime)), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4769
+ }, validTime)), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4750
4770
  item: true,
4751
4771
  xs: 6,
4752
4772
  sm: 4,
4753
4773
  md: 2,
4754
4774
  container: true
4755
- }, product.status === 'DRAFT' ? /*#__PURE__*/React__default["default"].createElement(core$1.Button, {
4775
+ }, product.status === 'DRAFT' ? /*#__PURE__*/React__default["default"].createElement(material.Button, {
4756
4776
  color: "secondary",
4757
4777
  size: "small",
4758
- startIcon: /*#__PURE__*/React__default["default"].createElement(icons.Create, {
4778
+ startIcon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Create, {
4759
4779
  fontSize: "small",
4760
4780
  color: "secondary"
4761
4781
  })
@@ -4778,7 +4798,7 @@
4778
4798
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
4779
4799
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
4780
4800
  * */
4781
- var useStyles$1 = core$1.makeStyles({
4801
+ var useStyles$1 = makeStyles__default["default"]({
4782
4802
  errorMessage: {
4783
4803
  width: '1200px',
4784
4804
  marginTop: '10px'
@@ -4800,20 +4820,20 @@
4800
4820
  onClickProductRow = _a.onClickProductRow,
4801
4821
  onClickNewProduct = _a.onClickNewProduct;
4802
4822
  var classes = useStyles$1();
4803
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4823
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4804
4824
  container: true,
4805
4825
  direction: "column",
4806
4826
  alignItems: "stretch"
4807
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4827
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4808
4828
  container: true,
4809
4829
  item: true,
4810
- justify: "flex-end"
4811
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Button, {
4830
+ justifyContent: "flex-end"
4831
+ }, /*#__PURE__*/React__default["default"].createElement(material.Button, {
4812
4832
  variant: "contained",
4813
4833
  color: "secondary",
4814
4834
  "data-testid": "productListCreateButton",
4815
4835
  onClick: onClickNewProduct
4816
- }, "Create a new ", productType.toUpperCase())), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4836
+ }, "Create a new ", productType.toUpperCase())), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4817
4837
  item: true,
4818
4838
  className: classes.listBody
4819
4839
  }, error && /*#__PURE__*/React__default["default"].createElement(shared.AlertBanner, {
@@ -4821,9 +4841,9 @@
4821
4841
  title: "An error has occurred while retrieving the list, please try again",
4822
4842
  info: error.message ? error.message : '',
4823
4843
  dataTestId: "productList-alert"
4824
- }), productList && /*#__PURE__*/React__default["default"].createElement(core$1.List, null, productList.map(function (productListItem, index) {
4844
+ }), productList && /*#__PURE__*/React__default["default"].createElement(material.List, null, productList.map(function (productListItem, index) {
4825
4845
  var product = productListItem[productType];
4826
- return /*#__PURE__*/React__default["default"].createElement(core$1.ListItem, {
4846
+ return /*#__PURE__*/React__default["default"].createElement(material.ListItem, {
4827
4847
  "data-testid": "productListItem",
4828
4848
  button: true,
4829
4849
  onClick: function onClick() {
@@ -4835,9 +4855,9 @@
4835
4855
  product: product,
4836
4856
  productType: productType
4837
4857
  }));
4838
- })), isLoading && /*#__PURE__*/React__default["default"].createElement(lab.Skeleton, {
4858
+ })), isLoading && /*#__PURE__*/React__default["default"].createElement(material.Skeleton, {
4839
4859
  "data-testid": "productList-skeleton",
4840
- variant: "rect",
4860
+ variant: "rectangular",
4841
4861
  height: "660px"
4842
4862
  })));
4843
4863
  };
@@ -4862,7 +4882,7 @@
4862
4882
  var sigmet = _a.sigmet;
4863
4883
  var allFIRS = useProductSettings(sigmetConfig).allFIRS;
4864
4884
  var isRequired = shared.useDraftFormHelpers().isRequired;
4865
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4885
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4866
4886
  variant: "body1"
4867
4887
  }, "Use the FIR to indicate the direction the Volcanic Ash is moving to:"), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
4868
4888
  name: "vaSigmetMoveToFIR",
@@ -4874,21 +4894,21 @@
4874
4894
  row: true,
4875
4895
  defaultValue: "UNKNOWN"
4876
4896
  }, allFIRS[sigmet.locationIndicatorATSR].adjacent_firs.map(function (adjacentFIR) {
4877
- return /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
4897
+ return /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
4878
4898
  key: adjacentFIR,
4879
4899
  value: adjacentFIR,
4880
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, null),
4900
+ control: /*#__PURE__*/React__default["default"].createElement(material.Radio, null),
4881
4901
  label: adjacentFIR
4882
4902
  });
4883
- }), /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
4903
+ }), /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
4884
4904
  key: "UNKNOWN",
4885
4905
  value: "UNKNOWN",
4886
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, null),
4906
+ control: /*#__PURE__*/React__default["default"].createElement(material.Radio, null),
4887
4907
  label: "Don't know"
4888
4908
  })));
4889
4909
  };
4890
4910
 
4891
- var useStyles = core$1.makeStyles({
4911
+ var useStyles = makeStyles__default["default"]({
4892
4912
  backdrop: {
4893
4913
  zIndex: 1500,
4894
4914
  color: '#fff'
@@ -5093,11 +5113,11 @@
5093
5113
  isCancelAirmet: product !== null && isInstanceOfCancelAirmet(product),
5094
5114
  initialAirmet: product !== null && !isInstanceOfCancelAirmet(product) ? product : null,
5095
5115
  initialCancelAirmet: product !== null && isInstanceOfCancelAirmet(product) ? product : null
5096
- }), /*#__PURE__*/React__namespace.createElement(DraftFieldHelper, null), /*#__PURE__*/React__namespace.createElement(core$1.Backdrop, {
5116
+ }), /*#__PURE__*/React__namespace.createElement(DraftFieldHelper, null), /*#__PURE__*/React__namespace.createElement(material.Backdrop, {
5097
5117
  "data-testid": "loader",
5098
5118
  open: showLoader,
5099
5119
  className: classes.backdrop
5100
- }, /*#__PURE__*/React__namespace.createElement(core$1.CircularProgress, {
5120
+ }, /*#__PURE__*/React__namespace.createElement(material.CircularProgress, {
5101
5121
  color: "inherit"
5102
5122
  })));
5103
5123
  };