@opengeoweb/sigmet-airmet 2.1.2 → 2.1.3

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 (4) hide show
  1. package/lib/utils/testUtils.d.ts +4 -0
  2. package/package.json +8 -8
  3. package/sigmet-airmet.esm.js +281 -257
  4. package/sigmet-airmet.umd.js +280 -256
package/lib/utils/testUtils.d.ts CHANGED
@@ -11,6 +11,10 @@ interface TestWrapperProps extends StoryWrapperProps {
11
11
  }
12
12
  export declare const TestWrapper: React.FC<TestWrapperProps>;
13
13
  export declare const StoryWrapperFakeApi: React.FC<StoryWrapperProps>;
14
+ interface SnapshotStoryWrapperProps {
15
+ children: React.ReactElement;
16
+ }
17
+ export declare const SnapshotStoryWrapper: React.FC<SnapshotStoryWrapperProps>;
14
18
  export declare const fakeBackendError: AxiosError;
15
19
  export declare const fakeBackendNestedError: AxiosError<{
16
20
  message: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengeoweb/sigmet-airmet",
3
- "version": "2.1.2",
3
+ "version": "2.1.3",
4
4
  "description": "GeoWeb Sigmet/Airmet library for the opengeoweb project",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -13,24 +13,24 @@
13
13
  "dependencies": {
14
14
  "react": "16.14.0",
15
15
  "@material-ui/core": "^4.11.0",
16
- "@opengeoweb/shared": "2.1.2",
16
+ "react-redux": "7.2.2",
17
+ "@opengeoweb/shared": "2.1.3",
17
18
  "@material-ui/lab": "^4.0.0-alpha.56",
18
- "@opengeoweb/theme": "2.1.2",
19
+ "@opengeoweb/theme": "2.1.3",
19
20
  "@material-ui/icons": "^4.9.1",
20
21
  "react-draggable": "^4.4.3",
21
22
  "re-resizable": "^6.9.0",
22
23
  "lodash": "^4.17.20",
23
- "@opengeoweb/form-fields": "2.1.2",
24
+ "@opengeoweb/form-fields": "2.1.3",
24
25
  "react-hook-form": "^6.12.1",
25
26
  "moment": "^2.29.0",
26
27
  "@material-ui/pickers": "^3.2.10",
27
28
  "moment-timezone": "^0.5.31",
28
29
  "@date-io/moment": "^1.3.13",
29
30
  "axios": "^0.21.4",
30
- "@opengeoweb/core": "2.1.2",
31
- "react-redux": "7.2.2",
31
+ "@opengeoweb/core": "2.1.3",
32
32
  "react-intl": "^5.17.5",
33
- "@opengeoweb/webmap": "2.1.2",
33
+ "@opengeoweb/webmap": "2.1.3",
34
34
  "throttle-debounce": "^3.0.1",
35
35
  "proj4": "^2.6.2",
36
36
  "react-sortablejs": "^6.0.0",
@@ -42,7 +42,7 @@
42
42
  "redux-dynamic-modules-saga": "^5.2.0",
43
43
  "redux-saga": "^1.1.3",
44
44
  "@turf/turf": "^5.1.6",
45
- "@opengeoweb/api": "2.1.2"
45
+ "@opengeoweb/api": "2.1.3"
46
46
  },
47
47
  "peerDependencies": {}
48
48
  }
