@opengeoweb/sigmet-airmet 2.1.2 → 2.2.0

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 (7) hide show
  1. package/assets/icons.d.ts +1 -1
  2. package/{sigmet-airmet.esm.js → index.esm.js} +347 -308
  3. package/{sigmet-airmet.umd.js → index.umd.js} +582 -538
  4. package/lib/components/ContentDialog/ContentDialog.d.ts +1 -1
  5. package/lib/components/ProductForms/ProductForm.styles.d.ts +1 -1
  6. package/lib/utils/testUtils.d.ts +4 -0
  7. package/package.json +17 -18
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,
@@ -596,6 +601,12 @@
596
601
  }, /*#__PURE__*/React__namespace.createElement(core.MapControls, null, /*#__PURE__*/React__namespace.createElement(core.LayerManagerMapButtonConnect, {
597
602
  source: "module",
598
603
  mapId: mapId
604
+ }), /*#__PURE__*/React__namespace.createElement(core.LegendMapButtonConnect, {
605
+ source: "module",
606
+ mapId: mapId
607
+ }), /*#__PURE__*/React__namespace.createElement(core.MultiDimensionSelectMapButtonsConnect, {
608
+ source: "module",
609
+ mapId: mapId
599
610
  })), /*#__PURE__*/React__namespace.createElement(core.MapViewConnect, {
600
611
  mapId: mapId
601
612
  }, /*#__PURE__*/React__namespace.createElement(core.MapViewLayer, {
@@ -1099,7 +1110,7 @@
1099
1110
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
1100
1111
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
1101
1112
  * */
1102
- var useStyles$6 = core$1.makeStyles({
1113
+ var useStyles$6 = makeStyles__default["default"]({
1103
1114
  productForm: {
1104
1115
  overflowY: 'scroll',
1105
1116
  overflowX: 'hidden',
@@ -1112,6 +1123,9 @@
1112
1123
  body: {
1113
1124
  paddingTop: '17px'
1114
1125
  },
1126
+ containerItem: {
1127
+ paddingTop: '8px'
1128
+ },
1115
1129
  volcanicField: {
1116
1130
  marginBottom: 16
1117
1131
  },
@@ -1138,7 +1152,7 @@
1138
1152
  opacity: '1'
1139
1153
  },
1140
1154
  drawSection: {
1141
- paddingBottom: '10px'
1155
+ padding: '10px 0px'
1142
1156
  }
1143
1157
  });
1144
1158
 
@@ -1149,12 +1163,12 @@
1149
1163
  disabled = _a === void 0 ? true : _a,
1150
1164
  restProps = __rest(props, ["value", "label", "disabled"]);
1151
1165
 
1152
- return /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, __assign({
1166
+ return /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, __assign({
1153
1167
  style: {
1154
1168
  pointerEvents: 'none'
1155
1169
  },
1156
1170
  value: value,
1157
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1171
+ control: /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1158
1172
  style: {
1159
1173
  pointerEvents: 'auto'
1160
1174
  }
@@ -1187,24 +1201,25 @@
1187
1201
  var watch = reactHookForm.useFormContext().watch;
1188
1202
  var isRequired = shared.useDraftFormHelpers().isRequired;
1189
1203
  var classes = useStyles$6();
1190
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1204
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1191
1205
  item: true,
1192
1206
  container: true,
1193
- spacing: 2
1194
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1207
+ spacing: 2,
1208
+ className: classes.containerItem
1209
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1195
1210
  item: true,
1196
1211
  xs: 4,
1197
1212
  container: true,
1198
- justify: "flex-end"
1199
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
1213
+ justifyContent: "flex-end"
1214
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
1200
1215
  variant: "subtitle1",
1201
1216
  className: classes.label
1202
- }, "Change")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1217
+ }, "Change")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1203
1218
  item: true,
1204
1219
  xs: 8,
1205
1220
  container: true,
1206
- justify: "flex-start"
1207
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1221
+ justifyContent: "flex-start"
1222
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1208
1223
  item: true,
1209
1224
  xs: 12
1210
1225
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
@@ -1234,17 +1249,17 @@
1234
1249
  };
1235
1250
 
1236
1251
  var RegionDraw = function RegionDraw(props) {
1237
- 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", {
1238
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"
1239
1254
  }));
1240
1255
  };
1241
1256
  var PolygonDraw = function PolygonDraw(props) {
1242
- 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", {
1243
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"
1244
1259
  }));
1245
1260
  };
1246
1261
  var FIRDraw = function FIRDraw(props) {
1247
- 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", {
1248
1263
  stroke: "none",
1249
1264
  strokeWidth: "1",
1250
1265
  fill: "none",
@@ -1279,7 +1294,7 @@
1279
1294
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
1280
1295
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
1281
1296
  * */
1282
- var useStyles$5 = core$1.makeStyles({
1297
+ var useStyles$5 = makeStyles__default["default"]({
1283
1298
  drawButtons: {
1284
1299
  color: '#0075a9',
1285
1300
  borderRadius: '5px',
@@ -1301,22 +1316,22 @@
1301
1316
  drawMode = _a.drawMode,
1302
1317
  setDrawMode = _a.setDrawMode;
1303
1318
  var classes = useStyles$5();
1304
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1319
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1305
1320
  item: true,
1306
1321
  xs: 12,
1307
1322
  container: true,
1308
- justify: "space-between",
1323
+ justifyContent: "space-between",
1309
1324
  "data-testid": "drawtools"
1310
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1325
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1311
1326
  item: true
1312
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1327
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1313
1328
  title: "Drop a point as " + type + " position"
1314
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1315
- 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, {
1316
1331
  className: classes.drawButtons
1317
1332
  }),
1318
1333
  value: true,
1319
- checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.LocationOn, {
1334
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.LocationOn, {
1320
1335
  className: classes.drawButtonsSelected
1321
1336
  }),
1322
1337
  checked: drawMode === MapDrawMode.POINT,
@@ -1324,11 +1339,11 @@
1324
1339
  setDrawMode(MapDrawMode.POINT);
1325
1340
  },
1326
1341
  "data-testid": "drawtools-point"
1327
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1342
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1328
1343
  item: true
1329
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1344
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1330
1345
  title: "Draw a box as " + type + " position"
1331
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1346
+ }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1332
1347
  icon: /*#__PURE__*/React__default["default"].createElement(RegionDraw, {
1333
1348
  className: classes.drawButtons
1334
1349
  }),
@@ -1340,11 +1355,11 @@
1340
1355
  setDrawMode(MapDrawMode.BOX);
1341
1356
  },
1342
1357
  "data-testid": "drawtools-box"
1343
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1358
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1344
1359
  item: true
1345
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1360
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1346
1361
  title: "Draw a shape as " + type + " position"
1347
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1362
+ }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1348
1363
  icon: /*#__PURE__*/React__default["default"].createElement(PolygonDraw, {
1349
1364
  className: classes.drawButtons
1350
1365
  }),
@@ -1356,11 +1371,11 @@
1356
1371
  setDrawMode(MapDrawMode.POLYGON);
1357
1372
  },
1358
1373
  "data-testid": "drawtools-polygon"
1359
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1374
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1360
1375
  item: true
1361
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1376
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1362
1377
  title: "Set FIR as " + type + " position"
1363
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1378
+ }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
1364
1379
  icon: /*#__PURE__*/React__default["default"].createElement(FIRDraw, {
1365
1380
  className: classes.drawButtons
1366
1381
  }),
@@ -1372,15 +1387,15 @@
1372
1387
  setDrawMode(MapDrawMode.FIR);
1373
1388
  },
1374
1389
  "data-testid": "drawtools-fir"
1375
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1390
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1376
1391
  item: true
1377
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
1392
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
1378
1393
  title: "Remove geometry"
1379
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Radio, {
1380
- 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, {
1381
1396
  className: classes.drawButtons
1382
1397
  }),
1383
- checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.Delete, {
1398
+ checkedIcon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Delete, {
1384
1399
  className: classes.drawButtonsSelected
1385
1400
  }),
1386
1401
  checked: drawMode === MapDrawMode.DELETE,
@@ -1619,39 +1634,39 @@
1619
1634
  return canBeOptions.includes('PUBLISHED') ? 'edit' : 'view';
1620
1635
  };
