@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.umd.js CHANGED
@@ -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('@material-ui/core'), require('react-hook-form'), require('@opengeoweb/form-fields'), require('@opengeoweb/api'), require('immer'), require('react-redux'), require('@opengeoweb/core'), require('@turf/turf'), require('@opengeoweb/shared'), require('@material-ui/icons'), require('moment'), require('lodash'), require('@material-ui/lab')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', 'react', '@material-ui/core', 'react-hook-form', '@opengeoweb/form-fields', '@opengeoweb/api', 'immer', 'react-redux', '@opengeoweb/core', '@turf/turf', '@opengeoweb/shared', '@material-ui/icons', 'moment', 'lodash', '@material-ui/lab'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SigmetAirmet = {}, global.React, global.core$1, global.reactHookForm, global.formFields, global.api, global.produce, global.reactRedux, global.core, global.turf, global.shared, global.icons, global.moment, global.lodash, global.lab));
5
+ })(this, (function (exports, React, core$1, reactHookForm, formFields, api, produce, reactRedux, core, turf, shared, icons, moment, lodash, lab) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -26,7 +26,6 @@
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);
32
31
  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
@@ -472,16 +471,14 @@
472
471
  name: 'northseastations',
473
472
  format: 'image/png',
474
473
  layerType: core.mapTypes.LayerType.overLayer,
475
- enabled: true,
476
- id: core.generateLayerId()
474
+ enabled: true
477
475
  };
478
476
  var majorAirportsEHAA = {
479
477
  service: KNMIGeoWebSigmetAirmetOverlays.url,
480
478
  name: 'airports',
481
479
  format: 'image/png',
482
480
  layerType: core.mapTypes.LayerType.overLayer,
483
- enabled: true,
484
- id: core.generateLayerId()
481
+ enabled: true
485
482
  };
486
483
 
487
484
  var allowOneGeoJSONFeature = function allowOneGeoJSONFeature(mode, geojson) {
@@ -596,14 +593,13 @@
596
593
  height: '99%'
597
594
  },
598
595
  "data-testid": "MapView"