package/sigmet-airmet.esm.js CHANGED
@@ -6,7 +6,7 @@ import { ReactHookFormRadioGroup, ReactHookFormSelect, ReactHookFormNumberField,
6
6
  import { useApiContext, useApi, createApiInstance } from '@opengeoweb/api';
7
7
  import produce, { produce as produce$1 } from 'immer';
8
8
  import { useDispatch, useSelector, shallowEqual } from 'react-redux';
9
- import { mapTypes, mapSelectors, generateMapId, generateTimesliderId, SyncGroups, generateLayerId, mapActions, publicLayers, MapControls, LayerManagerMapButtonConnect, MapViewConnect, MapViewLayer, TimeSliderConnect } from '@opengeoweb/core';
9
+ import { mapTypes, mapSelectors, generateMapId, generateTimesliderId, SyncGroups, generateLayerId, mapActions, publicLayers, MapControls, LayerManagerMapButtonConnect, LegendMapButtonConnect, MultiDimensionSelectMapButtonsConnect, MapViewConnect, MapViewLayer, TimeSliderConnect } from '@opengeoweb/core';
10
10
  import * as turf from '@turf/turf';
11
11
  import { polygonToLineString, booleanClockwise, rewind } from '@turf/turf';
12
12
  import { useDraftFormHelpers, useIsMounted, StatusTag, AlertBanner, usePreventBrowserClose, useConfirmationDialog, isAxiosError, getAxiosErrorMessage, ConfirmationServiceProvider, usePoller } from '@opengeoweb/shared';
@@ -601,6 +601,12 @@ var MapViewGeoJson = function MapViewGeoJson(_ref) {
601
601
  }, /*#__PURE__*/React.createElement(MapControls, null, /*#__PURE__*/React.createElement(LayerManagerMapButtonConnect, {
602
602
  source: "module",
603
603
  mapId: mapId
604
+ }), /*#__PURE__*/React.createElement(LegendMapButtonConnect, {
605
+ source: "module",
606
+ mapId: mapId
607
+ }), /*#__PURE__*/React.createElement(MultiDimensionSelectMapButtonsConnect, {
608
+ source: "module",
609
+ mapId: mapId
604
610
  })), /*#__PURE__*/React.createElement(MapViewConnect, {
605
611
  mapId: mapId
606
612
  }, /*#__PURE__*/React.createElement(MapViewLayer, {
@@ -4165,6 +4171,151 @@ var SigmetForm = function SigmetForm(_ref) {
4165
4171
  setIsDisabled(isInDrawMode);
4166
4172
  }
4167
4173
  }, [drawMode.start, drawMode.end, isReadOnly, isDisabled]);
4174
+
4175
+ var renderForm = function renderForm() {
4176
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
4177
+ container: true,
4178
+ direction: "column",
4179
+ spacing: 2
4180
+ }, !isCancelSigmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
4181
+ productType: "sigmet",
4182
+ isDisabled: isDisabled,
4183
+ onChange: onChangeForm
4184
+ }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(ObservationForecast, {
4185
+ isDisabled: isDisabled,
4186
+ isReadOnly: isReadOnly
4187
+ }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(ObservationForecastTime, {
4188
+ isDisabled: isDisabled,
4189
+ isReadOnly: isReadOnly,
4190
+ helperText: helperText,
4191
+ onChange: onChangeForm
4192
+ }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default.createElement(VolcanicFields, {
4193
+ isDisabled: isDisabled,
4194
+ isReadOnly: isReadOnly,
4195
+ helperText: helperText
4196
+ }), /*#__PURE__*/React__default.createElement(ValidFrom, {
4197
+ productType: "sigmet",
4198
+ isDisabled: isDisabled,
4199
+ onChange: onChangeForm
4200
+ }), /*#__PURE__*/React__default.createElement(ValidUntil, {
4201
+ productType: "sigmet",
4202
+ isDisabled: isDisabled,
4203
+ onChange: onChangeForm
4204
+ })), /*#__PURE__*/React__default.createElement(SelectFIR, {
4205
+ productType: "sigmet",
4206
+ isDisabled: isDisabled
4207
+ }), /*#__PURE__*/React__default.createElement(StartGeometry, {
4208
+ isReadOnly: isReadOnly,
4209
+ drawMode: drawMode,
4210
+ geoJSONs: geoJSONs,
4211
+ setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4212
+ _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4213
+ }
4214
+ }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Levels, {
4215
+ isDisabled: isDisabled,
4216
+ isReadOnly: isReadOnly,
4217
+ onChange: onChangeForm,
4218
+ productType: "sigmet"
4219
+ }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Progress, {
4220
+ productType: "sigmet",
4221
+ isDisabled: isDisabled,
4222
+ isReadOnly: isReadOnly,
4223
+ drawMode: drawMode,
4224
+ geoJSONs: geoJSONs,
4225
+ setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4226
+ _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4227
+ },
4228
+ onChange: onChangeForm
4229
+ }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Change, {
4230
+ isDisabled: isDisabled,
4231
+ isReadOnly: isReadOnly
4232
+ }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default.createElement(Grid, {
4233
+ item: true,
4234
+ container: true,
4235
+ spacing: 2
4236
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4237
+ item: true,
4238
+ xs: 4,
4239
+ container: true,
4240
+ justify: "flex-end"
4241
+ }), /*#__PURE__*/React__default.createElement(Grid, {
4242
+ item: true,
4243
+ xs: 8,
4244
+ container: true,
4245
+ justify: "flex-start"
4246
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4247
+ item: true,
4248
+ xs: 12
4249
+ }, /*#__PURE__*/React__default.createElement(Typography, {
4250
+ variant: "body2",
4251
+ className: classes.body,
4252
+ "data-testid": "vaSigmetMoveToFIR"
4253
+ }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default.createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default.createElement(Grid, {
4254
+ item: true,
4255
+ container: true,
4256
+ spacing: 2
4257
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4258
+ item: true,
4259
+ xs: 4,
4260
+ container: true,
4261
+ justify: "flex-end"
4262
+ }, /*#__PURE__*/React__default.createElement(Typography, {
4263
+ variant: "subtitle1",
4264
+ className: classes.label
4265
+ }, "Issued at")), /*#__PURE__*/React__default.createElement(Grid, {
4266
+ item: true,
4267
+ xs: 8,
4268
+ container: true,
4269
+ justify: "flex-start"
4270
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4271
+ item: true,
4272
+ xs: 12
4273
+ }, /*#__PURE__*/React__default.createElement(Typography, {
4274
+ variant: "body2",
4275
+ className: classes.body
4276
+ }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default.createElement(Grid, {
4277
+ item: true,
4278
+ container: true,
4279
+ spacing: 2
4280
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4281
+ item: true,
4282
+ xs: 4,
4283
+ container: true,
4284
+ justify: "flex-end"
4285
+ }, /*#__PURE__*/React__default.createElement(Typography, {
4286
+ variant: "subtitle1",
4287
+ className: classes.label
4288
+ }, "TAC")), /*#__PURE__*/React__default.createElement(Grid, {
4289
+ item: true,
4290
+ xs: 8,
4291
+ container: true,
4292
+ justify: "flex-start"
4293
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4294
+ item: true,
4295
+ xs: 12
4296
+ }, /*#__PURE__*/React__default.createElement(ProductFormTAC, {
4297
+ tac: tac
4298
+ })))), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4299
+ name: "sequence",
4300
+ defaultValue: "-1"
4301
+ }),
4302
+ /* Add hidden fields for TAC generation in case of cancel sigmet */
4303
+ isCancelSigmet && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4304
+ name: "cancelsSigmetSequenceId"
4305
+ }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4306
+ name: "validDateEndOfSigmetToCancel"
4307
+ }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4308
+ name: "validDateStartOfSigmetToCancel"
4309
+ }))), /*#__PURE__*/React__default.createElement(Type, {
4310
+ isDisabled: isDisabled,
4311
+ isReadOnly: isReadOnly
4312
+ }));
4313
+ };
4314
+
4315
+ if (!showMap) {
4316
+ return renderForm();
4317
+ }
4318
+
4168
4319
  return /*#__PURE__*/React__default.createElement("form", {
4169
4320
  onChange: onChangeForm,
4170
4321
  onSubmit: handleSubmit(function () {
@@ -4181,7 +4332,7 @@ var SigmetForm = function SigmetForm(_ref) {
4181
4332
  }, /*#__PURE__*/React__default.createElement(Grid, {
4182
4333
  item: true,
4183
4334
  xs: 8
4184
- }, showMap && /*#__PURE__*/React__default.createElement(MapViewGeoJson, {
4335
+ }, /*#__PURE__*/React__default.createElement(MapViewGeoJson, {
4185
4336
  geoJSONs: geoJSONs,
4186
4337
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4187
4338
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4195,143 +4346,7 @@ var SigmetForm = function SigmetForm(_ref) {
4195
4346
  item: true,
4196
4347
  xs: 4,
4197
4348
  className: classes.productForm
4198
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
4199
- container: true,
4200
- direction: "column",
4201
- spacing: 2
4202
- }, !isCancelSigmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
4203
- productType: "sigmet",
4204
- isDisabled: isDisabled,
4205
- onChange: onChangeForm
4206
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(ObservationForecast, {
4207
- isDisabled: isDisabled,
4208
- isReadOnly: isReadOnly
4209
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(ObservationForecastTime, {
4210
- isDisabled: isDisabled,
4211
- isReadOnly: isReadOnly,
4212
- helperText: helperText,
4213
- onChange: onChangeForm
4214
- }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default.createElement(VolcanicFields, {
4215
- isDisabled: isDisabled,
4216
- isReadOnly: isReadOnly,
4217
- helperText: helperText
4218
- }), /*#__PURE__*/React__default.createElement(ValidFrom, {
4219
- productType: "sigmet",
4220
- isDisabled: isDisabled,
4221
- onChange: onChangeForm
4222
- }), /*#__PURE__*/React__default.createElement(ValidUntil, {
4223
- productType: "sigmet",
4224
- isDisabled: isDisabled,
4225
- onChange: onChangeForm
4226
- })), /*#__PURE__*/React__default.createElement(SelectFIR, {
4227
- productType: "sigmet",
4228
- isDisabled: isDisabled
4229
- }), /*#__PURE__*/React__default.createElement(StartGeometry, {
4230
- isReadOnly: isReadOnly,
4231
- drawMode: drawMode,
4232
- geoJSONs: geoJSONs,
4233
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4234
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4235
- }
4236
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Levels, {
4237
- isDisabled: isDisabled,
4238
- isReadOnly: isReadOnly,
4239
- onChange: onChangeForm,
4240
- productType: "sigmet"
4241
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Progress, {
4242
- productType: "sigmet",
4243
- isDisabled: isDisabled,
4244
- isReadOnly: isReadOnly,
4245
- drawMode: drawMode,
4246
- geoJSONs: geoJSONs,
4247
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4248
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4249
- },
4250
- onChange: onChangeForm
4251
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Change, {
4252
- isDisabled: isDisabled,
4253
- isReadOnly: isReadOnly
4254
- }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default.createElement(Grid, {
4255
- item: true,
4256
- container: true,
4257
- spacing: 2
4258
- }, /*#__PURE__*/React__default.createElement(Grid, {
4259
- item: true,
4260
- xs: 4,
4261
- container: true,
4262
- justify: "flex-end"
4263
- }), /*#__PURE__*/React__default.createElement(Grid, {
4264
- item: true,
4265
- xs: 8,
4266
- container: true,
4267
- justify: "flex-start"
4268
- }, /*#__PURE__*/React__default.createElement(Grid, {
4269
- item: true,
4270
- xs: 12
4271
- }, /*#__PURE__*/React__default.createElement(Typography, {
4272
- variant: "body2",
4273
- className: classes.body,
4274
- "data-testid": "vaSigmetMoveToFIR"
4275
- }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default.createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default.createElement(Grid, {
4276
- item: true,
4277
- container: true,
4278
- spacing: 2
4279
- }, /*#__PURE__*/React__default.createElement(Grid, {
4280
- item: true,
4281
- xs: 4,
4282
- container: true,
4283
- justify: "flex-end"
4284
- }, /*#__PURE__*/React__default.createElement(Typography, {
4285
- variant: "subtitle1",
4286
- className: classes.label
4287
- }, "Issued at")), /*#__PURE__*/React__default.createElement(Grid, {
4288
- item: true,
4289
- xs: 8,
4290
- container: true,
4291
- justify: "flex-start"
4292
- }, /*#__PURE__*/React__default.createElement(Grid, {
4293
- item: true,
4294
- xs: 12
4295
- }, /*#__PURE__*/React__default.createElement(Typography, {
4296
- variant: "body2",
4297
- className: classes.body
4298
- }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default.createElement(Grid, {
4299
- item: true,
4300
- container: true,
4301
- spacing: 2
4302
- }, /*#__PURE__*/React__default.createElement(Grid, {
4303
- item: true,
4304
- xs: 4,
4305
- container: true,
4306
- justify: "flex-end"
4307
- }, /*#__PURE__*/React__default.createElement(Typography, {
4308
- variant: "subtitle1",
4309
- className: classes.label
4310
- }, "TAC")), /*#__PURE__*/React__default.createElement(Grid, {
4311
- item: true,
4312
- xs: 8,
4313
- container: true,
4314
- justify: "flex-start"
4315
- }, /*#__PURE__*/React__default.createElement(Grid, {
4316
- item: true,
4317
- xs: 12
4318
- }, /*#__PURE__*/React__default.createElement(ProductFormTAC, {
4319
- tac: tac
4320
- })))), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4321
- name: "sequence",
4322
- defaultValue: "-1"
4323
- }),
4324
- /* Add hidden fields for TAC generation in case of cancel sigmet */
4325
- isCancelSigmet && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4326
- name: "cancelsSigmetSequenceId"
4327
- }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4328
- name: "validDateEndOfSigmetToCancel"
4329
- }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4330
- name: "validDateStartOfSigmetToCancel"
4331
- }))), /*#__PURE__*/React__default.createElement(Type, {
4332
- isDisabled: isDisabled,
4333
- isReadOnly: isReadOnly
4334
- })))));
4349
+ }, renderForm())));
4335
4350
  };
4336
4351
 
4337
4352
  var AirmetForm = function AirmetForm(_ref) {
@@ -4413,6 +4428,131 @@ var AirmetForm = function AirmetForm(_ref) {
4413
4428
  setIsDisabled(isInDrawMode);
4414
4429
  }
4415
4430
  }, [drawMode.start, isReadOnly, isDisabled]);
4431
+
4432
+ var renderForm = function renderForm() {
4433
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
4434
+ container: true,
4435
+ direction: "column",
4436
+ spacing: 2
4437
+ }, !isCancelAirmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
4438
+ productType: "airmet",
4439
+ isDisabled: isDisabled,
4440
+ onChange: onChangeForm
4441
+ }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default.createElement(SurfaceVisibility, {
4442
+ isDisabled: isDisabled,
4443
+ onChange: onChangeForm
4444
+ }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default.createElement(SurfaceWind, {
4445
+ isDisabled: isDisabled,
4446
+ onChange: onChangeForm
4447
+ }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(ObservationForecast, {
4448
+ isDisabled: isDisabled,
4449
+ isReadOnly: isReadOnly
4450
+ }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(ObservationForecastTime, {
4451
+ isDisabled: isDisabled,
4452
+ isReadOnly: isReadOnly,
4453
+ helperText: helperText,
4454
+ onChange: onChangeForm
4455
+ }), /*#__PURE__*/React__default.createElement(ValidFrom, {
4456
+ productType: "airmet",
4457
+ isDisabled: isDisabled,
4458
+ onChange: onChangeForm
4459
+ }), /*#__PURE__*/React__default.createElement(ValidUntil, {
4460
+ productType: "airmet",
4461
+ isDisabled: isDisabled,
4462
+ onChange: onChangeForm
4463
+ })), /*#__PURE__*/React__default.createElement(SelectFIR, {
4464
+ productType: "airmet",
4465
+ isDisabled: isDisabled
4466
+ }), /*#__PURE__*/React__default.createElement(StartGeometry, {
4467
+ isReadOnly: isReadOnly,
4468
+ drawMode: drawMode,
4469
+ geoJSONs: geoJSONs,
4470
+ setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4471
+ _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4472
+ }
4473
+ }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default.createElement(Levels, {
4474
+ isDisabled: isDisabled,
4475
+ isReadOnly: isReadOnly,
4476
+ onChange: onChangeForm,
4477
+ productType: "airmet"
4478
+ }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default.createElement(CloudLevels, {
4479
+ isDisabled: isDisabled,
4480
+ isReadOnly: isReadOnly,
4481
+ onChange: onChangeForm
4482
+ }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(Progress, {
4483
+ productType: "airmet",
4484
+ isDisabled: isDisabled,
4485
+ isReadOnly: isReadOnly,
4486
+ onChange: onChangeForm
4487
+ }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(Change, {
4488
+ isDisabled: isDisabled,
4489
+ isReadOnly: isReadOnly
4490
+ }), /*#__PURE__*/React__default.createElement(Grid, {
4491
+ item: true,
4492
+ container: true,
4493
+ spacing: 2
4494
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4495
+ item: true,
4496
+ xs: 4,
4497
+ container: true,
4498
+ justify: "flex-end"
4499
+ }, /*#__PURE__*/React__default.createElement(Typography, {
4500
+ variant: "subtitle1",
4501
+ className: classes.label
4502
+ }, "Issued at")), /*#__PURE__*/React__default.createElement(Grid, {
4503
+ item: true,
4504
+ xs: 8,
4505
+ container: true,
4506
+ justify: "flex-start"
4507
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4508
+ item: true,
4509
+ xs: 12
4510
+ }, /*#__PURE__*/React__default.createElement(Typography, {
4511
+ variant: "body2",
4512
+ className: classes.body
4513
+ }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default.createElement(Grid, {
4514
+ item: true,
4515
+ container: true,
4516
+ spacing: 2
4517
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4518
+ item: true,
4519
+ xs: 4,
4520
+ container: true,
4521
+ justify: "flex-end"
4522
+ }, /*#__PURE__*/React__default.createElement(Typography, {
4523
+ variant: "subtitle1",
4524
+ className: classes.label
4525
+ }, "TAC")), /*#__PURE__*/React__default.createElement(Grid, {
4526
+ item: true,
4527
+ xs: 8,
4528
+ container: true,
4529
+ justify: "flex-start"
4530
+ }, /*#__PURE__*/React__default.createElement(Grid, {
4531
+ item: true,
4532
+ xs: 12
4533
+ }, /*#__PURE__*/React__default.createElement(ProductFormTAC, {
4534
+ tac: tac
4535
+ })))), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4536
+ name: "sequence",
4537
+ defaultValue: "-1"
4538
+ }),
4539
+ /* Add hidden fields for TAC generation in case of cancel airmet */
4540
+ isCancelAirmet && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4541
+ name: "cancelsAirmetSequenceId"
4542
+ }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4543
+ name: "validDateEndOfAirmetToCancel"
4544
+ }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4545
+ name: "validDateStartOfAirmetToCancel"
4546
+ }))), /*#__PURE__*/React__default.createElement(Type, {
4547
+ isDisabled: isDisabled,
4548
+ isReadOnly: isReadOnly
4549
+ }));
4550
+ };
4551
+
4552
+ if (!showMap) {
4553
+ return renderForm();
4554
+ }
4555
+
4416
4556
  return /*#__PURE__*/React__default.createElement("form", {
4417
4557
  onChange: onChangeForm,
4418
4558
  onSubmit: handleSubmit(function () {
@@ -4429,7 +4569,7 @@ var AirmetForm = function AirmetForm(_ref) {
4429
4569
  }, /*#__PURE__*/React__default.createElement(Grid, {
4430
4570
  item: true,
4431
4571
  xs: 8
4432
- }, showMap && /*#__PURE__*/React__default.createElement(MapViewGeoJson, {
4572
+ }, /*#__PURE__*/React__default.createElement(MapViewGeoJson, {
4433
4573
  geoJSONs: geoJSONs,
4434
4574
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4435
4575
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4442,123 +4582,7 @@ var AirmetForm = function AirmetForm(_ref) {
4442
4582
  item: true,
4443
4583
  xs: 4,
4444
4584
  className: classes.productForm
4445
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
4446
- container: true,
4447
- direction: "column",
4448
- spacing: 2
4449
- }, !isCancelAirmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
4450
- productType: "airmet",
4451
- isDisabled: isDisabled,
4452
- onChange: onChangeForm
4453
- }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default.createElement(SurfaceVisibility, {
4454
- isDisabled: isDisabled,
4455
- onChange: onChangeForm
4456
- }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default.createElement(SurfaceWind, {
4457
- isDisabled: isDisabled,
4458
- onChange: onChangeForm
4459
- }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(ObservationForecast, {
4460
- isDisabled: isDisabled,
4461
- isReadOnly: isReadOnly
4462
- }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(ObservationForecastTime, {
4463
- isDisabled: isDisabled,
4464
- isReadOnly: isReadOnly,
4465
- helperText: helperText,
4466
- onChange: onChangeForm
4467
- }), /*#__PURE__*/React__default.createElement(ValidFrom, {
4468
- productType: "airmet",
4469
- isDisabled: isDisabled,
4470
- onChange: onChangeForm
4471
- }), /*#__PURE__*/React__default.createElement(ValidUntil, {
4472
- productType: "airmet",
4473
- isDisabled: isDisabled,
4474
- onChange: onChangeForm
4475
- })), /*#__PURE__*/React__default.createElement(SelectFIR, {
4476
- productType: "airmet",
4477
- isDisabled: isDisabled
4478
- }), /*#__PURE__*/React__default.createElement(StartGeometry, {
4479
- isReadOnly: isReadOnly,
4480
- drawMode: drawMode,
4481
- geoJSONs: geoJSONs,
4482
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4483
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4484
- }
4485
- }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default.createElement(Levels, {
4486
- isDisabled: isDisabled,
4487
- isReadOnly: isReadOnly,
4488
- onChange: onChangeForm,
4489
- productType: "airmet"
4490
- }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default.createElement(CloudLevels, {
4491
- isDisabled: isDisabled,
4492
- isReadOnly: isReadOnly,
4493
- onChange: onChangeForm
4494
- }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(Progress, {
4495
- productType: "airmet",
4496
- isDisabled: isDisabled,
4497
- isReadOnly: isReadOnly,
4498
- onChange: onChangeForm
4499
- }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(Change, {
4500
- isDisabled: isDisabled,
4501
- isReadOnly: isReadOnly
4502
- }), /*#__PURE__*/React__default.createElement(Grid, {
4503
- item: true,
4504
- container: true,
4505
- spacing: 2
4506
- }, /*#__PURE__*/React__default.createElement(Grid, {
4507
- item: true,
4508
- xs: 4,
4509
- container: true,
4510
- justify: "flex-end"
4511
- }, /*#__PURE__*/React__default.createElement(Typography, {
4512
- variant: "subtitle1",
4513
- className: classes.label
4514
- }, "Issued at")), /*#__PURE__*/React__default.createElement(Grid, {
4515
- item: true,
4516
- xs: 8,
4517
- container: true,
4518
- justify: "flex-start"
4519
- }, /*#__PURE__*/React__default.createElement(Grid, {
4520
- item: true,
4521
- xs: 12
4522
- }, /*#__PURE__*/React__default.createElement(Typography, {
4523
- variant: "body2",
4524
- className: classes.body
4525
- }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default.createElement(Grid, {
4526
- item: true,
4527
- container: true,
4528
- spacing: 2
4529
- }, /*#__PURE__*/React__default.createElement(Grid, {
4530
- item: true,
4531
- xs: 4,
4532
- container: true,
4533
- justify: "flex-end"
4534
- }, /*#__PURE__*/React__default.createElement(Typography, {
4535
- variant: "subtitle1",
4536
- className: classes.label
4537
- }, "TAC")), /*#__PURE__*/React__default.createElement(Grid, {
4538
- item: true,
4539
- xs: 8,
4540
- container: true,
4541
- justify: "flex-start"
4542
- }, /*#__PURE__*/React__default.createElement(Grid, {
4543
- item: true,
4544
- xs: 12
4545
- }, /*#__PURE__*/React__default.createElement(ProductFormTAC, {
4546
- tac: tac
4547
- })))), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4548
- name: "sequence",
4549
- defaultValue: "-1"
4550
- }),
4551
- /* Add hidden fields for TAC generation in case of cancel airmet */
4552
- isCancelAirmet && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4553
- name: "cancelsAirmetSequenceId"
4554
- }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4555
- name: "validDateEndOfAirmetToCancel"
4556
- }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4557
- name: "validDateStartOfAirmetToCancel"
4558
- }))), /*#__PURE__*/React__default.createElement(Type, {
4559
- isDisabled: isDisabled,
4560
- isReadOnly: isReadOnly
4561
- })))));
4585
+ }, renderForm())));
4562
4586
  };