1621
1636
  var getProductFormLifecycleButtons = function getProductFormLifecycleButtons(canBe, onButtonPress) {
1622
- return /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1637
+ return /*#__PURE__*/React__namespace.createElement(material.Grid, {
1623
1638
  container: true,
1624
1639
  spacing: 1,
1625
- justify: "flex-end"
1626
- }, canBe.includes('DISCARDED') && /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1640
+ justifyContent: "flex-end"
1641
+ }, canBe.includes('DISCARDED') && /*#__PURE__*/React__namespace.createElement(material.Grid, {
1627
1642
  item: true
1628
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
1643
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
1629
1644
  color: "secondary",
1630
1645
  onClick: function onClick() {
1631
1646
  onButtonPress('DISCARDED');
1632
1647
  },
1633
1648
  "data-testid": "productform-dialog-discard"
1634
- }, "Discard")), canBe.includes('DRAFTED') && /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1649
+ }, "Discard")), canBe.includes('DRAFTED') && /*#__PURE__*/React__namespace.createElement(material.Grid, {
1635
1650
  item: true
1636
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
1651
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
1637
1652
  color: "secondary",
1638
1653
  variant: "outlined",
1639
1654
  onClick: function onClick() {
1640
1655
  onButtonPress('DRAFT');
1641
1656
  },
1642
1657
  "data-testid": "productform-dialog-draft"
1643
- }, "Save")), canBe.includes('CANCELLED') && /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1658
+ }, "Save")), canBe.includes('CANCELLED') && /*#__PURE__*/React__namespace.createElement(material.Grid, {
1644
1659
  item: true
1645
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
1660
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
1646
1661
  color: "secondary",
1647
1662
  variant: "contained",
1648
1663
  onClick: function onClick() {
1649
1664
  onButtonPress('CANCELLED');
1650
1665
  },
1651
1666
  "data-testid": "productform-dialog-cancel"
1652
- }, "Cancel")), canBe.includes('PUBLISHED') && /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
1667
+ }, "Cancel")), canBe.includes('PUBLISHED') && /*#__PURE__*/React__namespace.createElement(material.Grid, {
1653
1668
  item: true
1654
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
1669
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
1655
1670
  color: "secondary",
1656
1671
  variant: "contained",
1657
1672
  onClick: function onClick() {
@@ -1943,24 +1958,25 @@
1943
1958
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
1944
1959
 
1945
1960
  var allowedLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'level_unit', LevelUnits);
1946
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1961
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1947
1962
  item: true,
1948
1963
  container: true,
1949
- spacing: 2
1950
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1964
+ spacing: 2,
1965
+ className: classes.containerItem
1966
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1951
1967
  item: true,
1952
1968
  xs: 4,
1953
1969
  container: true,
1954
- justify: "flex-end"
1955
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
1970
+ justifyContent: "flex-end"
1971
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
1956
1972
  variant: "subtitle1",
1957
1973
  className: classes.label
1958
- }, "Levels")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1974
+ }, "Levels")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1959
1975
  item: true,
1960
1976
  xs: 8,
1961
1977
  container: true,
1962
- justify: "flex-start"
1963
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
1978
+ justifyContent: "flex-start"
1979
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
1964
1980
  item: true,
1965
1981
  xs: 12
1966
1982
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
@@ -1996,15 +2012,15 @@
1996
2012
  checked: watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS',
1997
2013
  "data-testid": "levels-AT",
1998
2014
  disabled: isDisabled
1999
- }), 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, {
2000
2016
  item: true,
2001
2017
  xs: 12,
2002
2018
  container: true
2003
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2019
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2004
2020
  item: true,
2005
2021
  xs: 3
2006
- }, (!isReadOnly || watch('levelInfoMode') === 'TOPS') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2007
- 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, {
2008
2024
  checked: watch('levelInfoMode') === 'TOPS',
2009
2025
  onChange: function onChange() {
2010
2026
  setValue('levelInfoMode', getValues('levelInfoMode') === 'AT' ? 'TOPS' : 'AT', {
@@ -2016,7 +2032,7 @@
2016
2032
  }),
2017
2033
  "data-testid": "levels-TOPS",
2018
2034
  label: "Tops"
2019
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2035
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2020
2036
  item: true,
2021
2037
  xs: 3
2022
2038
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2038,11 +2054,11 @@
2038
2054
  _onChange();
2039
2055
  }
2040
2056
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2041
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2057
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2042
2058
  value: key,
2043
2059
  key: key
2044
2060
  }, allowedLevelUnitsForFir[key]);
2045
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2061
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2046
2062
  item: true,
2047
2063
  xs: 6
2048
2064
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2075,14 +2091,14 @@
2075
2091
  checked: watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC',
2076
2092
  "data-testid": "levels-BETW",
2077
2093
  disabled: isDisabled
2078
- }), 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, {
2079
2095
  item: true,
2080
2096
  xs: 12,
2081
2097
  container: true
2082
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2098
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2083
2099
  item: true,
2084
2100
  xs: 3
2085
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2101
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2086
2102
  item: true,
2087
2103
  xs: 3
2088
2104
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2106,11 +2122,11 @@
2106
2122
  _onChange();
2107
2123
  }
2108
2124
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2109
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2125
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2110
2126
  value: key,
2111
2127
  key: key
2112
2128
  }, allowedLevelUnitsForFir[key]);
2113
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2129
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2114
2130
  item: true,
2115
2131
  xs: 6
2116
2132
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2140,15 +2156,15 @@
2140
2156
  return (getValues('lowerLevel.value') || getValues('lowerLevel.value') === 0) && trigger('lowerLevel.value');
2141
2157
  },
2142
2158
  autoFocus: true
2143
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2159
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2144
2160
  item: true,
2145
2161
  xs: 12,
2146
2162
  container: true
2147
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2163
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2148
2164
  item: true,
2149
2165
  xs: 3
2150
- }, (!isReadOnly || watch('levelInfoMode') === 'BETW_SFC') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2151
- 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, {
2152
2168
  checked: watch('levelInfoMode') === 'BETW_SFC',
2153
2169
  onChange: function onChange() {
2154
2170
  getValues('level.unit') && trigger('level.unit');
@@ -2162,7 +2178,7 @@
2162
2178
  }),
2163
2179
  "data-testid": "levels-SFC",
2164
2180
  label: "SFC"
2165
- })), 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, {
2166
2182
  item: true,
2167
2183
  xs: 3
2168
2184
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2190,11 +2206,11 @@
2190
2206
  _onChange();
2191
2207
  }
2192
2208
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2193
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2209
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2194
2210
  value: key,
2195
2211
  key: key
2196
2212
  }, allowedLevelUnitsForFir[key]);
2197
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2213
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2198
2214
  item: true,
2199
2215
  xs: 6
2200
2216
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2229,15 +2245,15 @@
2229
2245
  disabled: isDisabled,
2230
2246
  checked: watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV',
2231
2247
  "data-testid": "levels-ABV"
2232
- }), 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, {
2233
2249
  item: true,
2234
2250
  xs: 12,
2235
2251
  container: true
2236
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2252
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2237
2253
  item: true,
2238
2254
  xs: 3
2239
- }, (!isReadOnly || watch('levelInfoMode') === 'TOPS_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
2240
- 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, {
2241
2257
  checked: watch('levelInfoMode') === 'TOPS_ABV',
2242
2258
  onChange: function onChange() {
2243
2259
  setValue('levelInfoMode', getValues('levelInfoMode') === 'ABV' ? 'TOPS_ABV' : 'ABV', {
@@ -2248,7 +2264,7 @@
2248
2264
  }),
2249
2265
  label: "Tops",
2250
2266
  "data-testid": "levels-TOPS_ABV"
2251
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2267
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2252
2268
  item: true,
2253
2269
  xs: 3
2254
2270
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2270,11 +2286,11 @@
2270
2286
  _onChange();
2271
2287
  }
2272
2288
  }, Object.keys(allowedLevelUnitsForFir).map(function (key) {
2273
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2289
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2274
2290
  value: key,
2275
2291
  key: key
2276
2292
  }, allowedLevelUnitsForFir[key]);
2277
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2293
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2278
2294
  item: true,
2279
2295
  xs: 6
2280
2296
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2330,20 +2346,20 @@
2330
2346
  getValues = _b.getValues;
2331
2347
 
2332
2348
  var isRequired = shared.useDraftFormHelpers().isRequired;
2333
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2349
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2334
2350
  item: true,
2335
2351
  container: true,
2336
2352
  spacing: 2
2337
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2353
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2338
2354
  item: true,
2339
2355
  xs: 4,
2340
2356
  container: true,
2341
- justify: "flex-end"
2342
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2357
+ justifyContent: "flex-end"
2358
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2343
2359
  item: true,
2344
2360
  xs: 8,
2345
2361
  container: true,
2346
- justify: "flex-start"
2362
+ justifyContent: "flex-start"
2347
2363
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
2348
2364
  name: "isObservationOrForecast",
2349
2365
  disabled: isDisabled,
@@ -2398,23 +2414,23 @@
2398
2414
  } : _b;
2399
2415
  var watch = reactHookForm.useFormContext().watch;
2400
2416
  var classes = useStyles$6();
2401
- 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, {
2402
2418
  item: true,
2403
2419
  container: true,
2404
2420
  spacing: 2
2405
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2421
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2406
2422
  item: true,
2407
2423
  xs: 4,
2408
2424
  container: true,
2409
- justify: "flex-end"
2410
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2425
+ justifyContent: "flex-end"
2426
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2411
2427
  variant: "subtitle1",
2412
2428
  className: classes.label
2413
- }, "At")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2429
+ }, "At")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2414
2430
  item: true,
2415
2431
  xs: 8,