599
- }, /*#__PURE__*/React__namespace.createElement("div", {
600
- style: {
601
- position: 'absolute',
602
- left: '20px',
603
- top: '20px',
604
- zIndex: 50
605
- }
606
- }, /*#__PURE__*/React__namespace.createElement(core.LayerManagerMapButtonConnect, {
596
+ }, /*#__PURE__*/React__namespace.createElement(core.MapControls, null, /*#__PURE__*/React__namespace.createElement(core.LayerManagerMapButtonConnect, {
597
+ source: "module",
598
+ mapId: mapId
599
+ }), /*#__PURE__*/React__namespace.createElement(core.LegendMapButtonConnect, {
600
+ source: "module",
601
+ mapId: mapId
602
+ }), /*#__PURE__*/React__namespace.createElement(core.MultiDimensionSelectMapButtonsConnect, {
607
603
  source: "module",
608
604
  mapId: mapId
609
605
  })), /*#__PURE__*/React__namespace.createElement(core.MapViewConnect, {
@@ -3976,26 +3972,28 @@
3976
3972
  _c = _a.initialSigmet,
3977
3973
  initialSigmet = _c === void 0 ? null : _c,
3978
3974
  _d = _a.initialCancelSigmet,
3979
- initialCancelSigmet = _d === void 0 ? null : _d;
3975
+ initialCancelSigmet = _d === void 0 ? null : _d,
3976
+ _e = _a.showMap,
3977
+ showMap = _e === void 0 ? true : _e;
3980
3978
  var classes = useStyles$6();
3981
3979
  var api$1 = api.useApiContext().api;
3982
3980
 
3983
- var _e = reactHookForm.useFormContext(),
3984
- watch = _e.watch,
3985
- setValue = _e.setValue,
3986
- handleSubmit = _e.handleSubmit,
3987
- getValues = _e.getValues;
3981
+ var _f = reactHookForm.useFormContext(),
3982
+ watch = _f.watch,
3983
+ setValue = _f.setValue,
3984
+ handleSubmit = _f.handleSubmit,
3985
+ getValues = _f.getValues;
3988
3986
 
3989
- var _f = __read(React__default["default"].useState(mode === 'view'), 2),
3990
- isDisabled = _f[0],
3991
- setIsDisabled = _f[1];
3987
+ var _g = __read(React__default["default"].useState(mode === 'view'), 2),
3988
+ isDisabled = _g[0],
3989
+ setIsDisabled = _g[1];
3992
3990
 
3993
3991
  var isReadOnly = mode === 'view';
3994
3992
  var helperText = isDisabled ? '' : 'Optional';
3995
3993
 
3996
- var _g = __read(useTAC(initialSigmet !== null ? initialSigmet : initialCancelSigmet, api$1.getSigmetTAC), 2),
3997
- tac = _g[0],
3998
- updateTac = _g[1];
3994
+ var _h = __read(useTAC(initialSigmet !== null ? initialSigmet : initialCancelSigmet, api$1.getSigmetTAC), 2),
3995
+ tac = _h[0],
3996
+ updateTac = _h[1];
3999
3997
 
4000
3998
  var onChangeForm = function onChangeForm() {
4001
3999
  updateTac(getValues());
@@ -4009,13 +4007,13 @@
4009
4007
  intersectionEnd: initialSigmet.endGeometryIntersect
4010
4008
  } : null;
4011
4009
 
4012
- var _h = useDrawMode(initialGeometry),
4013
- drawMode = _h.drawMode,
4014
- setDrawMode = _h.setDrawMode,
4015
- layerDrawModes = _h.layerDrawModes,
4016
- geoJSONs = _h.geoJSONs,
4017
- _setLayerGeoJSONs = _h.setLayerGeoJSONs,
4018
- _setDrawModeType = _h.setDrawModeType;
4010
+ var _j = useDrawMode(initialGeometry),
4011
+ drawMode = _j.drawMode,
4012
+ setDrawMode = _j.setDrawMode,
4013
+ layerDrawModes = _j.layerDrawModes,
4014
+ geoJSONs = _j.geoJSONs,
4015
+ _setLayerGeoJSONs = _j.setLayerGeoJSONs,
4016
+ _setDrawModeType = _j.setDrawModeType;
4019
4017
 
4020
4018
  var updateStartDrawing = function updateStartDrawing(mapGeoJSONS) {
4021
4019
  var baseGeoJSON = mapGeoJSONS || geoJSONs;
@@ -4062,6 +4060,151 @@
4062
4060
  setIsDisabled(isInDrawMode);
4063
4061
  }
4064
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
+
4065
4208
  return /*#__PURE__*/React__default["default"].createElement("form", {
4066
4209
  onChange: onChangeForm,
4067
4210
  onSubmit: handleSubmit(function () {
@@ -4092,145 +4235,7 @@
4092
4235
  item: true,
4093
4236
  xs: 4,
4094
4237
  className: classes.productForm
4095
- }, /*#__PURE__*/React__default["default"].createElement(pickers.MuiPickersUtilsProvider, {
4096
- utils: MomentUtils__default["default"]
4097
- }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4098
- container: true,
4099
- direction: "column",
4100
- spacing: 2
4101
- }, !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4102
- productType: "sigmet",
4103
- isDisabled: isDisabled,
4104
- onChange: onChangeForm
4105
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4106
- isDisabled: isDisabled,
4107
- isReadOnly: isReadOnly
4108
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4109
- isDisabled: isDisabled,
4110
- isReadOnly: isReadOnly,
4111
- helperText: helperText,
4112
- onChange: onChangeForm
4113
- }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default["default"].createElement(VolcanicFields, {
4114
- isDisabled: isDisabled,
4115
- isReadOnly: isReadOnly,
4116
- helperText: helperText
4117
- }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4118
- productType: "sigmet",
4119
- isDisabled: isDisabled,
4120
- onChange: onChangeForm
4121
- }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4122
- productType: "sigmet",
4123
- isDisabled: isDisabled,
4124
- onChange: onChangeForm
4125
- })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4126
- productType: "sigmet",
4127
- isDisabled: isDisabled
4128
- }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4129
- isReadOnly: isReadOnly,
4130
- drawMode: drawMode,
4131
- geoJSONs: geoJSONs,
4132
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4133
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4134
- }
4135
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Levels, {
4136
- isDisabled: isDisabled,
4137
- isReadOnly: isReadOnly,
4138
- onChange: onChangeForm,
4139
- productType: "sigmet"
4140
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4141
- productType: "sigmet",
4142
- isDisabled: isDisabled,
4143
- isReadOnly: isReadOnly,
4144
- drawMode: drawMode,
4145
- geoJSONs: geoJSONs,
4146
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4147
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateEndDrawing);
4148
- },
4149
- onChange: onChangeForm
4150
- }), !isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4151
- isDisabled: isDisabled,
4152
- isReadOnly: isReadOnly
4153
- }), isCancelSigmet && watch('vaSigmetMoveToFIR') && /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4154
- item: true,
4155
- container: true,
4156
- spacing: 2
4157
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4158
- item: true,
4159
- xs: 4,
4160
- container: true,
4161
- justify: "flex-end"
4162
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4163
- item: true,
4164
- xs: 8,
4165
- container: true,
4166
- justify: "flex-start"
4167
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4168
- item: true,
4169
- xs: 12
4170
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4171
- variant: "body2",
4172
- className: classes.body,
4173
- "data-testid": "vaSigmetMoveToFIR"
4174
- }, "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, {
4175
- item: true,
4176
- container: true,
4177
- spacing: 2
4178
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4179
- item: true,
4180
- xs: 4,
4181
- container: true,
4182
- justify: "flex-end"
4183
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4184
- variant: "subtitle1",
4185
- className: classes.label
4186
- }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4187
- item: true,
4188
- xs: 8,
4189
- container: true,
4190
- justify: "flex-start"
4191
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4192
- item: true,
4193
- xs: 12
4194
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4195
- variant: "body2",
4196
- className: classes.body
4197
- }, getProductIssueDate(initialSigmet, initialCancelSigmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4198
- item: true,
4199
- container: true,
4200
- spacing: 2
4201
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4202
- item: true,
4203
- xs: 4,
4204
- container: true,
4205
- justify: "flex-end"
4206
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4207
- variant: "subtitle1",
4208
- className: classes.label
4209
- }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4210
- item: true,
4211
- xs: 8,
4212
- container: true,
4213
- justify: "flex-start"
4214
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4215
- item: true,
4216
- xs: 12
4217
- }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4218
- tac: tac
4219
- })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4220
- name: "sequence",
4221
- defaultValue: "-1"
4222
- }),
4223
- /* Add hidden fields for TAC generation in case of cancel sigmet */
4224
- isCancelSigmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4225
- name: "cancelsSigmetSequenceId"
4226
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4227
- name: "validDateEndOfSigmetToCancel"
4228
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4229
- name: "validDateStartOfSigmetToCancel"
4230
- }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4231
- isDisabled: isDisabled,
4232
- isReadOnly: isReadOnly
4233
- }))))));
4238
+ }, renderForm())));
4234
4239
  };