4563
4587
 
4564
4588
  var useStyles$3 = makeStyles({
package/sigmet-airmet.umd.js CHANGED
@@ -596,6 +596,12 @@
596
596
  }, /*#__PURE__*/React__namespace.createElement(core.MapControls, null, /*#__PURE__*/React__namespace.createElement(core.LayerManagerMapButtonConnect, {
597
597
  source: "module",
598
598
  mapId: mapId
599
+ }), /*#__PURE__*/React__namespace.createElement(core.LegendMapButtonConnect, {
600
+ source: "module",
601
+ mapId: mapId
602
+ }), /*#__PURE__*/React__namespace.createElement(core.MultiDimensionSelectMapButtonsConnect, {
603
+ source: "module",
604
+ mapId: mapId
599
605
  })), /*#__PURE__*/React__namespace.createElement(core.MapViewConnect, {
600
606
  mapId: mapId
601
607
  }, /*#__PURE__*/React__namespace.createElement(core.MapViewLayer, {
@@ -4054,6 +4060,151 @@
4054
4060
  setIsDisabled(isInDrawMode);
4055
4061
  }
4056
4062
  }, [drawMode.start, drawMode.end, isReadOnly, isDisabled]);
4063
+
4064
+ var renderForm = function renderForm() {
4065
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4066
+ container: true,
4067
+ direction: "column",
4068
+ spacing: 2
4069
+ }, !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4070
+ productType: "sigmet",
4071
+ isDisabled: isDisabled,
4072
+ onChange: onChangeForm
4073
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4074
+ isDisabled: isDisabled,
4075
+ isReadOnly: isReadOnly
4076
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4077
+ isDisabled: isDisabled,
4078
+ isReadOnly: isReadOnly,
4079
+ helperText: helperText,
4080
+ onChange: onChangeForm
4081
+ }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default["default"].createElement(VolcanicFields, {
4082
+ isDisabled: isDisabled,
4083
+ isReadOnly: isReadOnly,
4084
+ helperText: helperText
4085
+ }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4086
+ productType: "sigmet",
4087
+ isDisabled: isDisabled,
4088
+ onChange: onChangeForm
4089
+ }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4090
+ productType: "sigmet",
4091
+ isDisabled: isDisabled,
4092
+ onChange: onChangeForm
4093
+ })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4094
+ productType: "sigmet",
4095
+ isDisabled: isDisabled
4096
+ }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4097
+ isReadOnly: isReadOnly,
4098
+ drawMode: drawMode,
4099
+ geoJSONs: geoJSONs,
4100
+ setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4101
+ _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4102
+ }
4103
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Levels, {
4104
+ isDisabled: isDisabled,
4105
+ isReadOnly: isReadOnly,
4106
+ onChange: onChangeForm,
4107
+ productType: "sigmet"
4108
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4109
+ productType: "sigmet",
4110
+ isDisabled: isDisabled,
4111
+ isReadOnly: isReadOnly,
4112
+ drawMode: drawMode,
4113
+ geoJSONs: geoJSONs,
4114
+ setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4115
+ _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4116
+ },
4117
+ onChange: onChangeForm
4118
+ }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4119
+ isDisabled: isDisabled,
4120
+ isReadOnly: isReadOnly
4121
+ }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4122
+ item: true,
4123
+ container: true,
4124
+ spacing: 2
4125
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4126
+ item: true,
4127
+ xs: 4,
4128
+ container: true,
4129
+ justify: "flex-end"
4130
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4131
+ item: true,
4132
+ xs: 8,
4133
+ container: true,
4134
+ justify: "flex-start"
4135
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4136
+ item: true,
4137
+ xs: 12
4138
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4139
+ variant: "body2",
4140
+ className: classes.body,
4141
+ "data-testid": "vaSigmetMoveToFIR"
4142
+ }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default["default"].createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4143
+ item: true,
4144
+ container: true,
4145
+ spacing: 2
4146
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4147
+ item: true,
4148
+ xs: 4,
4149
+ container: true,
4150
+ justify: "flex-end"
4151
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4152
+ variant: "subtitle1",
4153
+ className: classes.label
4154
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4155
+ item: true,
4156
+ xs: 8,
4157
+ container: true,
4158
+ justify: "flex-start"
4159
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4160
+ item: true,
4161
+ xs: 12
4162
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4163
+ variant: "body2",
4164
+ className: classes.body
4165
+ }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__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
+ }, "TAC")), /*#__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(ProductFormTAC, {
4186
+ tac: tac
4187
+ })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4188
+ name: "sequence",
4189
+ defaultValue: "-1"
4190
+ }),
4191
+ /* Add hidden fields for TAC generation in case of cancel sigmet */
4192
+ isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4193
+ name: "cancelsSigmetSequenceId"
4194
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4195
+ name: "validDateEndOfSigmetToCancel"
4196
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4197
+ name: "validDateStartOfSigmetToCancel"
4198
+ }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4199
+ isDisabled: isDisabled,
4200
+ isReadOnly: isReadOnly
4201
+ }));
4202
+ };
4203
+
4204
+ if (!showMap) {
4205
+ return renderForm();
4206
+ }
4207
+
4057
4208
  return /*#__PURE__*/React__default["default"].createElement("form", {
4058
4209
  onChange: onChangeForm,
4059
4210
  onSubmit: handleSubmit(function () {
@@ -4070,7 +4221,7 @@
4070
4221
  }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4071
4222
  item: true,
4072
4223
  xs: 8
4073
- }, showMap && /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4224
+ }, /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4074
4225
  geoJSONs: geoJSONs,
4075
4226
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4076
4227
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4084,143 +4235,7 @@
4084
4235
  item: true,
4085
4236
  xs: 4,
4086
4237
  className: classes.productForm
4087
- }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4088
- container: true,
4089
- direction: "column",
4090
- spacing: 2
4091
- }, !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4092
- productType: "sigmet",
4093
- isDisabled: isDisabled,
4094
- onChange: onChangeForm
4095
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4096
- isDisabled: isDisabled,
4097
- isReadOnly: isReadOnly
4098
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4099
- isDisabled: isDisabled,
4100
- isReadOnly: isReadOnly,
4101
- helperText: helperText,
4102
- onChange: onChangeForm
4103
- }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default["default"].createElement(VolcanicFields, {
4104
- isDisabled: isDisabled,
4105
- isReadOnly: isReadOnly,
4106
- helperText: helperText
4107
- }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4108
- productType: "sigmet",
4109
- isDisabled: isDisabled,
4110
- onChange: onChangeForm
4111
- }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4112
- productType: "sigmet",
4113
- isDisabled: isDisabled,
4114
- onChange: onChangeForm
4115
- })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4116
- productType: "sigmet",
4117
- isDisabled: isDisabled
4118
- }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4119
- isReadOnly: isReadOnly,
4120
- drawMode: drawMode,
4121
- geoJSONs: geoJSONs,
4122
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4123
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4124
- }
4125
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Levels, {
4126
- isDisabled: isDisabled,
4127
- isReadOnly: isReadOnly,
4128
- onChange: onChangeForm,
4129
- productType: "sigmet"
4130
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4131
- productType: "sigmet",
4132
- isDisabled: isDisabled,
4133
- isReadOnly: isReadOnly,
4134
- drawMode: drawMode,
4135
- geoJSONs: geoJSONs,
4136
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4137
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4138
- },
4139
- onChange: onChangeForm
4140
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4141
- isDisabled: isDisabled,
4142
- isReadOnly: isReadOnly
4143
- }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4144
- item: true,
4145
- container: true,
4146
- spacing: 2
4147
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4148
- item: true,
4149
- xs: 4,
4150
- container: true,
4151
- justify: "flex-end"
4152
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4153
- item: true,
4154
- xs: 8,
4155
- container: true,
4156
- justify: "flex-start"
4157
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4158
- item: true,
4159
- xs: 12
4160
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4161
- variant: "body2",
4162
- className: classes.body,
4163
- "data-testid": "vaSigmetMoveToFIR"
4164
- }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default["default"].createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4165
- item: true,
4166
- container: true,
4167
- spacing: 2
4168
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4169
- item: true,
4170
- xs: 4,
4171
- container: true,
4172
- justify: "flex-end"
4173
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4174
- variant: "subtitle1",
4175
- className: classes.label
4176
- }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4177
- item: true,
4178
- xs: 8,
4179
- container: true,
4180
- justify: "flex-start"
4181
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4182
- item: true,
4183
- xs: 12
4184
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4185
- variant: "body2",
4186
- className: classes.body
4187
- }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4188
- item: true,
4189
- container: true,
4190
- spacing: 2
4191
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4192
- item: true,
4193
- xs: 4,
4194
- container: true,
4195
- justify: "flex-end"
4196
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4197
- variant: "subtitle1",
4198
- className: classes.label
4199
- }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4200
- item: true,
4201
- xs: 8,
4202
- container: true,
4203
- justify: "flex-start"
4204
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4205
- item: true,
4206
- xs: 12
4207
- }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4208
- tac: tac
4209
- })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4210
- name: "sequence",
4211
- defaultValue: "-1"
4212
- }),
4213
- /* Add hidden fields for TAC generation in case of cancel sigmet */
4214
- isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4215
- name: "cancelsSigmetSequenceId"
4216
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4217
- name: "validDateEndOfSigmetToCancel"
4218
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4219
- name: "validDateStartOfSigmetToCancel"
4220
- }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4221
- isDisabled: isDisabled,
4222
- isReadOnly: isReadOnly
4223
- })))));
4238
+ }, renderForm())));
4224
4239
  };
