@opengeoweb/sigmet-airmet 1.3.0 → 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 (16) hide show
  1. package/lib/components/ProductForms/AirmetForm/AirmetForm.d.ts +1 -0
  2. package/lib/components/ProductForms/AirmetForm/AirmetForm.stories.d.ts +16 -9
  3. package/lib/components/ProductForms/ProductFormDialog.Airmet.stories.d.ts +14 -0
  4. package/lib/components/ProductForms/{SigmetForm/SigmetFormDraw.stories.d.ts → ProductFormDialog.Draw.stories.d.ts} +0 -0
  5. package/lib/components/ProductForms/ProductFormDialog.Sigmet.stories.d.ts +14 -0
  6. package/lib/components/ProductForms/SigmetForm/SigmetForm.d.ts +3 -2
  7. package/lib/components/ProductForms/SigmetForm/SigmetForm.stories.d.ts +16 -9
  8. package/lib/components/ProductList/ProductList.stories.d.ts +10 -2
  9. package/lib/storyshots/Storyshots.spec.d.ts +1 -0
  10. package/lib/utils/KNMIlayers.d.ts +0 -2
  11. package/lib/utils/mockdata/fakeAirmetList.d.ts +1 -0
  12. package/lib/utils/mockdata/fakeSigmetList.d.ts +1 -0
  13. package/lib/utils/testUtils.d.ts +4 -0
  14. package/package.json +15 -15
  15. package/sigmet-airmet.esm.js +290 -277
  16. package/sigmet-airmet.umd.js +329 -315
package/sigmet-airmet.esm.js CHANGED
@@ -1,14 +1,12 @@
1
1
  import * as React from 'react';
2
2
  import React__default from 'react';
3
3
  import { makeStyles, FormControlLabel, Radio, Grid, Typography, SvgIcon, Tooltip, Button, Checkbox, MenuItem, FormHelperText, Dialog, DialogTitle, DialogContent, Card, CardContent, List, ListItem, Backdrop, CircularProgress } from '@material-ui/core';
4
- import { MuiPickersUtilsProvider } from '@material-ui/pickers';
5
- import MomentUtils from '@date-io/moment';
6
4
  import { useFormContext } from 'react-hook-form';