4235
4240
 
4236
4241
  var AirmetForm = function AirmetForm(_a) {
@@ -4240,28 +4245,30 @@
4240
4245
  _c = _a.initialAirmet,
4241
4246
  initialAirmet = _c === void 0 ? null : _c,
4242
4247
  _d = _a.initialCancelAirmet,
4243
- initialCancelAirmet = _d === void 0 ? null : _d;
4248
+ initialCancelAirmet = _d === void 0 ? null : _d,
4249
+ _e = _a.showMap,
4250
+ showMap = _e === void 0 ? true : _e;
4244
4251
  var classes = useStyles$6();
4245
4252
  var api$1 = api.useApiContext().api;
4246
4253
 
4247
- var _e = reactHookForm.useFormContext(),
4248
- watch = _e.watch,
4249
- setValue = _e.setValue,
4250
- handleSubmit = _e.handleSubmit,
4251
- getValues = _e.getValues;
4254
+ var _f = reactHookForm.useFormContext(),
4255
+ watch = _f.watch,
4256
+ setValue = _f.setValue,
4257
+ handleSubmit = _f.handleSubmit,
4258
+ getValues = _f.getValues;
4252
4259
 
4253
4260
  var phenomenon = watch('phenomenon');
4254
4261
 
4255
- var _f = __read(React__default["default"].useState(mode === 'view'), 2),
4256
- isDisabled = _f[0],
4257
- setIsDisabled = _f[1];
4262
+ var _g = __read(React__default["default"].useState(mode === 'view'), 2),
4263
+ isDisabled = _g[0],
4264
+ setIsDisabled = _g[1];
4258
4265
 
4259
4266
  var isReadOnly = mode === 'view';
4260
4267
  var helperText = isDisabled ? '' : 'Optional';
4261
4268
 
4262
- var _g = __read(useTAC(initialAirmet !== null ? initialAirmet : initialCancelAirmet, api$1.getAirmetTAC), 2),
4263
- tac = _g[0],
4264
- updateTac = _g[1];
4269
+ var _h = __read(useTAC(initialAirmet !== null ? initialAirmet : initialCancelAirmet, api$1.getAirmetTAC), 2),
4270
+ tac = _h[0],
4271
+ updateTac = _h[1];
4265
4272
 
4266
4273
  var onChangeForm = function onChangeForm() {
4267
4274
  updateTac(getValues());
@@ -4272,13 +4279,13 @@
4272
4279
  intersectionStart: initialAirmet.startGeometryIntersect
4273
4280
  } : null;
4274
4281
 
4275
- var _h = useDrawMode(initialGeometry),
4276
- drawMode = _h.drawMode,
4277
- setDrawMode = _h.setDrawMode,
4278
- layerDrawModes = _h.layerDrawModes,
4279
- geoJSONs = _h.geoJSONs,
4280
- _setLayerGeoJSONs = _h.setLayerGeoJSONs,
4281
- _setDrawModeType = _h.setDrawModeType;
4282
+ var _j = useDrawMode(initialGeometry),
4283
+ drawMode = _j.drawMode,
4284
+ setDrawMode = _j.setDrawMode,
4285
+ layerDrawModes = _j.layerDrawModes,
4286
+ geoJSONs = _j.geoJSONs,
4287
+ _setLayerGeoJSONs = _j.setLayerGeoJSONs,
4288
+ _setDrawModeType = _j.setDrawModeType;
4282
4289
 
4283
4290
  var updateStartDrawing = function updateStartDrawing(mapGeoJSONS) {
4284
4291
  var baseGeoJSON = mapGeoJSONS || geoJSONs;
@@ -4306,6 +4313,131 @@
4306
4313
  setIsDisabled(isInDrawMode);
4307
4314
  }
4308
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
+
4309
4441
  return /*#__PURE__*/React__default["default"].createElement("form", {
4310
4442
  onChange: onChangeForm,
4311
4443
  onSubmit: handleSubmit(function () {
@@ -4335,125 +4467,7 @@
4335
4467
  item: true,
4336
4468
  xs: 4,
4337
4469
  className: classes.productForm
4338
- }, /*#__PURE__*/React__default["default"].createElement(pickers.MuiPickersUtilsProvider, {
4339
- utils: MomentUtils__default["default"]
4340
- }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4341
- container: true,
4342
- direction: "column",
4343
- spacing: 2
4344
- }, !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Phenomenon, {
4345
- productType: "airmet",
4346
- isDisabled: isDisabled,
4347
- onChange: onChangeForm
4348
- }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default["default"].createElement(SurfaceVisibility, {
4349
- isDisabled: isDisabled,
4350
- onChange: onChangeForm
4351
- }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default["default"].createElement(SurfaceWind, {
4352
- isDisabled: isDisabled,
4353
- onChange: onChangeForm
4354
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecast, {
4355
- isDisabled: isDisabled,
4356
- isReadOnly: isReadOnly
4357
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(ObservationForecastTime, {
4358
- isDisabled: isDisabled,
4359
- isReadOnly: isReadOnly,
4360
- helperText: helperText,
4361
- onChange: onChangeForm
4362
- }), /*#__PURE__*/React__default["default"].createElement(ValidFrom, {
4363
- productType: "airmet",
4364
- isDisabled: isDisabled,
4365
- onChange: onChangeForm
4366
- }), /*#__PURE__*/React__default["default"].createElement(ValidUntil, {
4367
- productType: "airmet",
4368
- isDisabled: isDisabled,
4369
- onChange: onChangeForm
4370
- })), /*#__PURE__*/React__default["default"].createElement(SelectFIR, {
4371
- productType: "airmet",
4372
- isDisabled: isDisabled
4373
- }), /*#__PURE__*/React__default["default"].createElement(StartGeometry, {
4374
- isReadOnly: isReadOnly,
4375
- drawMode: drawMode,
4376
- geoJSONs: geoJSONs,
4377
- setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
4378
- _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
4379
- }
4380
- }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default["default"].createElement(Levels, {
4381
- isDisabled: isDisabled,
4382
- isReadOnly: isReadOnly,
4383
- onChange: onChangeForm,
4384
- productType: "airmet"
4385
- }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default["default"].createElement(CloudLevels, {
4386
- isDisabled: isDisabled,
4387
- isReadOnly: isReadOnly,
4388
- onChange: onChangeForm
4389
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Progress, {
4390
- productType: "airmet",
4391
- isDisabled: isDisabled,
4392
- isReadOnly: isReadOnly,
4393
- onChange: onChangeForm
4394
- }), !isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(Change, {
4395
- isDisabled: isDisabled,
4396
- isReadOnly: isReadOnly
4397
- }), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4398
- item: true,
4399
- container: true,
4400
- spacing: 2
4401
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4402
- item: true,
4403
- xs: 4,
4404
- container: true,
4405
- justify: "flex-end"
4406
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4407
- variant: "subtitle1",
4408
- className: classes.label
4409
- }, "Issued at")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4410
- item: true,
4411
- xs: 8,
4412
- container: true,
4413
- justify: "flex-start"
4414
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4415
- item: true,
4416
- xs: 12
4417
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4418
- variant: "body2",
4419
- className: classes.body
4420
- }, getProductIssueDate(initialAirmet, initialCancelAirmet)))), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4421
- item: true,
4422
- container: true,
4423
- spacing: 2
4424
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4425
- item: true,
4426
- xs: 4,
4427
- container: true,
4428
- justify: "flex-end"
4429
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
4430
- variant: "subtitle1",
4431
- className: classes.label
4432
- }, "TAC")), /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4433
- item: true,
4434
- xs: 8,
4435
- container: true,
4436
- justify: "flex-start"
4437
- }, /*#__PURE__*/React__default["default"].createElement(core$1.Grid, {
4438
- item: true,
4439
- xs: 12
4440
- }, /*#__PURE__*/React__default["default"].createElement(ProductFormTAC, {
4441
- tac: tac
4442
- })))), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4443
- name: "sequence",
4444
- defaultValue: "-1"
4445
- }),
4446
- /* Add hidden fields for TAC generation in case of cancel airmet */
4447
- isCancelAirmet && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4448
- name: "cancelsAirmetSequenceId"
4449
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4450
- name: "validDateEndOfAirmetToCancel"
4451
- }), /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormHiddenInput, {
4452
- name: "validDateStartOfAirmetToCancel"
4453
- }))), /*#__PURE__*/React__default["default"].createElement(Type, {
4454
- isDisabled: isDisabled,
4455
- isReadOnly: isReadOnly
4456
- }))))));
4470
+ }, renderForm())));
4457
4471
  };
4458
4472
 
4459
4473
  var useStyles$3 = core$1.makeStyles({
@@ -5202,8 +5216,8 @@
5202
5216
  }));
5203
5217
  };
5204
5218
 
5205
- var createApi = function createApi(url, appUrl, auth, setAuth, authTokenUrl) {
5206
- var axiosInstance = api.createApiInstance(url, appUrl, auth, setAuth, authTokenUrl);
5219
+ var createApi = function createApi(url, appUrl, auth, setAuth, authTokenUrl, authClientId) {
5220
+ var axiosInstance = api.createApiInstance(url, appUrl, auth, setAuth, authTokenUrl, authClientId);
5207
5221
  return {
5208
5222
  // api data
5209
5223
  getSigmetList: function getSigmetList() {