4225
4240
 
4226
4241
  var AirmetForm = function AirmetForm(_a) {
@@ -4298,6 +4313,131 @@
4298
4313
  setIsDisabled(isInDrawMode);
4299
4314
  }
4300
4315
  }, [drawMode.start, isReadOnly, isDisabled]);
4316
+
4317
+ var renderForm = function renderForm() {
4318
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4319
+ container: true,
4320
+ direction: "column",
4321
+ spacing: 2
4322
+ }, !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4323
+ productType: "airmet",
4324
+ isDisabled: isDisabled,
4325
+ onChange: onChangeForm
4326
+ }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default["default"].createElement(SurfaceVisibility, {
4327
+ isDisabled: isDisabled,
4328
+ onChange: onChangeForm
4329
+ }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default["default"].createElement(SurfaceWind, {
4330
+ isDisabled: isDisabled,
4331
+ onChange: onChangeForm
4332
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4333
+ isDisabled: isDisabled,
4334
+ isReadOnly: isReadOnly
4335
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4336
+ isDisabled: isDisabled,
4337
+ isReadOnly: isReadOnly,
4338
+ helperText: helperText,
4339
+ onChange: onChangeForm
4340
+ }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4341
+ productType: "airmet",
4342
+ isDisabled: isDisabled,
4343
+ onChange: onChangeForm
4344
+ }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4345
+ productType: "airmet",
4346
+ isDisabled: isDisabled,
4347
+ onChange: onChangeForm
4348
+ })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4349
+ productType: "airmet",
4350
+ isDisabled: isDisabled
4351
+ }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4352
+ isReadOnly: isReadOnly,
4353
+ drawMode: drawMode,
4354
+ geoJSONs: geoJSONs,
4355
+ setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4356
+ _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4357
+ }
4358
+ }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default["default"].createElement(Levels, {
4359
+ isDisabled: isDisabled,
4360
+ isReadOnly: isReadOnly,
4361
+ onChange: onChangeForm,
4362
+ productType: "airmet"
4363
+ }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default["default"].createElement(CloudLevels, {
4364
+ isDisabled: isDisabled,
4365
+ isReadOnly: isReadOnly,
4366
+ onChange: onChangeForm
4367
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4368
+ productType: "airmet",
4369
+ isDisabled: isDisabled,
4370
+ isReadOnly: isReadOnly,
4371
+ onChange: onChangeForm
4372
+ }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4373
+ isDisabled: isDisabled,
4374
+ isReadOnly: isReadOnly
4375
+ }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4376
+ item: true,
4377
+ container: true,
4378
+ spacing: 2
4379
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4380
+ item: true,
4381
+ xs: 4,
4382
+ container: true,
4383
+ justify: "flex-end"
4384
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4385
+ variant: "subtitle1",
4386
+ className: classes.label
4387
+ }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4388
+ item: true,
4389
+ xs: 8,
4390
+ container: true,
4391
+ justify: "flex-start"
4392
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4393
+ item: true,
4394
+ xs: 12
4395
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4396
+ variant: "body2",
4397
+ className: classes.body
4398
+ }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4399
+ item: true,
4400
+ container: true,
4401
+ spacing: 2
4402
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4403
+ item: true,
4404
+ xs: 4,
4405
+ container: true,
4406
+ justify: "flex-end"
4407
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4408
+ variant: "subtitle1",
4409
+ className: classes.label
4410
+ }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4411
+ item: true,
4412
+ xs: 8,
4413
+ container: true,
4414
+ justify: "flex-start"
4415
+ }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4416
+ item: true,
4417
+ xs: 12
4418
+ }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4419
+ tac: tac
4420
+ })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4421
+ name: "sequence",
4422
+ defaultValue: "-1"
4423
+ }),
4424
+ /* Add hidden fields for TAC generation in case of cancel airmet */
4425
+ isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4426
+ name: "cancelsAirmetSequenceId"
4427
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4428
+ name: "validDateEndOfAirmetToCancel"
4429
+ }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4430
+ name: "validDateStartOfAirmetToCancel"
4431
+ }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4432
+ isDisabled: isDisabled,
4433
+ isReadOnly: isReadOnly
4434
+ }));
4435
+ };
4436
+
4437
+ if (!showMap) {
4438
+ return renderForm();
4439
+ }
4440
+
4301
4441
  return /*#__PURE__*/React__default["default"].createElement("form", {
4302
4442
  onChange: onChangeForm,
4303
4443
  onSubmit: handleSubmit(function () {
@@ -4314,7 +4454,7 @@
4314
4454
  }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4315
4455
  item: true,
4316
4456
  xs: 8
4317
- }, showMap && /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4457
+ }, /*#__PURE__*/React__default["default"].createElement(MapViewGeoJson, {
4318
4458
  geoJSONs: geoJSONs,
4319
4459
  setLayerGeoJSONs: function setLayerGeoJSONs(geoJSONs) {
4320
4460
  return _setLayerGeoJSONs(createInterSections(geoJSONs));
@@ -4327,123 +4467,7 @@
4327
4467
  item: true,
4328
4468
  xs: 4,
4329
4469
  className: classes.productForm
4330
- }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4331
- container: true,
4332
- direction: "column",
4333
- spacing: 2
4334
- }, !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4335
- productType: "airmet",
4336
- isDisabled: isDisabled,
4337
- onChange: onChangeForm
4338
- }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default["default"].createElement(SurfaceVisibility, {
4339
- isDisabled: isDisabled,
4340
- onChange: onChangeForm
4341
- }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default["default"].createElement(SurfaceWind, {
4342
- isDisabled: isDisabled,
4343
- onChange: onChangeForm
4344
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4345
- isDisabled: isDisabled,
4346
- isReadOnly: isReadOnly
4347
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4348
- isDisabled: isDisabled,
4349
- isReadOnly: isReadOnly,
4350
- helperText: helperText,
4351
- onChange: onChangeForm
4352
- }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4353
- productType: "airmet",
4354
- isDisabled: isDisabled,
4355
- onChange: onChangeForm
4356
- }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4357
- productType: "airmet",
4358
- isDisabled: isDisabled,
4359
- onChange: onChangeForm
4360
- })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4361
- productType: "airmet",
4362
- isDisabled: isDisabled
4363
- }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4364
- isReadOnly: isReadOnly,
4365
- drawMode: drawMode,
4366
- geoJSONs: geoJSONs,
4367
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4368
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4369
- }
4370
- }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default["default"].createElement(Levels, {
4371
- isDisabled: isDisabled,
4372
- isReadOnly: isReadOnly,
4373
- onChange: onChangeForm,
4374
- productType: "airmet"
4375
- }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default["default"].createElement(CloudLevels, {
4376
- isDisabled: isDisabled,
4377
- isReadOnly: isReadOnly,
4378
- onChange: onChangeForm
4379
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4380
- productType: "airmet",
4381
- isDisabled: isDisabled,
4382
- isReadOnly: isReadOnly,
4383
- onChange: onChangeForm
4384
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4385
- isDisabled: isDisabled,
4386
- isReadOnly: isReadOnly
4387
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4388
- item: true,
4389
- container: true,
4390
- spacing: 2
4391
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4392
- item: true,
4393
- xs: 4,
4394
- container: true,
4395
- justify: "flex-end"
4396
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4397
- variant: "subtitle1",
4398
- className: classes.label
4399
- }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4400
- item: true,
4401
- xs: 8,
4402
- container: true,
4403
- justify: "flex-start"
4404
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4405
- item: true,
4406
- xs: 12
4407
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4408
- variant: "body2",
4409
- className: classes.body
4410
- }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4411
- item: true,
4412
- container: true,
4413
- spacing: 2
4414
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4415
- item: true,
4416
- xs: 4,
4417
- container: true,
4418
- justify: "flex-end"
4419
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4420
- variant: "subtitle1",
4421
- className: classes.label
4422
- }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4423
- item: true,
4424
- xs: 8,
4425
- container: true,
4426
- justify: "flex-start"
4427
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4428
- item: true,
4429
- xs: 12
4430
- }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4431
- tac: tac
4432
- })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4433
- name: "sequence",
4434
- defaultValue: "-1"
4435
- }),
4436
- /* Add hidden fields for TAC generation in case of cancel airmet */
4437
- isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4438
- name: "cancelsAirmetSequenceId"
4439
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4440
- name: "validDateEndOfAirmetToCancel"
4441
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4442
- name: "validDateStartOfAirmetToCancel"
4443
- }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4444
- isDisabled: isDisabled,
4445
- isReadOnly: isReadOnly
4446
- })))));
4470
+ }, renderForm())));
4447
4471
  };
4448
4472
 
4449
4473
  var useStyles$3 = core$1.makeStyles({