2416
2432
  container: true,
2417
- justify: "flex-start"
2433
+ justifyContent: "flex-start"
2418
2434
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
2419
2435
  disablePast: watch('isObservationOrForecast') === 'FCST',
2420
2436
  disableFuture: watch('isObservationOrForecast') === 'OBS',
@@ -2451,23 +2467,23 @@
2451
2467
 
2452
2468
  var classes = useStyles$6();
2453
2469
  var phenomenaList = productType === 'sigmet' ? SigmetPhenomena : AirmetPhenomena;
2454
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2470
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2455
2471
  item: true,
2456
2472
  container: true,
2457
2473
  spacing: 2
2458
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2474
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2459
2475
  item: true,
2460
2476
  xs: 4,
2461
2477
  container: true,
2462
- justify: "flex-end"
2463
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2478
+ justifyContent: "flex-end"
2479
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2464
2480
  variant: "subtitle1",
2465
2481
  className: classes.label
2466
- }, "What")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2482
+ }, "What")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2467
2483
  item: true,
2468
2484
  xs: 8,
2469
2485
  container: true,
2470
- justify: "flex-start"
2486
+ justifyContent: "flex-start"
2471
2487
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2472
2488
  name: "phenomenon",
2473
2489
  label: "Select phenomenon",
@@ -2498,7 +2514,7 @@
2498
2514
  },
2499
2515
  autoFocus: true
2500
2516
  }, Object.keys(phenomenaList).map(function (key) {
2501
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2517
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2502
2518
  value: key,
2503
2519
  key: key
2504
2520
  }, phenomenaList[key]);
@@ -2540,20 +2556,20 @@
2540
2556
  watch = _c.watch;
2541
2557
 
2542
2558
  var isDraft = shared.useDraftFormHelpers().isDraft;
2543
- return !isReadOnly && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2559
+ return !isReadOnly && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2544
2560
  item: true,
2545
2561
  container: true,
2546
2562
  spacing: 2,
2547
2563
  className: classes.drawSection
2548
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2564
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2549
2565
  item: true,
2550
2566
  xs: 4,
2551
2567
  container: true,
2552
- justify: "flex-end"
2553
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2568
+ justifyContent: "flex-end"
2569
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2554
2570
  variant: "subtitle1",
2555
2571
  className: classes.label
2556
- }, "Start position")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2572
+ }, "Start position")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2557
2573
  item: true,
2558
2574
  xs: 8,
2559
2575
  "data-testid": "startGeometry"
@@ -2563,17 +2579,17 @@
2563
2579
  setDrawMode: function setDrawMode(mapDrawMode) {
2564
2580
  setDrawModeType(mapDrawMode, StartOrEndDrawing.start);
2565
2581
  }
2566
- }), drawMode[StartOrEndDrawing.start] && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2582
+ }), drawMode[StartOrEndDrawing.start] && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2567
2583
  variant: "filled",
2568
2584
  className: classes.quitDrawModeMessage
2569
- }, exitDrawModeMessage), !!errors.startGeometry && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2585
+ }, exitDrawModeMessage), !!errors.startGeometry && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2570
2586
  error: true,
2571
2587
  variant: "filled"
2572
2588
  }, errors.startGeometry.message),
2573
2589
  /* non-blocking warnings */
2574
- 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, {
2575
2591
  variant: "filled"
2576
- }, 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, {
2577
2593
  variant: "filled"
2578
2594
  }, multiIntersectionsMessage), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2579
2595
  name: "startGeometry",
@@ -2691,24 +2707,25 @@
2691
2707
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed movement units based on selected FIR - if no FIR selected, allow all units
2692
2708
 
2693
2709
  var allowedMovementUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'movement_unit', MovementUnit);
2694
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2710
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2695
2711
  item: true,
2696
2712
  container: true,
2697
- spacing: 2
2698
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2713
+ spacing: 2,
2714
+ className: classes.containerItem
2715
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2699
2716
  item: true,
2700
2717
  xs: 4,
2701
2718
  container: true,
2702
- justify: "flex-end"
2703
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2719
+ justifyContent: "flex-end"
2720
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2704
2721
  variant: "subtitle1",
2705
2722
  className: classes.label
2706
- }, "Progress")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2723
+ }, "Progress")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2707
2724
  item: true,
2708
2725
  xs: 8,
2709
2726
  container: true,
2710
- justify: "flex-start"
2711
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2727
+ justifyContent: "flex-start"
2728
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2712
2729
  item: true,
2713
2730
  xs: 12
2714
2731
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
@@ -2737,7 +2754,7 @@
2737
2754
  label: "Movement",
2738
2755
  disabled: isDisabled,
2739
2756
  "data-testid": "movementType-MOVEMENT"
2740
- }), 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, {
2741
2758
  item: true,
2742
2759
  xs: 12
2743
2760
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2756,15 +2773,15 @@
2756
2773
  },
2757
2774
  autoFocus: true
2758
2775
  }, Object.keys(Direction).map(function (key) {
2759
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2776
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2760
2777
  value: key,
2761
2778
  key: key
2762
2779
  }, Direction[key]);
2763
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2780
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2764
2781
  item: true,
2765
2782
  xs: 12,
2766
2783
  container: true
2767
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2784
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2768
2785
  item: true,
2769
2786
  xs: 5
2770
2787
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -2787,11 +2804,11 @@
2787
2804
  _onChange();
2788
2805
  }
2789
2806
  }, Object.keys(allowedMovementUnitsForFir).map(function (key) {
2790
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2807
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2791
2808
  value: key,
2792
2809
  key: key
2793
2810
  }, MovementUnit[key]);
2794
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2811
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2795
2812
  item: true,
2796
2813
  xs: 7
2797
2814
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -2825,7 +2842,7 @@
2825
2842
  label: "End position",
2826
2843
  disabled: isDisabled,
2827
2844
  "data-testid": "movementType-FORECAST_POSITION"
2828
- })), 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, {
2829
2846
  item: true,
2830
2847
  xs: 12,
2831
2848
  "data-testid": "endGeometry",
@@ -2837,17 +2854,17 @@
2837
2854
  setDrawMode: function setDrawMode(mapDrawMode) {
2838
2855
  setDrawModeType(mapDrawMode, StartOrEndDrawing.end);
2839
2856
  }
2840
- }), drawMode[StartOrEndDrawing.end] && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2857
+ }), drawMode[StartOrEndDrawing.end] && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2841
2858
  variant: "filled",
2842
2859
  className: classes.quitDrawModeMessage
2843
- }, exitDrawModeMessage), !!errors.endGeometry && /*#__PURE__*/React__default["default"].createElement(core$1.FormHelperText, {
2860
+ }, exitDrawModeMessage), !!errors.endGeometry && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, {
2844
2861
  error: true,
2845
2862
  variant: "filled"
2846
2863
  }, errors.endGeometry.message),
2847
2864
  /* non-blocking warnings */
2848
- 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, {
2849
2866
  variant: "filled"
2850
- }, 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, {
2851
2868
  variant: "filled"
2852
2869
  }, multiIntersectionsMessage)), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
2853
2870
  name: "endGeometry",
@@ -2902,23 +2919,24 @@
2902
2919
  optionsFIR = _b.optionsFIR,
2903
2920
  allFIRS = _b.allFIRS;
2904
2921
 
2905
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2922
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2906
2923
  item: true,
2907
2924
  container: true,
2908
- spacing: 2
2909
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2925
+ spacing: 2,
2926
+ className: classes.containerItem
2927
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2910
2928
  item: true,
2911
2929
  xs: 4,
2912
2930
  container: true,
2913
- justify: "flex-end"
2914
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
2931
+ justifyContent: "flex-end"
2932
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2915
2933
  variant: "subtitle1",
2916
2934
  className: classes.label
2917
- }, "Where")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2935
+ }, "Where")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2918
2936
  item: true,
2919
2937
  xs: 8,
2920
2938
  container: true,
2921
- justify: "flex-start"
2939
+ justifyContent: "flex-start"
2922
2940
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
2923
2941
  name: "locationIndicatorATSR",
2924
2942
  label: "Select FIR",
@@ -2934,7 +2952,7 @@
2934
2952
  setValue('firName', allFIRS[changeEvent.target.value].firname);
2935
2953
  }
2936
2954
  }, optionsFIR.map(function (fir) {
2937
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
2955
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
2938
2956
  key: fir.ATSR + "-" + fir.FIR,
2939
2957
  value: fir.ATSR
2940
2958
  }, fir.FIR);
@@ -2976,24 +2994,25 @@
2976
2994
  var watch = reactHookForm.useFormContext().watch;
2977
2995
  var isRequired = shared.useDraftFormHelpers().isRequired;
2978
2996
  var classes = useStyles$6();
2979
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
2997
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2980
2998
  item: true,
2981
2999
  container: true,
2982
- spacing: 2
2983
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3000
+ spacing: 2,
3001
+ className: classes.containerItem
3002
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2984
3003
  item: true,
