@opengeoweb/sigmet-airmet 2.1.0 → 2.1.4

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