7
5
  import { ReactHookFormRadioGroup, ReactHookFormSelect, ReactHookFormNumberField, isInteger, isValidMax, isValidMin, isEmpty, ReactHookFormDateTime, isValidDate, isBefore, isBetween, hasMaxFeaturePoints, hasMulitpleIntersections, ReactHookFormHiddenInput, isMaximumOneDrawing, hasIntersectionWithFIR, isValidGeoJsonCoordinates, isXHoursBefore, isAfter, isXHoursAfter, ReactHookFormTextField, containsNoCommas, isLatitude, isNonOrBothCoordinates, isLongitude, errorMessages, isGeometryDirty, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
8
6
  import { useApiContext, useApi, createApiInstance } from '@opengeoweb/api';
9
7
  import produce, { produce as produce$1 } from 'immer';
10
8
  import { useDispatch, useSelector, shallowEqual } from 'react-redux';
11
- import { mapTypes, generateLayerId, mapSelectors, generateMapId, generateTimesliderId, SyncGroups, mapActions, publicLayers, 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';
12
10
  import * as turf from '@turf/turf';
13
11
  import { polygonToLineString, booleanClockwise, rewind } from '@turf/turf';
14
12
  import { useDraftFormHelpers, useIsMounted, StatusTag, AlertBanner, usePreventBrowserClose, useConfirmationDialog, isAxiosError, getAxiosErrorMessage, ConfirmationServiceProvider, usePoller } from '@opengeoweb/shared';
@@ -462,16 +460,14 @@ var northSeaPlatforms = {
462
460
  name: 'northseastations',
463
461
  format: 'image/png',
464
462
  layerType: mapTypes.LayerType.overLayer,
465
- enabled: true,
466
- id: generateLayerId()
463
+ enabled: true
467
464
  };
468
465
  var majorAirportsEHAA = {
469
466
  service: KNMIGeoWebSigmetAirmetOverlays.url,
470
467
  name: 'airports',
471
468
  format: 'image/png',
472
469
  layerType: mapTypes.LayerType.overLayer,
473
- enabled: true,
474
- id: generateLayerId()
470
+ enabled: true
475
471
  };
476
472
 
477
473
  /* *
@@ -602,14 +598,13 @@ var MapViewGeoJson = function MapViewGeoJson(_ref) {
602
598
  height: '99%'
603
599
  },
604
600
  "data-testid": "MapView"
605
- }, /*#__PURE__*/React.createElement("div", {
606
- style: {
607
- position: 'absolute',
608
- left: '20px',
609
- top: '20px',
610
- zIndex: 50
611
- }
612
- }, /*#__PURE__*/React.createElement(LayerManagerMapButtonConnect, {
601
+ }, /*#__PURE__*/React.createElement(MapControls, null, /*#__PURE__*/React.createElement(LayerManagerMapButtonConnect, {
602
+ source: "module",
603
+ mapId: mapId
604
+ }), /*#__PURE__*/React.createElement(LegendMapButtonConnect, {
605
+ source: "module",
606
+ mapId: mapId
607
+ }), /*#__PURE__*/React.createElement(MultiDimensionSelectMapButtonsConnect, {
613
608
  source: "module",
614
609
  mapId: mapId
615
610
  })), /*#__PURE__*/React.createElement(MapViewConnect, {
@@ -4084,7 +4079,9 @@ var SigmetForm = function SigmetForm(_ref) {
4084
4079
  _ref$initialSigmet = _ref.initialSigmet,
4085
4080
  initialSigmet = _ref$initialSigmet === void 0 ? null : _ref$initialSigmet,
4086
4081
  _ref$initialCancelSig = _ref.initialCancelSigmet,
4087
- initialCancelSigmet = _ref$initialCancelSig === void 0 ? null : _ref$initialCancelSig;
4082
+ initialCancelSigmet = _ref$initialCancelSig === void 0 ? null : _ref$initialCancelSig,
4083
+ _ref$showMap = _ref.showMap,
4084
+ showMap = _ref$showMap === void 0 ? true : _ref$showMap;
4088
4085
  var classes = useStyles$6();
4089
4086
 
4090
4087
  var _useApiContext = useApiContext(),
@@ -4174,6 +4171,151 @@ var SigmetForm = function SigmetForm(_ref) {
4174
4171
  setIsDisabled(isInDrawMode);
4175
4172
  }
4176
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
+
4177
4319
  return /*#__PURE__*/React__default.createElement("form", {
4178
4320
  onChange: onChangeForm,
4179
4321
  onSubmit: handleSubmit(function () {
@@ -4204,145 +4346,7 @@ var SigmetForm = function SigmetForm(_ref) {
4204
4346
  item: true,
4205
4347
  xs: 4,
4206
4348
  className: classes.productForm
4207
- }, /*#__PURE__*/React__default.createElement(MuiPickersUtilsProvider, {
4208
- utils: MomentUtils
4209
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
4210
- container: true,
4211
- direction: "column",
4212
- spacing: 2
4213
- }, !isCancelSigmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
4214
- productType: "sigmet",
4215
- isDisabled: isDisabled,
4216
- onChange: onChangeForm
4217
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(ObservationForecast, {
4218
- isDisabled: isDisabled,
4219
- isReadOnly: isReadOnly
4220
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(ObservationForecastTime, {
4221
- isDisabled: isDisabled,
4222
- isReadOnly: isReadOnly,
4223
- helperText: helperText,
4224
- onChange: onChangeForm
4225
- }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default.createElement(VolcanicFields, {
4226
- isDisabled: isDisabled,
4227
- isReadOnly: isReadOnly,
4228
- helperText: helperText
4229
- }), /*#__PURE__*/React__default.createElement(ValidFrom, {
4230
- productType: "sigmet",
4231
- isDisabled: isDisabled,
4232
- onChange: onChangeForm
4233
- }), /*#__PURE__*/React__default.createElement(ValidUntil, {
4234
- productType: "sigmet",
4235
- isDisabled: isDisabled,
4236
- onChange: onChangeForm
4237
- })), /*#__PURE__*/React__default.createElement(SelectFIR, {
4238
- productType: "sigmet",
4239
- isDisabled: isDisabled
4240
- }), /*#__PURE__*/React__default.createElement(StartGeometry, {
4241
- isReadOnly: isReadOnly,
4242
- drawMode: drawMode,
4243
- geoJSONs: geoJSONs,
4244
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4245
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4246
- }
4247
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Levels, {
4248
- isDisabled: isDisabled,
4249
- isReadOnly: isReadOnly,
4250
- onChange: onChangeForm,
4251
- productType: "sigmet"
4252
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Progress, {
4253
- productType: "sigmet",
4254
- isDisabled: isDisabled,
4255
- isReadOnly: isReadOnly,
4256
- drawMode: drawMode,
4257
- geoJSONs: geoJSONs,
4258
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4259
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4260
- },
4261
- onChange: onChangeForm
4262
- }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Change, {
4263
- isDisabled: isDisabled,
4264
- isReadOnly: isReadOnly
4265
- }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default.createElement(Grid, {
4266
- item: true,
4267
- container: true,
4268
- spacing: 2
4269
- }, /*#__PURE__*/React__default.createElement(Grid, {
4270
- item: true,
4271
- xs: 4,
4272
- container: true,
4273
- justify: "flex-end"
4274
- }), /*#__PURE__*/React__default.createElement(Grid, {
4275
- item: true,
4276
- xs: 8,
4277
- container: true,
4278
- justify: "flex-start"
4279
- }, /*#__PURE__*/React__default.createElement(Grid, {
4280
- item: true,
4281
- xs: 12
4282
- }, /*#__PURE__*/React__default.createElement(Typography, {
4283
- variant: "body2",
4284
- className: classes.body,
4285
- "data-testid": "vaSigmetMoveToFIR"
4286
- }, "Volcanic Cloud is moving in the direction of:", ' ', /*#__PURE__*/React__default.createElement("b", null, " ", watch('vaSigmetMoveToFIR')))))), /*#__PURE__*/React__default.createElement(Grid, {
4287
- item: true,
4288
- container: true,
4289
- spacing: 2
4290
- }, /*#__PURE__*/React__default.createElement(Grid, {
4291
- item: true,
4292
- xs: 4,
4293
- container: true,
4294
- justify: "flex-end"
4295
- }, /*#__PURE__*/React__default.createElement(Typography, {
4296
- variant: "subtitle1",
4297
- className: classes.label
4298
- }, "Issued at")), /*#__PURE__*/React__default.createElement(Grid, {
4299
- item: true,
4300
- xs: 8,
4301
- container: true,
4302
- justify: "flex-start"
4303
- }, /*#__PURE__*/React__default.createElement(Grid, {
4304
- item: true,
4305
- xs: 12
4306
- }, /*#__PURE__*/React__default.createElement(Typography, {
4307
- variant: "body2",
4308
- className: classes.body
4309
- }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default.createElement(Grid, {
4310
- item: true,
4311
- container: true,
4312
- spacing: 2
4313
- }, /*#__PURE__*/React__default.createElement(Grid, {
4314
- item: true,
4315
- xs: 4,
4316
- container: true,
4317
- justify: "flex-end"
4318
- }, /*#__PURE__*/React__default.createElement(Typography, {
4319
- variant: "subtitle1",
4320
- className: classes.label
4321
- }, "TAC")), /*#__PURE__*/React__default.createElement(Grid, {
4322
- item: true,
4323
- xs: 8,
4324
- container: true,
4325
- justify: "flex-start"
4326
- }, /*#__PURE__*/React__default.createElement(Grid, {
4327
- item: true,
4328
- xs: 12
4329
- }, /*#__PURE__*/React__default.createElement(ProductFormTAC, {
4330
- tac: tac
4331
- })))), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4332
- name: "sequence",
4333
- defaultValue: "-1"
4334
- }),
4335
- /* Add hidden fields for TAC generation in case of cancel sigmet */
4336
- isCancelSigmet && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4337
- name: "cancelsSigmetSequenceId"
4338
- }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4339
- name: "validDateEndOfSigmetToCancel"
4340
- }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4341
- name: "validDateStartOfSigmetToCancel"
4342
- }))), /*#__PURE__*/React__default.createElement(Type, {
4343
- isDisabled: isDisabled,
4344
- isReadOnly: isReadOnly
4345
- }))))));
4349
+ }, renderForm())));
4346
4350
  };
4347
4351
 
4348
4352
  var AirmetForm = function AirmetForm(_ref) {
@@ -4352,7 +4356,9 @@ var AirmetForm = function AirmetForm(_ref) {
4352
4356
  _ref$initialAirmet = _ref.initialAirmet,
4353
4357
  initialAirmet = _ref$initialAirmet === void 0 ? null : _ref$initialAirmet,
4354
4358
  _ref$initialCancelAir = _ref.initialCancelAirmet,
4355
- initialCancelAirmet = _ref$initialCancelAir === void 0 ? null : _ref$initialCancelAir;
4359
+ initialCancelAirmet = _ref$initialCancelAir === void 0 ? null : _ref$initialCancelAir,
4360
+ _ref$showMap = _ref.showMap,
4361
+ showMap = _ref$showMap === void 0 ? true : _ref$showMap;
4356
4362
  var classes = useStyles$6();
4357
4363
 
4358
4364
  var _useApiContext = useApiContext(),
@@ -4422,6 +4428,131 @@ var AirmetForm = function AirmetForm(_ref) {
4422
4428
  setIsDisabled(isInDrawMode);
4423
4429
  }
4424
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
+
4425
4556
  return /*#__PURE__*/React__default.createElement("form", {
4426
4557
  onChange: onChangeForm,
4427
4558
  onSubmit: handleSubmit(function () {
@@ -4451,125 +4582,7 @@ var AirmetForm = function AirmetForm(_ref) {
4451
4582
  item: true,
4452
4583
  xs: 4,
4453
4584
  className: classes.productForm
4454
- }, /*#__PURE__*/React__default.createElement(MuiPickersUtilsProvider, {
4455
- utils: MomentUtils
4456
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
4457
- container: true,
4458
- direction: "column",
4459
- spacing: 2
4460
- }, !isCancelAirmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
4461
- productType: "airmet",
4462
- isDisabled: isDisabled,
4463
- onChange: onChangeForm
4464
- }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default.createElement(SurfaceVisibility, {
4465
- isDisabled: isDisabled,
4466
- onChange: onChangeForm
4467
- }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default.createElement(SurfaceWind, {
4468
- isDisabled: isDisabled,
4469
- onChange: onChangeForm
4470
- }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(ObservationForecast, {
4471
- isDisabled: isDisabled,
4472
- isReadOnly: isReadOnly
4473
- }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(ObservationForecastTime, {
4474
- isDisabled: isDisabled,
4475
- isReadOnly: isReadOnly,
4476
- helperText: helperText,
4477
- onChange: onChangeForm
4478
- }), /*#__PURE__*/React__default.createElement(ValidFrom, {
4479
- productType: "airmet",
4480
- isDisabled: isDisabled,
4481
- onChange: onChangeForm
4482
- }), /*#__PURE__*/React__default.createElement(ValidUntil, {
4483
- productType: "airmet",
4484
- isDisabled: isDisabled,
4485
- onChange: onChangeForm
4486
- })), /*#__PURE__*/React__default.createElement(SelectFIR, {
4487
- productType: "airmet",
4488
- isDisabled: isDisabled
4489
- }), /*#__PURE__*/React__default.createElement(StartGeometry, {
4490
- isReadOnly: isReadOnly,
4491
- drawMode: drawMode,
4492
- geoJSONs: geoJSONs,
4493
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4494
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4495
- }
4496
- }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default.createElement(Levels, {
4497
- isDisabled: isDisabled,
4498
- isReadOnly: isReadOnly,
4499
- onChange: onChangeForm,
4500
- productType: "airmet"
4501
- }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default.createElement(CloudLevels, {
4502
- isDisabled: isDisabled,
4503
- isReadOnly: isReadOnly,
4504
- onChange: onChangeForm
4505
- }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(Progress, {
4506
- productType: "airmet",
4507
- isDisabled: isDisabled,
4508
- isReadOnly: isReadOnly,
4509
- onChange: onChangeForm
4510
- }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(Change, {
4511
- isDisabled: isDisabled,
4512
- isReadOnly: isReadOnly
4513
- }), /*#__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
- }, "Issued at")), /*#__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(Typography, {
4534
- variant: "body2",
4535
- className: classes.body
4536
- }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default.createElement(Grid, {
4537
- item: true,
4538
- container: true,
4539
- spacing: 2
4540
- }, /*#__PURE__*/React__default.createElement(Grid, {
4541
- item: true,
4542
- xs: 4,
4543
- container: true,
4544
- justify: "flex-end"
4545
- }, /*#__PURE__*/React__default.createElement(Typography, {
4546
- variant: "subtitle1",
4547
- className: classes.label
4548
- }, "TAC")), /*#__PURE__*/React__default.createElement(Grid, {
4549
- item: true,
4550
- xs: 8,
4551
- container: true,
4552
- justify: "flex-start"
4553
- }, /*#__PURE__*/React__default.createElement(Grid, {
4554
- item: true,
4555
- xs: 12
4556
- }, /*#__PURE__*/React__default.createElement(ProductFormTAC, {
4557
- tac: tac
4558
- })))), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4559
- name: "sequence",
4560
- defaultValue: "-1"
4561
- }),
4562
- /* Add hidden fields for TAC generation in case of cancel airmet */
4563
- isCancelAirmet && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4564
- name: "cancelsAirmetSequenceId"
4565
- }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4566
- name: "validDateEndOfAirmetToCancel"
4567
- }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
4568
- name: "validDateStartOfAirmetToCancel"
4569
- }))), /*#__PURE__*/React__default.createElement(Type, {
4570
- isDisabled: isDisabled,
4571
- isReadOnly: isReadOnly
4572
- }))))));
4585
+ }, renderForm())));
4573
4586
  };
4574
4587
 
4575
4588
  var useStyles$3 = makeStyles({
@@ -5368,8 +5381,8 @@ var MetInfoWrapper = function MetInfoWrapper(_ref) {
5368
5381
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
5369
5382
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
5370
5383
  * */
5371
- var createApi = function createApi(url, appUrl, auth, setAuth, authTokenUrl) {
5372
- var axiosInstance = createApiInstance(url, appUrl, auth, setAuth, authTokenUrl);
5384
+ var createApi = function createApi(url, appUrl, auth, setAuth, authTokenUrl, authClientId) {
5385
+ var axiosInstance = createApiInstance(url, appUrl, auth, setAuth, authTokenUrl, authClientId);
5373
5386
  return {
5374
5387
  // api data
5375
5388
  getSigmetList: function getSigmetList() {