2985
3004
  xs: 4,
2986
3005
  container: true,
2987
- justify: "flex-end"
2988
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3006
+ justifyContent: "flex-end"
3007
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
2989
3008
  variant: "subtitle1",
2990
3009
  className: classes.label
2991
- }, "Type")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3010
+ }, "Type")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2992
3011
  item: true,
2993
3012
  xs: 8,
2994
3013
  container: true,
2995
- justify: "flex-start"
2996
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3014
+ justifyContent: "flex-start"
3015
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
2997
3016
  item: true,
2998
3017
  xs: 12
2999
3018
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
@@ -3056,23 +3075,23 @@
3056
3075
  var classes = useStyles$6();
3057
3076
  var isRequired = shared.useDraftFormHelpers().isRequired;
3058
3077
  var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
3059
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3078
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3060
3079
  item: true,
3061
3080
  container: true,
3062
3081
  spacing: 2
3063
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3082
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3064
3083
  item: true,
3065
3084
  xs: 4,
3066
3085
  container: true,
3067
- justify: "flex-end"
3068
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3086
+ justifyContent: "flex-end"
3087
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
3069
3088
  variant: "subtitle1",
3070
3089
  className: classes.label
3071
- }, "Valid from")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3090
+ }, "Valid from")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3072
3091
  item: true,
3073
3092
  xs: 8,
3074
3093
  container: true,
3075
- justify: "flex-start"
3094
+ justifyContent: "flex-start"
3076
3095
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
3077
3096
  disablePast: true,
3078
3097
  name: "validDateStart",
@@ -3104,7 +3123,7 @@
3104
3123
  },
3105
3124
  disabled: isDisabled,
3106
3125
  "data-testid": "valid-from"
3107
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3126
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3108
3127
  item: true,
3109
3128
  xs: 6
3110
3129
  }));
@@ -3148,23 +3167,23 @@
3148
3167
  var classes = useStyles$6();
3149
3168
  var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
3150
3169
  var defaultHoursValid = getDefaultHoursValid(productType);
3151
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3170
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3152
3171
  item: true,
3153
3172
  container: true,
3154
3173
  spacing: 2
3155
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3174
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3156
3175
  item: true,
3157
3176
  xs: 4,
3158
3177
  container: true,
3159
- justify: "flex-end"
3160
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3178
+ justifyContent: "flex-end"
3179
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
3161
3180
  variant: "subtitle1",
3162
3181
  className: classes.label
3163
- }, "Valid until")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3182
+ }, "Valid until")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3164
3183
  item: true,
3165
3184
  xs: 8,
3166
3185
  container: true,
3167
- justify: "flex-start"
3186
+ justifyContent: "flex-start"
3168
3187
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormDateTime, {
3169
3188
  disablePast: true,
3170
3189
  name: "validDateEnd",
@@ -3195,7 +3214,7 @@
3195
3214
 
3196
3215
  _onChange();
3197
3216
  }
3198
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3217
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3199
3218
  item: true,
3200
3219
  xs: 6
3201
3220
  }));
@@ -3229,21 +3248,21 @@
3229
3248
  getValues = _b.getValues;
3230
3249
 
3231
3250
  var classes = useStyles$6();
3232
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3251
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3233
3252
  item: true,
3234
3253
  container: true,
3235
3254
  spacing: 2
3236
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3255
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3237
3256
  item: true,
3238
3257
  xs: 4,
3239
3258
  container: true,
3240
- justify: "flex-end"
3241
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3259
+ justifyContent: "flex-end"
3260
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3242
3261
  item: true,
3243
3262
  xs: 8,
3244
3263
  container: true,
3245
- justify: "flex-start"
3246
- }, (!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, {
3247
3266
  item: true,
3248
3267
  xs: 12,
3249
3268
  className: classes.volcanicField
@@ -3256,7 +3275,7 @@
3256
3275
  disabled: isDisabled,
3257
3276
  helperText: helperText,
3258
3277
  upperCase: true
3259
- })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3278
+ })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3260
3279
  item: true,
3261
3280
  xs: 6
3262
3281
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3280,7 +3299,7 @@
3280
3299
  onChange: function onChange() {
3281
3300
  return trigger('vaSigmetVolcanoCoordinates.longitude');
3282
3301
  }
3283
- })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3302
+ })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.longitude')) && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3284
3303
  item: true,
3285
3304
  xs: 6
3286
3305
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3345,21 +3364,21 @@
3345
3364
 
3346
3365
  var classes = useStyles$6();
3347
3366
  var isRequired = shared.useDraftFormHelpers().isRequired;
3348
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3367
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3349
3368
  item: true,
3350
3369
  container: true,
3351
3370
  spacing: 2
3352
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3371
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3353
3372
  item: true,
3354
3373
  xs: 4,
3355
3374
  container: true,
3356
- justify: "flex-end"
3357
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3375
+ justifyContent: "flex-end"
3376
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3358
3377
  item: true,
3359
3378
  xs: 8,
3360
3379
  container: true,
3361
- justify: "flex-start"
3362
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3380
+ justifyContent: "flex-start"
3381
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3363
3382
  item: true,
3364
3383
  xs: 12,
3365
3384
  className: classes.surfaceVisibility
@@ -3383,7 +3402,7 @@
3383
3402
  }
3384
3403
  },
3385
3404
  disabled: isDisabled
3386
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3405
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3387
3406
  item: true,
3388
3407
  xs: 12
3389
3408
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -3402,7 +3421,7 @@
3402
3421
  _onChange();
3403
3422
  }
3404
3423
  }, Object.keys(VisibilityCause).map(function (key) {
3405
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3424
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
3406
3425
  value: key,
3407
3426
  key: key
3408
3427
  }, VisibilityCause[key]);
@@ -3451,21 +3470,21 @@
3451
3470
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed speed units based on selected FIR - if no FIR selected, allow all units
3452
3471
 
3453
3472
  var allowedWindUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'surfacewind_unit', WindUnit);
3454
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3473
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3455
3474
  item: true,
3456
3475
  container: true,
3457
3476
  spacing: 2
3458
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3477
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3459
3478
  item: true,
3460
3479
  xs: 4,
3461
3480
  container: true,
3462
- justify: "flex-end"
3463
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3481
+ justifyContent: "flex-end"
3482
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3464
3483
  item: true,
3465
3484
  xs: 8,
3466
3485
  container: true,
3467
- justify: "flex-start"
3468
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3486
+ justifyContent: "flex-start"
3487
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3469
3488
  item: true,
3470
3489
  xs: 12,
3471
3490
  className: classes.surfaceWind
@@ -3489,11 +3508,11 @@
3489
3508
  },
3490
3509
  disabled: isDisabled,
3491
3510
  "data-testid": "surfaceWind-windDirection"
3492
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3511
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3493
3512
  item: true,
3494
3513
  xs: 12,
3495
3514
  container: true
3496
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3515
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3497
3516
  item: true,
3498
3517
  xs: 5
3499
3518
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -3516,11 +3535,11 @@
3516
3535
  _onChange();
3517
3536
  }
3518
3537
  }, Object.keys(allowedWindUnitsForFir).map(function (key) {
3519
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3538
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
3520
3539
  value: key,
3521
3540
  key: key
3522
3541
  }, allowedWindUnitsForFir[key]);
3523
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3542
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3524
3543
  item: true,
3525
3544
  xs: 7
3526
3545
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3603,38 +3622,39 @@
3603
3622
  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
3604
3623
 
3605
3624
  var allowedCloudLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'cloud_level_unit', CloudLevelUnits);
3606
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3625
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3607
3626
  item: true,
3608
3627
  container: true,
3609
- spacing: 2
3610
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3628
+ spacing: 2,
3629
+ className: classes.containerItem
3630
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3611
3631
  item: true,
3612
3632
  xs: 4,
3613
3633
  container: true,
3614
- justify: "flex-end"
3615
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3634
+ justifyContent: "flex-end"
3635
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
3616
3636
  variant: "subtitle1",
3617
3637
  className: classes.label
3618
- }, "Levels")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3638
+ }, "Levels")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3619
3639
  item: true,
3620
3640
  xs: 8,
3621
3641
  container: true,
3622
- justify: "flex-start"
3623
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3642
+ justifyContent: "flex-start"
3643
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3624
3644
  item: true,
3625
3645
  xs: 12
3626
3646
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
3627
3647
  name: "cloudLevelInfoMode",
3628
3648
  defaultValue: "BETW"
3629
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3649
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3630
3650
  item: true,
3631
3651
  xs: 12,
3632
3652
  container: true
3633
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3653
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3634
3654
  item: true,
3635
3655
  xs: 4
3636
- }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
3637
- 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, {
3638
3658
  checked: watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
3639
3659
  onChange: function onChange() {
3640
3660
  switch (getValues('cloudLevelInfoMode')) {
@@ -3669,7 +3689,7 @@
3669
3689
  }),
3670
3690
  "data-testid": "cloudLevels-Above",
3671
3691
  label: "Above"
3672
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3692
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3673
3693
  item: true,
3674
3694
  xs: 3
3675
3695
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -3699,11 +3719,11 @@
3699
3719
  _onChange();
3700
3720
  }
3701
3721
  }, Object.keys(allowedCloudLevelUnitsForFir).map(function (key) {
3702
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3722
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
3703
3723
  value: key,
3704
3724
  key: key
3705
3725
  }, allowedCloudLevelUnitsForFir[key]);
3706
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3726
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3707
3727
  item: true,
3708
3728
  xs: 5
3709
3729
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3732,15 +3752,15 @@
3732
3752
  onChange: function onChange() {
3733
3753
  return (getValues('cloudLowerLevel.value') || getValues('cloudLowerLevel.value') === 0) && trigger('cloudLowerLevel.value');
3734
3754
  }
3735
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3755
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3736
3756
  item: true,
3737
3757
  xs: 12,
3738
3758
  container: true
3739
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3759
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3740
3760
  item: true,
3741
3761
  xs: 4
3742
- }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
3743
- 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, {
3744
3764
  checked: watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
3745
3765
  onChange: function onChange() {
3746
3766
  switch (getValues('cloudLevelInfoMode')) {
@@ -3775,7 +3795,7 @@
3775
3795
  }),
3776
3796
  "data-testid": "cloudLevels-SFC",
3777
3797
  label: "SFC"
3778
- })), 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, {
3779
3799
  item: true,
3780
3800
  xs: 3
3781
3801
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -3805,11 +3825,11 @@
3805
3825
  _onChange();
3806
3826
  }
3807
3827
  }, Object.keys(allowedCloudLevelUnitsForFir).map(function (key) {
3808
- return /*#__PURE__*/React__default["default"].createElement(core$1.MenuItem, {
3828
+ return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
3809
3829
  value: key,
3810
3830
  key: key
3811
3831
  }, allowedCloudLevelUnitsForFir[key]);
3812
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
3832
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
3813
3833
  item: true,
3814
3834
  xs: 5
3815
3835
  }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormNumberField, {
@@ -3841,7 +3861,7 @@
3841
3861
  })))))));
3842
3862
  };
3843
3863
 
3844
- var useStyles$4 = core$1.makeStyles({
3864
+ var useStyles$4 = makeStyles__default["default"]({
3845
3865
  tacOutput: {
3846
3866
  paddingTop: '16px',
3847
3867
  whiteSpace: 'break-spaces'
@@ -3945,7 +3965,7 @@
3945
3965
  var tac = _a.tac;
3946
3966
  var classes = useStyles$4();
3947
3967
  var tacLines = tac.split('\n');
3948
- return /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
3968
+ return /*#__PURE__*/React__default["default"].createElement(material.Typography, {
3949
3969
  variant: "body2",
3950
3970
  component: "div",
3951
3971
  className: classes.tacOutput,
@@ -4054,6 +4074,152 @@
4054
4074
  setIsDisabled(isInDrawMode);
4055
4075
  }
4056
4076
  }, [drawMode.start, drawMode.end, isReadOnly, isDisabled]);
4077
+
4078
+ var renderForm = function renderForm() {
4079
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4080
+ container: true,
4081
+ direction: "column",
4082
+ spacing: 2
4083
+ }, !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4084
+ productType: "sigmet",
4085
+ isDisabled: isDisabled,
4086
+ onChange: onChangeForm
4087
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4088
+ isDisabled: isDisabled,
4089
+ isReadOnly: isReadOnly
4090
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4091
+ isDisabled: isDisabled,
4092
+ isReadOnly: isReadOnly,
4093
+ helperText: helperText,
4094
+ onChange: onChangeForm
4095
+ }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default["default"].createElement(VolcanicFields, {
4096
+ isDisabled: isDisabled,
4097
+ isReadOnly: isReadOnly,
4098
+ helperText: helperText
4099
+ }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4100
+ productType: "sigmet",
4101
+ isDisabled: isDisabled,
4102
+ onChange: onChangeForm
4103
+ }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4104
+ productType: "sigmet",
4105
+ isDisabled: isDisabled,
4106
+ onChange: onChangeForm
4107
+ })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4108
+ productType: "sigmet",
4109
+ isDisabled: isDisabled
4110
+ }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4111
+ isReadOnly: isReadOnly,
4112
+ drawMode: drawMode,
4113
+ geoJSONs: geoJSONs,
4114
+ setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4115
+ _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4116
+ }
4117
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Levels, {
4118
+ isDisabled: isDisabled,
4119
+ isReadOnly: isReadOnly,
4120
+ onChange: onChangeForm,
4121
+ productType: "sigmet"
4122
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4123
+ productType: "sigmet",
4124
+ isDisabled: isDisabled,
4125
+ isReadOnly: isReadOnly,
4126
+ drawMode: drawMode,
4127
+ geoJSONs: geoJSONs,
4128
+ setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4129
+ _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4130
+ },
4131
+ onChange: onChangeForm
4132
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4133
+ isDisabled: isDisabled,
4134
+ isReadOnly: isReadOnly
4135
+ }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4136
+ item: true,
4137
+ container: true,
4138
+ spacing: 2
4139
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4140
+ item: true,
4141
+ xs: 4,
4142
+ container: true,
4143
+ justifyContent: "flex-end"
4144
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4145
+ item: true,
4146
+ xs: 8,
4147
+ container: true,
4148
+ justifyContent: "flex-start"
4149
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4150
+ item: true,
4151
+ xs: 12
4152
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4153
+ variant: "body2",
4154
+ className: classes.body,
4155
+ "data-testid": "vaSigmetMoveToFIR"
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, {
4157
+ item: true,
4158
+ container: true,
4159
+ spacing: 2,
4160
+ className: classes.containerItem
4161
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4162
+ item: true,
4163
+ xs: 4,
4164
+ container: true,
4165
+ justifyContent: "flex-end"
4166
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4167
+ variant: "subtitle1",
4168
+ className: classes.label
4169
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4170
+ item: true,
4171
+ xs: 8,
4172
+ container: true,
4173
+ justifyContent: "flex-start"
4174
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4175
+ item: true,
4176
+ xs: 12
4177
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4178
+ variant: "body2",
4179
+ className: classes.body
4180
+ }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4181
+ item: true,
4182
+ container: true,
4183
+ spacing: 2
4184
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4185
+ item: true,
4186
+ xs: 4,
4187
+ container: true,
4188
+ justifyContent: "flex-end"
4189
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4190
+ variant: "subtitle1",
4191
+ className: classes.label
4192
+ }, "TAC")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4193
+ item: true,
4194
+ xs: 8,
4195
+ container: true,
4196
+ justifyContent: "flex-start"
4197
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4198
+ item: true,
4199
+ xs: 12
4200
+ }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4201
+ tac: tac
4202
+ })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4203
+ name: "sequence",
4204
+ defaultValue: "-1"
4205
+ }),
4206
+ /* Add hidden fields for TAC generation in case of cancel sigmet */
4207
+ isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4208
+ name: "cancelsSigmetSequenceId"
4209
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4210
+ name: "validDateEndOfSigmetToCancel"
4211
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4212
+ name: "validDateStartOfSigmetToCancel"
4213
+ }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4214
+ isDisabled: isDisabled,
4215
+ isReadOnly: isReadOnly
4216
+ }));
4217
+ };
4218
+
4219
+ if (!showMap) {
4220
+ return renderForm();
4221
+ }
4222
+
4057
4223
  return /*#__PURE__*/React__default["default"].createElement("form", {
4058
4224
  onChange: onChangeForm,
4059
4225
  onSubmit: handleSubmit(function () {
@@ -4062,15 +4228,15 @@
4062
4228
  style: {
4063
4229
  width: '100%'
4064
4230
  }
4065
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4231
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4066
4232
  container: true,
4067
4233
  style: {
4068
4234
  height: '100%'
4069
4235
  }
4070
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4236
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4071
4237
  item: true,
4072
4238
  xs: 8
4073
- }, showMap && /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4239
+ }, /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4074
4240
  geoJSONs: geoJSONs,
4075
4241
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4076
4242
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4080,147 +4246,11 @@
4080
4246
  setDrawMode: setDrawMode,
4081
4247
  exitDrawModeCallbackStart: updateStartDrawing,
4082
4248
  exitDrawModeCallbackEnd: updateEndDrawing
4083
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4249
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4084
4250
  item: true,
4085
4251
  xs: 4,
4086
4252
  className: classes.productForm
4087
- }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4088
- container: true,
4089
- direction: "column",
4090
- spacing: 2
4091
- }, !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4092
- productType: "sigmet",
4093
- isDisabled: isDisabled,
4094
- onChange: onChangeForm
4095
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4096
- isDisabled: isDisabled,
4097
- isReadOnly: isReadOnly
4098
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4099
- isDisabled: isDisabled,
4100
- isReadOnly: isReadOnly,
4101
- helperText: helperText,
4102
- onChange: onChangeForm
4103
- }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default["default"].createElement(VolcanicFields, {
4104
- isDisabled: isDisabled,
4105
- isReadOnly: isReadOnly,
4106
- helperText: helperText
4107
- }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4108
- productType: "sigmet",
4109
- isDisabled: isDisabled,
4110
- onChange: onChangeForm
4111
- }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4112
- productType: "sigmet",
4113
- isDisabled: isDisabled,
4114
- onChange: onChangeForm
4115
- })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4116
- productType: "sigmet",
4117
- isDisabled: isDisabled
4118
- }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4119
- isReadOnly: isReadOnly,
4120
- drawMode: drawMode,
4121
- geoJSONs: geoJSONs,
4122
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4123
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4124
- }
4125
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Levels, {
4126
- isDisabled: isDisabled,
4127
- isReadOnly: isReadOnly,
4128
- onChange: onChangeForm,
4129
- productType: "sigmet"
4130
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4131
- productType: "sigmet",
4132
- isDisabled: isDisabled,
4133
- isReadOnly: isReadOnly,
4134
- drawMode: drawMode,
4135
- geoJSONs: geoJSONs,
4136
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4137
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4138
- },
4139
- onChange: onChangeForm
4140
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4141
- isDisabled: isDisabled,
4142
- isReadOnly: isReadOnly
4143
- }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4144
- item: true,
4145
- container: true,
4146
- spacing: 2
4147
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4148
- item: true,
4149
- xs: 4,
4150
- container: true,
4151
- justify: "flex-end"
4152
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4153
- item: true,
4154
- xs: 8,
4155
- container: true,
4156
- justify: "flex-start"
4157
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4158
- item: true,
4159
- xs: 12
4160
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4161
- variant: "body2",
4162
- className: classes.body,
4163
- "data-testid": "vaSigmetMoveToFIR"
4164
- }, "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, {
4165
- item: true,
4166
- container: true,
4167
- spacing: 2
4168
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4169
- item: true,
4170
- xs: 4,
4171
- container: true,
4172
- justify: "flex-end"
4173
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4174
- variant: "subtitle1",
4175
- className: classes.label
4176
- }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4177
- item: true,
4178
- xs: 8,
4179
- container: true,
4180
- justify: "flex-start"
4181
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4182
- item: true,
4183
- xs: 12
4184
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4185
- variant: "body2",
4186
- className: classes.body
4187
- }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4188
- item: true,
4189
- container: true,
4190
- spacing: 2
4191
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4192
- item: true,
4193
- xs: 4,
4194
- container: true,
4195
- justify: "flex-end"
4196
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4197
- variant: "subtitle1",
4198
- className: classes.label
4199
- }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4200
- item: true,
4201
- xs: 8,
4202
- container: true,
4203
- justify: "flex-start"
4204
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4205
- item: true,
4206
- xs: 12
4207
- }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4208
- tac: tac
4209
- })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4210
- name: "sequence",
4211
- defaultValue: "-1"
4212
- }),
4213
- /* Add hidden fields for TAC generation in case of cancel sigmet */
4214
- isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4215
- name: "cancelsSigmetSequenceId"
4216
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4217
- name: "validDateEndOfSigmetToCancel"
4218
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4219
- name: "validDateStartOfSigmetToCancel"
4220
- }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4221
- isDisabled: isDisabled,
4222
- isReadOnly: isReadOnly
4223
- })))));
4253
+ }, renderForm())));
4224
4254
  };
4225
4255
 
4226
4256
  var AirmetForm = function AirmetForm(_a) {
@@ -4298,6 +4328,132 @@
4298
4328
  setIsDisabled(isInDrawMode);
4299
4329
  }
4300
4330
  }, [drawMode.start, isReadOnly, isDisabled]);
4331
+
4332
+ var renderForm = function renderForm() {
4333
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4334
+ container: true,
4335
+ direction: "column",
4336
+ spacing: 2
4337
+ }, !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4338
+ productType: "airmet",
4339
+ isDisabled: isDisabled,
4340
+ onChange: onChangeForm
4341
+ }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default["default"].createElement(SurfaceVisibility, {
4342
+ isDisabled: isDisabled,
4343
+ onChange: onChangeForm
4344
+ }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default["default"].createElement(SurfaceWind, {
4345
+ isDisabled: isDisabled,
4346
+ onChange: onChangeForm
4347
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4348
+ isDisabled: isDisabled,
4349
+ isReadOnly: isReadOnly
4350
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4351
+ isDisabled: isDisabled,
4352
+ isReadOnly: isReadOnly,
4353
+ helperText: helperText,
4354
+ onChange: onChangeForm
4355
+ }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4356
+ productType: "airmet",
4357
+ isDisabled: isDisabled,
4358
+ onChange: onChangeForm
4359
+ }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4360
+ productType: "airmet",
4361
+ isDisabled: isDisabled,
4362
+ onChange: onChangeForm
4363
+ })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4364
+ productType: "airmet",
4365
+ isDisabled: isDisabled
4366
+ }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4367
+ isReadOnly: isReadOnly,
4368
+ drawMode: drawMode,
4369
+ geoJSONs: geoJSONs,
4370
+ setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4371
+ _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4372
+ }
4373
+ }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default["default"].createElement(Levels, {
4374
+ isDisabled: isDisabled,
4375
+ isReadOnly: isReadOnly,
4376
+ onChange: onChangeForm,
4377
+ productType: "airmet"
4378
+ }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default["default"].createElement(CloudLevels, {
4379
+ isDisabled: isDisabled,
4380
+ isReadOnly: isReadOnly,
4381
+ onChange: onChangeForm
4382
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4383
+ productType: "airmet",
4384
+ isDisabled: isDisabled,
4385
+ isReadOnly: isReadOnly,
4386
+ onChange: onChangeForm
4387
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4388
+ isDisabled: isDisabled,
4389
+ isReadOnly: isReadOnly
4390
+ }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4391
+ item: true,
4392
+ container: true,
4393
+ spacing: 2,
4394
+ className: classes.containerItem
4395
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4396
+ item: true,
4397
+ xs: 4,
4398
+ container: true,
4399
+ justifyContent: "flex-end"
4400
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4401
+ variant: "subtitle1",
4402
+ className: classes.label
4403
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4404
+ item: true,
4405
+ xs: 8,
4406
+ container: true,
4407
+ justifyContent: "flex-start"
4408
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4409
+ item: true,
4410
+ xs: 12
4411
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4412
+ variant: "body2",
4413
+ className: classes.body
4414
+ }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4415
+ item: true,
4416
+ container: true,
4417
+ spacing: 2
4418
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4419
+ item: true,
4420
+ xs: 4,
4421
+ container: true,
4422
+ justifyContent: "flex-end"
4423
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4424
+ variant: "subtitle1",
4425
+ className: classes.label
4426
+ }, "TAC")), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4427
+ item: true,
4428
+ xs: 8,
4429
+ container: true,
4430
+ justifyContent: "flex-start"
4431
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4432
+ item: true,
4433
+ xs: 12
4434
+ }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4435
+ tac: tac
4436
+ })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4437
+ name: "sequence",
4438
+ defaultValue: "-1"
4439
+ }),
4440
+ /* Add hidden fields for TAC generation in case of cancel airmet */
4441
+ isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4442
+ name: "cancelsAirmetSequenceId"
4443
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4444
+ name: "validDateEndOfAirmetToCancel"
4445
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4446
+ name: "validDateStartOfAirmetToCancel"
4447
+ }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4448
+ isDisabled: isDisabled,
4449
+ isReadOnly: isReadOnly
4450
+ }));
4451
+ };
4452
+
4453
+ if (!showMap) {
4454
+ return renderForm();
4455
+ }
4456
+
4301
4457
  return /*#__PURE__*/React__default["default"].createElement("form", {
4302
4458
  onChange: onChangeForm,
4303
4459
  onSubmit: handleSubmit(function () {
@@ -4306,15 +4462,15 @@
4306
4462
  style: {
4307
4463
  width: '100%'
4308
4464
  }
4309
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4465
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4310
4466
  container: true,
4311
4467
  style: {
4312
4468
  height: '100%'
4313
4469
  }
4314
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4470
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4315
4471
  item: true,
4316
4472
  xs: 8
4317
- }, showMap && /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4473
+ }, /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4318
4474
  geoJSONs: geoJSONs,
4319
4475
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4320
4476
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4323,130 +4479,14 @@
4323
4479
  drawMode: drawMode,
4324
4480
  setDrawMode: setDrawMode,
4325
4481
  exitDrawModeCallbackStart: updateStartDrawing
4326
- })), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4482
+ })), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4327
4483
  item: true,
4328
4484
  xs: 4,
4329
4485
  className: classes.productForm
4330
- }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4331
- container: true,
4332
- direction: "column",
4333
- spacing: 2
4334
- }, !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4335
- productType: "airmet",
4336
- isDisabled: isDisabled,
4337
- onChange: onChangeForm
4338
- }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default["default"].createElement(SurfaceVisibility, {
4339
- isDisabled: isDisabled,
4340
- onChange: onChangeForm
4341
- }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default["default"].createElement(SurfaceWind, {
4342
- isDisabled: isDisabled,
4343
- onChange: onChangeForm
4344
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4345
- isDisabled: isDisabled,
4346
- isReadOnly: isReadOnly
4347
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4348
- isDisabled: isDisabled,
4349
- isReadOnly: isReadOnly,
4350
- helperText: helperText,
4351
- onChange: onChangeForm
4352
- }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4353
- productType: "airmet",
4354
- isDisabled: isDisabled,
4355
- onChange: onChangeForm
4356
- }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4357
- productType: "airmet",
4358
- isDisabled: isDisabled,
4359
- onChange: onChangeForm
4360
- })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4361
- productType: "airmet",
4362
- isDisabled: isDisabled
4363
- }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4364
- isReadOnly: isReadOnly,
4365
- drawMode: drawMode,
4366
- geoJSONs: geoJSONs,
4367
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4368
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4369
- }
4370
- }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default["default"].createElement(Levels, {
4371
- isDisabled: isDisabled,
4372
- isReadOnly: isReadOnly,
4373
- onChange: onChangeForm,
4374
- productType: "airmet"
4375
- }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default["default"].createElement(CloudLevels, {
4376
- isDisabled: isDisabled,
4377
- isReadOnly: isReadOnly,
4378
- onChange: onChangeForm
4379
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4380
- productType: "airmet",
4381
- isDisabled: isDisabled,
4382
- isReadOnly: isReadOnly,
4383
- onChange: onChangeForm
4384
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4385
- isDisabled: isDisabled,
4386
- isReadOnly: isReadOnly
4387
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4388
- item: true,
4389
- container: true,
4390
- spacing: 2
4391
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4392
- item: true,
4393
- xs: 4,
4394
- container: true,
4395
- justify: "flex-end"
4396
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4397
- variant: "subtitle1",
4398
- className: classes.label
4399
- }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4400
- item: true,
4401
- xs: 8,
4402
- container: true,
4403
- justify: "flex-start"
4404
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4405
- item: true,
4406
- xs: 12
4407
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4408
- variant: "body2",
4409
- className: classes.body
4410
- }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4411
- item: true,
4412
- container: true,
4413
- spacing: 2
4414
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4415
- item: true,
4416
- xs: 4,
4417
- container: true,
4418
- justify: "flex-end"
4419
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4420
- variant: "subtitle1",
4421
- className: classes.label
4422
- }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4423
- item: true,
4424
- xs: 8,
4425
- container: true,
4426
- justify: "flex-start"
4427
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4428
- item: true,
4429
- xs: 12
4430
- }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4431
- tac: tac
4432
- })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4433
- name: "sequence",
4434
- defaultValue: "-1"
4435
- }),
4436
- /* Add hidden fields for TAC generation in case of cancel airmet */
4437
- isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4438
- name: "cancelsAirmetSequenceId"
4439
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4440
- name: "validDateEndOfAirmetToCancel"
4441
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4442
- name: "validDateStartOfAirmetToCancel"
4443
- }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4444
- isDisabled: isDisabled,
4445
- isReadOnly: isReadOnly
4446
- })))));
4486
+ }, renderForm())));
4447
4487
  };
4448
4488
 
4449
- var useStyles$3 = core$1.makeStyles({
4489
+ var useStyles$3 = makeStyles__default["default"]({
4450
4490
  dialogHeader: {
4451
4491
  boxShadow: '0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
4452
4492
  zIndex: 1,
@@ -4463,6 +4503,11 @@
4463
4503
  minHeight: 200,
4464
4504
  minWidth: 400,
4465
4505
  height: '100%'
4506
+ },
4507
+ dialog: {
4508
+ '& .MuiDialogContent-root': {
4509
+ paddingTop: 20
4510
+ }
4466
4511
  }
4467
4512
  });
4468
4513
 
@@ -4487,46 +4532,45 @@
4487
4532
  }
4488
4533
  };
4489
4534
 
4490
- return /*#__PURE__*/React__namespace.createElement(core$1.Dialog, __assign({
4535
+ return /*#__PURE__*/React__namespace.createElement(material.Dialog, __assign({
4491
4536
  "data-testid": "contentDialog",
4492
4537
  open: open,
4493
4538
  onClose: handleClose,
4494
4539
  maxWidth: other.maxWidth ? other.maxWidth : 'lg',
4495
- disableBackdropClick: true
4496
- }, other), /*#__PURE__*/React__namespace.createElement(core$1.DialogTitle, {
4497
- disableTypography: true,
4540
+ className: classes.dialog
4541
+ }, other), /*#__PURE__*/React__namespace.createElement(material.DialogTitle, {
4498
4542
  className: classes.dialogHeader
4499
- }, /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4543
+ }, /*#__PURE__*/React__namespace.createElement(material.Grid, {
4500
4544
  container: true,
4501
4545
  alignItems: "center"
4502
- }, /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4546
+ }, /*#__PURE__*/React__namespace.createElement(material.Grid, {
4503
4547
  item: true,
4504
4548
  xs: true
4505
- }, /*#__PURE__*/React__namespace.createElement(core$1.Button, {
4549
+ }, /*#__PURE__*/React__namespace.createElement(material.Button, {
4506
4550
  onClick: handleClose,
4507
4551
  color: "secondary",
4508
4552
  size: "medium",
4509
- startIcon: /*#__PURE__*/React__namespace.createElement(icons.ArrowBackIos, {
4553
+ startIcon: /*#__PURE__*/React__namespace.createElement(iconsMaterial.ArrowBackIos, {
4510
4554
  fontSize: "small",
4511
4555
  color: "secondary"
4512
4556
  }),
4513
4557
  "data-testid": "contentdialog-close"
4514
- }, /*#__PURE__*/React__namespace.createElement(core$1.Typography, {
4558
+ }, /*#__PURE__*/React__namespace.createElement(material.Typography, {
4515
4559
  variant: "subtitle1",
4516
4560
  color: "secondary"
4517
- }, "BACK"))), /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4561
+ }, "BACK"))), /*#__PURE__*/React__namespace.createElement(material.Grid, {
4518
4562
  item: true,
4519
4563
  xs: true,
4520
4564
  className: classes.dialogTitle
4521
- }, /*#__PURE__*/React__namespace.createElement(core$1.Typography, {
4565
+ }, /*#__PURE__*/React__namespace.createElement(material.Typography, {
4522
4566
  "data-testid": "dialogTitle",
4523
4567
  variant: "h6"
4524
- }, title)), /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4568
+ }, title)), /*#__PURE__*/React__namespace.createElement(material.Grid, {
4525
4569
  item: true,
4526
4570
  xs: true
4527
- }, /*#__PURE__*/React__namespace.createElement(core$1.Grid, {
4571
+ }, /*#__PURE__*/React__namespace.createElement(material.Grid, {
4528
4572
  container: true
4529
- }, options)))), alertBanner !== null && alertBanner, /*#__PURE__*/React__namespace.createElement(core$1.DialogContent, {
4573
+ }, options)))), alertBanner !== null && alertBanner, /*#__PURE__*/React__namespace.createElement(material.DialogContent, {
4530
4574
  className: classes.dialogChildren
4531
4575
  }, children));
4532
4576
  };
@@ -4538,11 +4582,11 @@
4538
4582
  }
4539
4583
 
4540
4584
  var active = moment__default["default"](product.validDateStart) <= moment__default["default"].utc(new Date());
4541
- return active ? /*#__PURE__*/React__default["default"].createElement(icons.CheckCircle, {
4585
+ return active ? /*#__PURE__*/React__default["default"].createElement(iconsMaterial.CheckCircle, {
4542
4586
  "data-testid": "status-active",
4543
4587
  className: className,
4544
4588
  fontSize: "small"
4545
- }) : /*#__PURE__*/React__default["default"].createElement(icons.Schedule, {
4589
+ }) : /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Schedule, {
4546
4590
  "data-testid": "status-inactive",
4547
4591
  className: className,
4548
4592
  fontSize: "small"
@@ -4597,7 +4641,7 @@
4597
4641
  return product.cancelsAirmetSequenceId;
4598
4642
  };
4599
4643
 
4600
- var useStyles$2 = core$1.makeStyles({
4644
+ var useStyles$2 = makeStyles__default["default"]({
4601
4645
  cardWrapper: {
4602
4646
  width: '100%'
4603
4647
  },
@@ -4657,36 +4701,36 @@
4657
4701
  var phenomenon = isInstanceOfSigmetOrAirmet(product) && product.phenomenon ? product.phenomenon : null;
4658
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';
4659
4703
  var validTime = formatValidTime(product.validDateStart, product.validDateEnd, validTimeFormat);
4660
- return /*#__PURE__*/React__default["default"].createElement(core$1.Card, {
4704
+ return /*#__PURE__*/React__default["default"].createElement(material.Card, {
4661
4705
  elevation: 0,
4662
4706
  variant: "outlined",
4663
4707
  className: classes.cardWrapper
4664
- }, /*#__PURE__*/React__default["default"].createElement(core$1.CardContent, {
4708
+ }, /*#__PURE__*/React__default["default"].createElement(material.CardContent, {
4665
4709
  className: classes.cardContent
4666
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4710
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4667
4711
  container: true,
4668
4712
  alignItems: "center",
4669
4713
  spacing: 1
4670
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
4714
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
4671
4715
  title: phenomenon !== null ? getPhenomenon(productType, phenomenon) : '',
4672
4716
  placement: "bottom-start"
4673
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4717
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4674
4718
  item: true,
4675
4719
  xs: 3,
4676
4720
  sm: 3,
4677
4721
  md: 1
4678
- }, phenomenon !== null && /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4722
+ }, phenomenon !== null && /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4679
4723
  variant: "overline"
4680
- }, productType.toUpperCase()), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4724
+ }, productType.toUpperCase()), /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4681
4725
  variant: "subtitle2",
4682
4726
  noWrap: true,
4683
4727
  className: classes.font
4684
- }, phenomenon !== null ? phenomenon : 'Cancel'))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4728
+ }, phenomenon !== null ? phenomenon : 'Cancel'))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4685
4729
  item: true,
4686
4730
  xs: 3,
4687
4731
  sm: 2,
4688
4732
  md: 1
4689
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Tooltip, {
4733
+ }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
4690
4734
  "data-testid": "productlistrow-tactooltip",
4691
4735
  title: /*#__PURE__*/React__default["default"].createElement("div", {
4692
4736
  style: {
@@ -4694,44 +4738,44 @@
4694
4738
  }
4695
4739
  }, TAC),
4696
4740
  placement: "bottom-start"
4697
- }, /*#__PURE__*/React__default["default"].createElement(icons.InfoOutlined, {
4741
+ }, /*#__PURE__*/React__default["default"].createElement(iconsMaterial.InfoOutlined, {
4698
4742
  "data-testid": "productlistrow-tacicon",
4699
4743
  color: "secondary",
4700
4744
  fontSize: "small"
4701
- }))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4745
+ }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4702
4746
  item: true,
4703
4747
  xs: 9,
4704
4748
  sm: 10,
4705
4749
  md: 3,
4706
4750
  lg: 2
4707
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4751
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4708
4752
  variant: "overline"
4709
- }, "Issue time"), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4753
+ }, "Issue time"), /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4710
4754
  variant: "subtitle2",
4711
4755
  className: classes.font,
4712
4756
  "data-testid": "issueTime"
4713
- }, 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, {
4714
4758
  item: true,
4715
4759
  xs: 12,
4716
4760
  sm: 8,
4717
4761
  md: 5,
4718
4762
  lg: 6
4719
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4763
+ }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4720
4764
  variant: "overline"
4721
- }, "Valid time"), /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4765
+ }, "Valid time"), /*#__PURE__*/React__default["default"].createElement(material.Typography, {
4722
4766
  variant: "subtitle2",
4723
4767
  className: classes.font,
4724
4768
  "data-testid": "validTime"
4725
- }, validTime)), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4769
+ }, validTime)), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4726
4770
  item: true,
4727
4771
  xs: 6,
4728
4772
  sm: 4,
4729
4773
  md: 2,
4730
4774
  container: true
4731
- }, product.status === 'DRAFT' ? /*#__PURE__*/React__default["default"].createElement(core$1.Button, {
4775
+ }, product.status === 'DRAFT' ? /*#__PURE__*/React__default["default"].createElement(material.Button, {
4732
4776
  color: "secondary",
4733
4777
  size: "small",
4734
- startIcon: /*#__PURE__*/React__default["default"].createElement(icons.Create, {
4778
+ startIcon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Create, {
4735
4779
  fontSize: "small",
4736
4780
  color: "secondary"
4737
4781
  })
@@ -4754,7 +4798,7 @@
4754
4798
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
4755
4799
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
4756
4800
  * */
4757
- var useStyles$1 = core$1.makeStyles({
4801
+ var useStyles$1 = makeStyles__default["default"]({
4758
4802
  errorMessage: {
4759
4803
  width: '1200px',
4760
4804
  marginTop: '10px'
@@ -4776,20 +4820,20 @@
4776
4820
  onClickProductRow = _a.onClickProductRow,
4777
4821
  onClickNewProduct = _a.onClickNewProduct;
4778
4822
  var classes = useStyles$1();
4779
- return /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4823
+ return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4780
4824
  container: true,
4781
4825
  direction: "column",
4782
4826
  alignItems: "stretch"
4783
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4827
+ }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
4784
4828
  container: true,
4785
4829
  item: true,
4786
- justify: "flex-end"
4787
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Button, {
4830
+ justifyContent: "flex-end"
4831
+ }, /*#__PURE__*/React__default["default"].createElement(material.Button, {
4788
4832
  variant: "contained",
4789
4833
  color: "secondary",
4790
4834
  "data-testid": "productListCreateButton",
4791
4835
  onClick: onClickNewProduct
4792
- }, "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, {
4793
4837
  item: true,
4794
4838
  className: classes.listBody
4795
4839
  }, error && /*#__PURE__*/React__default["default"].createElement(shared.AlertBanner, {
@@ -4797,9 +4841,9 @@
4797
4841
  title: "An error has occurred while retrieving the list, please try again",
4798
4842
  info: error.message ? error.message : '',
4799
4843
  dataTestId: "productList-alert"
4800
- }), 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) {
4801
4845
  var product = productListItem[productType];
4802
- return /*#__PURE__*/React__default["default"].createElement(core$1.ListItem, {
4846
+ return /*#__PURE__*/React__default["default"].createElement(material.ListItem, {
4803
4847
  "data-testid": "productListItem",
4804
4848
  button: true,
4805
4849
  onClick: function onClick() {
@@ -4811,9 +4855,9 @@
4811
4855
  product: product,
4812
4856
  productType: productType
4813
4857
  }));
4814
- })), isLoading && /*#__PURE__*/React__default["default"].createElement(lab.Skeleton, {
4858
+ })), isLoading && /*#__PURE__*/React__default["default"].createElement(material.Skeleton, {
4815
4859
  "data-testid": "productList-skeleton",
4816
- variant: "rect",
4860
+ variant: "rectangular",
4817
4861
  height: "660px"
4818
4862
  })));
4819
4863
  };
@@ -4838,7 +4882,7 @@
4838
4882
  var sigmet = _a.sigmet;
4839
4883
  var allFIRS = useProductSettings(sigmetConfig).allFIRS;
4840
4884
  var isRequired = shared.useDraftFormHelpers().isRequired;
4841
- 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, {
4842
4886
  variant: "body1"
4843
4887
  }, "Use the FIR to indicate the direction the Volcanic Ash is moving to:"), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormRadioGroup, {
4844
4888
  name: "vaSigmetMoveToFIR",
@@ -4850,21 +4894,21 @@
4850
4894
  row: true,
4851
4895
  defaultValue: "UNKNOWN"
4852
4896
  }, allFIRS[sigmet.locationIndicatorATSR].adjacent_firs.map(function (adjacentFIR) {
4853
- return /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
4897
+ return /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
4854
4898
  key: adjacentFIR,
4855
4899
  value: adjacentFIR,
4856
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, null),
4900
+ control: /*#__PURE__*/React__default["default"].createElement(material.Radio, null),
4857
4901
  label: adjacentFIR
4858
4902
  });
4859
- }), /*#__PURE__*/React__default["default"].createElement(core$1.FormControlLabel, {
4903
+ }), /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
4860
4904
  key: "UNKNOWN",
4861
4905
  value: "UNKNOWN",
4862
- control: /*#__PURE__*/React__default["default"].createElement(core$1.Radio, null),
4906
+ control: /*#__PURE__*/React__default["default"].createElement(material.Radio, null),
4863
4907
  label: "Don't know"
4864
4908
  })));
4865
4909
  };
4866
4910
 
4867
- var useStyles = core$1.makeStyles({
4911
+ var useStyles = makeStyles__default["default"]({
4868
4912
  backdrop: {
4869
4913
  zIndex: 1500,
4870
4914
  color: '#fff'
@@ -5069,11 +5113,11 @@
5069
5113
  isCancelAirmet: product !== null && isInstanceOfCancelAirmet(product),
5070
5114
  initialAirmet: product !== null && !isInstanceOfCancelAirmet(product) ? product : null,
5071
5115
  initialCancelAirmet: product !== null && isInstanceOfCancelAirmet(product) ? product : null
5072
- }), /*#__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, {
5073
5117
  "data-testid": "loader",
5074
5118
  open: showLoader,
5075
5119
  className: classes.backdrop
5076
- }, /*#__PURE__*/React__namespace.createElement(core$1.CircularProgress, {
5120
+ }, /*#__PURE__*/React__namespace.createElement(material.CircularProgress, {
5077
5121
  color: "inherit"
5078
5122
  })));
5079
5123
  };