@opengeoweb/sigmet-airmet 8.3.1 → 8.4.1

package/index.esm.js

@@ -416,6 +416,15 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
+/**
+ * The possible type for the sigmet
+ */
+var SigmetType;
+(function (SigmetType) {
+  SigmetType["NORMAL"] = "Normal";
+  SigmetType["TEST"] = "Test";
+  SigmetType["EXERCISE"] = "Exercise";
+})(SigmetType || (SigmetType = {}));
 /**
  * The possible phenomena for the sigmet
  */
@@ -586,6 +595,20 @@ var styles$2 = {
   containerItem: {
     ' .MuiTypography-subtitle1': {
       marginTop: 1
+    },
+    paddingTop: '8px!important',
+    '+ .MuiGrid-item': {
+      paddingTop: 0
+    },
+    '.MuiButtonBase-root.MuiRadio-root': {
+      padding: '6px',
+      marginLeft: '3px'
+    },
+    '.MuiFormControl-root.MuiTextField-root': {
+      marginBottom: 0
+    },
+    '.MuiGrid-root': {
+      alignItems: 'flex-start'
     }
   },
   volcanicField: {
@@ -604,7 +627,10 @@ var styles$2 = {
     marginBottom: 2
   },
   latitude: {
-    width: '97%'
+    width: '97%',
+    '.MuiFormControl-root.MuiTextField-root': {
+      margin: 0
+    }
   },
   unit: {
     width: '95%'
@@ -623,12 +649,25 @@ var styles$2 = {
   },
   helperText: {
     ' .MuiFormHelperText-root': {
-      position: 'absolute',
-      top: 56,
+      top: 'auto',
+      position: 'relative',
+      lineHeight: '1.33em',
       '&.Mui-error': {
         top: 'auto',
         position: 'relative'
       }
+    },
+    '.MuiFormLabel-root.MuiInputLabel-root': {
+      top: -4,
+      lineHeight: '1.33em'
+    },
+    '.MuiSvgIcon-root': {
+      width: '0.8em',
+      height: '0.8em'
+    },
+    '.MuiButtonBase-root.MuiIconButton-root': {
+      padding: '2px',
+      marginLeft: '-4px'
     }
   }
 };
@@ -906,7 +945,7 @@ var getMaxCloudLowerLevelValue = function getMaxCloudLowerLevelValue(unit, selec
   // Return max value for selected unit - if not present in list, return null
   return cloud_lower_level_max !== undefined && cloud_lower_level_max[unit] ? cloud_lower_level_max[unit] : null;
 };
-// Retrieve min value from config - if not set, there is no max value for this unit so we return null
+// Retrieve max value from config - if not set, there is no max value for this unit so we return null
 var getMaxLevelValue = function getMaxLevelValue(unit, selectedFIR, productConfig) {
   // Use first FIR in list if no FIR selected
   var _getActiveFIRArea5 = getActiveFIRArea(selectedFIR, productConfig),
@@ -1457,17 +1496,25 @@ var Levels = function Levels(_ref) {
     unregister = _useFormContext.unregister;
   var _useDraftFormHelpers = useDraftFormHelpers(),
     isRequired = _useDraftFormHelpers.isRequired;
+  var level = watch('level.value');
   var levelInfoMode = watch('levelInfoMode');
+  var isRadioactiveCloud = watch('phenomenon') === 'RDOACT_CLD';
   var getFIRValue = function getFIRValue() {
     return getValues('locationIndicatorATSR');
   };
   // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
   var allowedLevelUnitsForFir = getAllowedUnits(getFIRValue(), productConfig, 'level_unit', LevelUnits);
+  var radioactiveCloudLevel = getMaxLevelValue(LevelUnits.FL, getFIRValue(), productConfig);
   React__default.useEffect(function () {
     if (levelInfoMode !== 'BETW') {
       unregister('lowerLevel');
     }
-  }, [levelInfoMode, unregister]);
+    if (isRadioactiveCloud) {
+      setValue('level.unit', 'FL');
+      setValue('level.value', radioactiveCloudLevel);
+      triggerValidations(['level.value'], getValues, trigger);
+    }
+  }, [getValues, isRadioactiveCloud, levelInfoMode, radioactiveCloudLevel, setValue, trigger, unregister]);
   return /*#__PURE__*/React__default.createElement(ProductFormFieldLayout, {
     title: "Levels",
     sx: styles$2.containerItem
@@ -1481,7 +1528,7 @@ var Levels = function Levels(_ref) {
         isRequired: isRequired
       }
     },
-    disabled: isDisabled,
+    disabled: isDisabled || isRadioactiveCloud,
     isReadOnly: isReadOnly,
     onChange: function onChange() {
       // Reset default value for the level value to '' so when it rerenders it uses this empty default value
@@ -1495,8 +1542,8 @@ var Levels = function Levels(_ref) {
     label: "At",
     checked: levelInfoMode === 'AT' || levelInfoMode === 'TOPS',
     "data-testid": "levels-AT",
-    disabled: isDisabled
-  }), levelInfoMode === 'AT' || levelInfoMode === 'TOPS' ? /*#__PURE__*/React__default.createElement(Grid, {
+    disabled: isDisabled || isRadioactiveCloud
+  }), (levelInfoMode === 'AT' || levelInfoMode === 'TOPS') && !isRadioactiveCloud ? /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
     container: true,
@@ -1533,6 +1580,7 @@ var Levels = function Levels(_ref) {
       }
     },
     sx: styles$2.unit,
+    size: "small",
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     defaultValue: 'FL',
@@ -1577,6 +1625,7 @@ var Levels = function Levels(_ref) {
         }
       }
     },
+    size: "small",
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     autoFocus: true
@@ -1585,7 +1634,7 @@ var Levels = function Levels(_ref) {
     label: "Between",
     checked: levelInfoMode === 'BETW' || levelInfoMode === 'BETW_SFC',
     "data-testid": "levels-BETW",
-    disabled: isDisabled
+    disabled: isDisabled || isRadioactiveCloud
   }), levelInfoMode === 'BETW' || levelInfoMode === 'BETW_SFC' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
@@ -1613,8 +1662,9 @@ var Levels = function Levels(_ref) {
         }
       }
     },
+    size: "small",
     sx: styles$2.unit,
-    disabled: isDisabled,
+    disabled: isDisabled || isRadioactiveCloud,
     isReadOnly: isReadOnly,
     defaultValue: 'FL',
     onChange: function onChange() {
@@ -1631,9 +1681,11 @@ var Levels = function Levels(_ref) {
     xs: 8,
     md: 6
   }, /*#__PURE__*/React__default.createElement(ReactHookFormNumberField, {
+    value: level || '',
     name: "level.value",
     label: "Upper level",
     sx: styles$2.levelField,
+    size: "small",
     rules: {
       validate: {
         isRequired: isRequired,
@@ -1658,7 +1710,7 @@ var Levels = function Levels(_ref) {
         }
       }
     },
-    disabled: isDisabled,
+    disabled: isDisabled || isRadioactiveCloud,
     isReadOnly: isReadOnly,
     onChange: function onChange() {
       triggerValidations(['lowerLevel.value'], getValues, trigger);
@@ -1686,7 +1738,7 @@ var Levels = function Levels(_ref) {
       },
       name: "checkedF",
       color: "secondary",
-      disabled: isDisabled
+      disabled: isDisabled || isRadioactiveCloud
     }),
     "data-testid": "levels-SFC",
     label: "SFC"
@@ -1708,6 +1760,7 @@ var Levels = function Levels(_ref) {
         }
       }
     },
+    size: "small",
     sx: styles$2.unit,
     disabled: isDisabled,
     isReadOnly: isReadOnly,
@@ -1758,12 +1811,13 @@ var Levels = function Levels(_ref) {
         }
       }
     },
+    size: "small",
     disabled: isDisabled,
     isReadOnly: isReadOnly
   }))))) : null, /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
     value: "ABV",
     label: "Above",
-    disabled: isDisabled,
+    disabled: isDisabled || isRadioactiveCloud,
     checked: levelInfoMode === 'ABV' || levelInfoMode === 'TOPS_ABV',
     "data-testid": "levels-ABV"
   }), levelInfoMode === 'ABV' || levelInfoMode === 'TOPS_ABV' ? /*#__PURE__*/React__default.createElement(Grid, {
@@ -1801,6 +1855,7 @@ var Levels = function Levels(_ref) {
         isRequired: isRequired
       }
     },
+    size: "small",
     sx: styles$2.unit,
     disabled: isDisabled,
     isReadOnly: isReadOnly,
@@ -1845,6 +1900,7 @@ var Levels = function Levels(_ref) {
         }
       }
     },
+    size: "small",
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     autoFocus: true
@@ -1879,8 +1935,9 @@ var ObservationForecast = function ObservationForecast(_ref) {
   return /*#__PURE__*/React__default.createElement(ProductFormFieldLayout, {
     sx: {
       paddingTop: '8px!important',
-      '+ .MuiGrid-item': {
-        paddingTop: 5
+      '.MuiButtonBase-root.MuiRadio-root': {
+        padding: '6px',
+        marginLeft: '3px'
       }
     }
   }, /*#__PURE__*/React__default.createElement(ReactHookFormRadioGroup, {
@@ -1958,7 +2015,8 @@ var ObservationForecastTime = function ObservationForecastTime(_ref) {
     onChange: function onChange() {
       return _onChange();
     },
-    sx: styles$2.helperText
+    sx: styles$2.helperText,
+    "data-testid": "obs-fcst-time"
   })) : null;
 };
 
@@ -2001,15 +2059,21 @@ var Phenomenon = function Phenomenon(_ref) {
     },
     disabled: isDisabled,
     isReadOnly: isReadOnly,
+    size: "small",
     "data-testid": "phenomenon",
     onChange: function onChange() {
       if (getValues('movementType') === 'NO_VA_EXP') {
         setValue('movementType', null);
+      } else if (getValues('phenomenon') === 'RDOACT_CLD') {
+        // By definition, phenomenon 'RDOACT_CLD'shall not ever move but stay stationary
+        setValue('movementType', 'STATIONARY');
+        // Also by definition, phenomenon 'RDOACT_CLD' is strictly defined to always span from surface to upper level
+        // with no lower explicit level values defined, hence level mode shall be set to 'BETW_SFC' instead of 'BETW'.
+        setValue('levelInfoMode', 'BETW_SFC');
       }
       triggerValidations(['validDateStart', 'validDateEnd'], getValues, trigger);
       _onChange();
-    },
-    autoFocus: true
+    }
   }, Object.keys(phenomenaList).map(function (key) {
     return /*#__PURE__*/React__default.createElement(MenuItem, {
       value: key,
@@ -2185,6 +2249,9 @@ var Progress = function Progress(_ref) {
       unregister('endGeometryIntersect');
     }
   }, [movementType, unregister]);
+  var isSigmet = productType === 'sigmet';
+  var isRadioactiveCloud = watch('phenomenon') === 'RDOACT_CLD';
+  var isVolcanicCloud = watch('phenomenon') === 'VA_CLD';
   return /*#__PURE__*/React__default.createElement(ProductFormFieldLayout, {
     title: "Progress",
     sx: styles$2.containerItem
@@ -2208,22 +2275,27 @@ var Progress = function Progress(_ref) {
         onChangeTool(deleteTool);
       }
     }
-  }, watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
+  }, isVolcanicCloud && /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
     value: "NO_VA_EXP",
     label: "No volcanic ash expected",
     disabled: isDisabled,
     "data-testid": "movementType-NO_VA_EXP"
-  }), /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
+  }), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
     value: "STATIONARY",
     label: "Stationary",
-    disabled: isDisabled,
+    disabled: isDisabled || isRadioactiveCloud,
     "data-testid": "movementType-STATIONARY"
   }), /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
     value: "MOVEMENT",
     label: "Movement",
-    disabled: isDisabled,
+    disabled: isDisabled || isRadioactiveCloud,
     "data-testid": "movementType-MOVEMENT"
-  }), movementType === 'MOVEMENT' && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
+  }), isSigmet && isRadioactiveCloud && /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
+    value: "FORECAST_POSITION",
+    label: "End position",
+    disabled: isDisabled || isRadioactiveCloud,
+    "data-testid": "movementType-FORECAST_POSITION"
+  })), movementType === 'MOVEMENT' && !isRadioactiveCloud && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12
   }, /*#__PURE__*/React__default.createElement(ReactHookFormSelect, {
@@ -2232,6 +2304,7 @@ var Progress = function Progress(_ref) {
     rules: {
       validate: isRequired
     },
+    size: "small",
     sx: styles$2.movement,
     disabled: isDisabled,
     isReadOnly: isReadOnly,
@@ -2259,6 +2332,7 @@ var Progress = function Progress(_ref) {
     rules: {
       validate: isRequired
     },
+    size: "small",
     sx: styles$2.unit,
     disabled: isDisabled,
     isReadOnly: isReadOnly,
@@ -2304,18 +2378,19 @@ var Progress = function Progress(_ref) {
         }
       }
     },
+    size: "small",
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     "data-testid": "movement-movementSpeed",
     onChange: function onChange(event) {
       return event && event.stopPropagation();
     }
-  })))), productType === 'sigmet' && /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
+  })))), isSigmet && !isRadioactiveCloud && /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
     value: "FORECAST_POSITION",
     label: "End position",
     disabled: isDisabled,
     "data-testid": "movementType-FORECAST_POSITION"
-  })), productType === 'sigmet' && movementType === 'FORECAST_POSITION' && /*#__PURE__*/React__default.createElement(Grid, {
+  })), isSigmet && !isRadioactiveCloud && movementType === 'FORECAST_POSITION' && /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
     "data-testid": "endGeometry",
@@ -2424,8 +2499,7 @@ var SelectFIR = function SelectFIR(_ref) {
     onChange(changeEvent);
   };
   return /*#__PURE__*/React__default.createElement(ProductFormFieldLayout, {
-    title: "Where",
-    sx: styles$2.containerItem
+    title: "Where"
   }, /*#__PURE__*/React__default.createElement(ReactHookFormSelect, {
     name: "locationIndicatorATSR",
     label: isReadOnly ? 'FIR' : 'Select FIR',
@@ -2437,7 +2511,8 @@ var SelectFIR = function SelectFIR(_ref) {
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     defaultValue: locationIndicatorATSR,
-    onChange: onChangeLocationATSR
+    onChange: onChangeLocationATSR,
+    size: "small"
   }, optionsFIR.map(function (fir) {
     return /*#__PURE__*/React__default.createElement(MenuItem, {
       key: "".concat(fir.ATSR, "-").concat(fir.FIR),
@@ -2476,41 +2551,33 @@ var SelectFIR = function SelectFIR(_ref) {
  * */
 var Type = function Type(_ref) {
   var isReadOnly = _ref.isReadOnly,
-    isDisabled = _ref.isDisabled;
-  var _useDraftFormHelpers = useDraftFormHelpers(),
-    isRequired = _useDraftFormHelpers.isRequired;
+    isDisabled = _ref.isDisabled,
+    _ref$onChange = _ref.onChange,
+    _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+  var _useFormContext = useFormContext(),
+    getValues = _useFormContext.getValues,
+    trigger = _useFormContext.trigger;
+  var label = getFieldLabel('Type', isReadOnly);
   return /*#__PURE__*/React__default.createElement(ProductFormFieldLayout, {
-    title: "Type",
-    sx: styles$2.containerItem
-  }, /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React__default.createElement(ReactHookFormRadioGroup, {
+    title: "Type"
+  }, /*#__PURE__*/React__default.createElement(ReactHookFormSelect, {
     name: "type",
-    rules: {
-      validate: {
-        isRequired: isRequired
-      }
-    },
+    label: label,
     disabled: isDisabled,
     isReadOnly: isReadOnly,
-    defaultValue: "NORMAL"
-  }, /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
-    value: "NORMAL",
-    label: "Normal",
-    disabled: isDisabled,
-    "data-testid": "type-NORMAL"
-  }), /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
-    value: "TEST",
-    label: "Test",
-    disabled: isDisabled,
-    "data-testid": "type-TEST"
-  }), /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
-    value: "EXERCISE",
-    label: "Exercise",
-    disabled: isDisabled,
-    "data-testid": "type-EXERCISE"
-  }))));
+    size: "small",
+    "data-testid": "type",
+    onChange: function onChange() {
+      triggerValidations(['validDateStart', 'validDateEnd'], getValues, trigger);
+      _onChange();
+    },
+    autoFocus: true
+  }, Object.keys(SigmetType).map(function (key) {
+    return /*#__PURE__*/React__default.createElement(MenuItem, {
+      value: key,
+      key: key
+    }, SigmetType[key]);
+  })));
 };
 
 /* *
@@ -2578,7 +2645,8 @@ var ValidFrom = function ValidFrom(_ref) {
     },
     disabled: isDisabled,
     isReadOnly: isReadOnly,
-    "data-testid": "valid-from"
+    "data-testid": "valid-from",
+    sx: styles$2.helperText
   }));
 };
 
@@ -2643,7 +2711,8 @@ var ValidUntil = function ValidUntil(_ref) {
     onChange: function onChange() {
       triggerValidations(['validDateStart', 'observationOrForecastTime'], getValues, trigger);
       _onChange();
-    }
+    },
+    sx: styles$2.helperText
   }));
 };
 
@@ -2698,7 +2767,8 @@ var VolcanicFields = function VolcanicFields(_ref) {
     disabled: isDisabled,
     helperText: helperText,
     upperCase: true,
-    isReadOnly: isReadOnly
+    isReadOnly: isReadOnly,
+    size: "small"
   })), (!isReadOnly || !!watch('vaSigmetVolcanoCoordinates.latitude')) && /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 6
@@ -2716,6 +2786,7 @@ var VolcanicFields = function VolcanicFields(_ref) {
         }
       }
     },
+    size: "small",
     sx: Object.assign({}, styles$2.latitude),
     disabled: isDisabled,
     onChange: function onChange() {
@@ -2730,6 +2801,8 @@ var VolcanicFields = function VolcanicFields(_ref) {
     "data-testid": "vaSigmetVolcanoCoordinates.longitude",
     label: "Longitude",
     inputMode: "decimal",
+    size: "small",
+    sx: Object.assign({}, styles$2.latitude),
     rules: {
       required: true,
       validate: {
@@ -2847,6 +2920,7 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
         }
       }
     },
+    size: "small",
     disabled: isDisabled,
     isReadOnly: isReadOnly
   })), /*#__PURE__*/React__default.createElement(Grid, {
@@ -2866,7 +2940,8 @@ var SurfaceVisibility = function SurfaceVisibility(_ref) {
     onChange: function onChange(event) {
       event.stopPropagation();
       _onChange();
-    }
+    },
+    size: "small"
   }, Object.keys(VisibilityCause).map(function (key) {
     return /*#__PURE__*/React__default.createElement(MenuItem, {
       value: key,
@@ -2965,6 +3040,7 @@ var SurfaceWind = function SurfaceWind(_ref) {
         }
       }
     },
+    size: "small",
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     "data-testid": "surfaceWind-windDirection"
@@ -2983,6 +3059,7 @@ var SurfaceWind = function SurfaceWind(_ref) {
         isRequired: isRequired
       }
     },
+    size: "small",
     sx: styles$2.unit,
     disabled: isDisabled,
     isReadOnly: isReadOnly,
@@ -3021,6 +3098,7 @@ var SurfaceWind = function SurfaceWind(_ref) {
         }
       }
     },
+    size: "small",
     disabled: isDisabled,
     isReadOnly: isReadOnly,
     "data-testid": "surfaceWind-windSpeed"
@@ -3185,6 +3263,7 @@ var CloudLevels = function CloudLevels(_ref) {
         isRequired: isRequired
       }
     },
+    size: "small",
     sx: styles$2.unit,
     disabled: isDisabled,
     isReadOnly: isReadOnly,
@@ -3207,6 +3286,7 @@ var CloudLevels = function CloudLevels(_ref) {
     name: "cloudLevel.value",
     label: "Upper level",
     "data-testid": "cloudLevel-value",
+    size: "small",
     sx: styles$2.levelField,
     rules: {
       validate: {
@@ -3289,6 +3369,7 @@ var CloudLevels = function CloudLevels(_ref) {
         isRequired: isRequired
       }
     },
+    size: "small",
     sx: styles$2.unit,
     disabled: isDisabled,
     isReadOnly: isReadOnly,
@@ -3338,6 +3419,7 @@ var CloudLevels = function CloudLevels(_ref) {
         }
       }
     },
+    size: "small",
     disabled: isDisabled,
     isReadOnly: isReadOnly
   })))))));
@@ -3534,6 +3616,12 @@ var IssuedAt = function IssuedAt(_ref) {
   var date = _ref.date,
     isReadOnly = _ref.isReadOnly;
   return /*#__PURE__*/React__default.createElement(ProductFormFieldLayout, {
+    sx: {
+      paddingTop: 0,
+      '+ .MuiGrid-item': {
+        paddingTop: 0
+      }
+    },
     title: "Issued at"
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
@@ -8301,8 +8389,28 @@ var SigmetForm = function SigmetForm(_ref) {
     return /*#__PURE__*/React__default.createElement(Grid, {
       container: true,
       direction: "column",
-      spacing: 5
-    }, !isCancelSigmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
+      spacing: 2,
+      sx: {
+        '.MuiSelect-select.MuiInputBase-input.MuiFilledInput-input': {
+          paddingTop: '17px',
+          paddingBottom: '0px'
+        },
+        '.MuiInputBase-input.MuiFilledInput-input': {
+          paddingTop: '15px',
+          paddingBottom: '2px'
+        },
+        '+ .MuiGrid-item': {
+          paddingTop: '16px'
+        },
+        '.MuiFormHelperText-root': {
+          lineHeight: '1.33em'
+        }
+      }
+    }, /*#__PURE__*/React__default.createElement(Type, {
+      isDisabled: isDisabled,
+      isReadOnly: isReadOnly,
+      onChange: onChangeForm
+    }), !isCancelSigmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
       productType: "sigmet",
       isDisabled: isDisabled,
       isReadOnly: isReadOnly,
@@ -8383,10 +8491,7 @@ var SigmetForm = function SigmetForm(_ref) {
       name: "validDateEndOfSigmetToCancel"
     }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
       name: "validDateStartOfSigmetToCancel"
-    }))), /*#__PURE__*/React__default.createElement(Type, {
-      isDisabled: isDisabled,
-      isReadOnly: isReadOnly
-    }));
+    }))));
   };
   if (!showMap) {
     return renderForm();
@@ -8554,8 +8659,28 @@ var AirmetForm = function AirmetForm(_ref) {
     return /*#__PURE__*/React__default.createElement(Grid, {
       container: true,
       direction: "column",
-      spacing: 6
-    }, !isCancelAirmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
+      spacing: 2,
+      sx: {
+        '.MuiSelect-select.MuiInputBase-input.MuiFilledInput-input': {
+          paddingTop: '17px',
+          paddingBottom: '0px'
+        },
+        '.MuiInputBase-input.MuiFilledInput-input': {
+          paddingTop: '15px',
+          paddingBottom: '2px'
+        },
+        '+ .MuiGrid-item': {
+          paddingTop: '16px'
+        },
+        '.MuiFormHelperText-root': {
+          lineHeight: '1.33em'
+        }
+      }
+    }, /*#__PURE__*/React__default.createElement(Type, {
+      isDisabled: isDisabled,
+      isReadOnly: isReadOnly,
+      onChange: onChangeForm
+    }), !isCancelAirmet && /*#__PURE__*/React__default.createElement(Phenomenon, {
       productType: "airmet",
       isDisabled: isDisabled,
       isReadOnly: isReadOnly,
@@ -8635,10 +8760,7 @@ var AirmetForm = function AirmetForm(_ref) {
       name: "validDateEndOfAirmetToCancel"
     }), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
       name: "validDateStartOfAirmetToCancel"
-    }))), /*#__PURE__*/React__default.createElement(Type, {
-      isDisabled: isDisabled,
-      isReadOnly: isReadOnly
-    }));
+    }))));
   };
   if (!showMap) {
     return renderForm();
@@ -15445,7 +15567,7 @@ var fakeSigmetList = [{
     locationIndicatorATSR: 'EHAA',
     locationIndicatorMWO: 'EHDB',
     isObservationOrForecast: 'OBS',
-    observationOrForecastTime: dateUtils.dateToString(dateUtils.add(dateUtils.utc(), {
+    observationOrForecastTime: dateUtils.dateToString(dateUtils.sub(dateUtils.utc(), {
       hours: 1
     })),
     movementType: 'STATIONARY',
@@ -16848,4 +16970,4 @@ var AirmetComponentsLookUp = function AirmetComponentsLookUp(payload, _ref) {
   }
 };
 
-export { AirmetComponentsLookUp, AirmetForm, AirmetPhenomena, CloudLevelUnits, ContentDialog, Direction, DownloadSigmetAirmetConfigWrapper, LevelUnits, MapViewGeoJson, MetInfoWrapper, MovementUnit, ProductList, ProductListRow, ProductStatusDescription, SigmetComponentsLookUp, SigmetForm, SigmetPhenomena, StartOrEndDrawing, VisibilityCause, WindUnit, airmetConfig, createApi$1 as createApi, createApi as createFakeApi, isInstanceOfAirmet, isInstanceOfCancelAirmet, isInstanceOfCancelSigmet, isInstanceOfCancelSigmetOrAirmet, isInstanceOfSigmet, isInstanceOfSigmetOrAirmet, sigmetConfig };
+export { AirmetComponentsLookUp, AirmetForm, AirmetPhenomena, CloudLevelUnits, ContentDialog, Direction, DownloadSigmetAirmetConfigWrapper, LevelUnits, MapViewGeoJson, MetInfoWrapper, MovementUnit, ProductList, ProductListRow, ProductStatusDescription, SigmetComponentsLookUp, SigmetForm, SigmetPhenomena, SigmetType, StartOrEndDrawing, VisibilityCause, WindUnit, airmetConfig, createApi$1 as createApi, createApi as createFakeApi, isInstanceOfAirmet, isInstanceOfCancelAirmet, isInstanceOfCancelSigmet, isInstanceOfCancelSigmetOrAirmet, isInstanceOfSigmet, isInstanceOfSigmetOrAirmet, sigmetConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/sigmet-airmet",
-  "version": "8.3.1",
+  "version": "8.4.1",
   "description": "GeoWeb Sigmet/Airmet library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,15 +13,15 @@
   "dependencies": {
     "@mui/material": "5.12.0",
     "@mui/system": "5.14.14",
-    "@opengeoweb/api": "8.3.1",
-    "@opengeoweb/authentication": "8.3.1",
-    "@opengeoweb/core": "8.3.1",
-    "@opengeoweb/form-fields": "8.3.1",
-    "@opengeoweb/shared": "8.3.1",
-    "@opengeoweb/store": "8.3.1",
-    "@opengeoweb/theme": "8.3.1",
-    "@opengeoweb/webmap": "8.3.1",
-    "@opengeoweb/webmap-react": "8.3.1",
+    "@opengeoweb/api": "8.4.1",
+    "@opengeoweb/authentication": "8.4.1",
+    "@opengeoweb/core": "8.4.1",
+    "@opengeoweb/form-fields": "8.4.1",
+    "@opengeoweb/shared": "8.4.1",
+    "@opengeoweb/store": "8.4.1",
+    "@opengeoweb/theme": "8.4.1",
+    "@opengeoweb/webmap": "8.4.1",
+    "@opengeoweb/webmap-react": "8.4.1",
     "@redux-eggs/redux-toolkit": "2.2.0",
     "@redux-eggs/saga-extension": "2.2.0",
     "@reduxjs/toolkit": "1.9.7",

package/src/lib/components/ProductForms/ProductForm.styles.d.ts

@@ -11,6 +11,20 @@ export declare const styles: {
         ' .MuiTypography-subtitle1': {
             marginTop: number;
         };
+        paddingTop: string;
+        '+ .MuiGrid-item': {
+            paddingTop: number;
+        };
+        '.MuiButtonBase-root.MuiRadio-root': {
+            padding: string;
+            marginLeft: string;
+        };
+        '.MuiFormControl-root.MuiTextField-root': {
+            marginBottom: number;
+        };
+        '.MuiGrid-root': {
+            alignItems: string;
+        };
     };
     volcanicField: {
         marginBottom: number;
@@ -29,6 +43,9 @@ export declare const styles: {
     };
     latitude: {
         width: string;
+        '.MuiFormControl-root.MuiTextField-root': {
+            margin: number;
+        };
     };
     unit: {
         width: string;
@@ -47,12 +64,25 @@ export declare const styles: {
     };
     helperText: {
         ' .MuiFormHelperText-root': {
+            top: string;
             position: string;
-            top: number;
+            lineHeight: string;
             '&.Mui-error': {
                 top: string;
                 position: string;
             };
         };
+        '.MuiFormLabel-root.MuiInputLabel-root': {
+            top: number;
+            lineHeight: string;
+        };
+        '.MuiSvgIcon-root': {
+            width: string;
+            height: string;
+        };
+        '.MuiButtonBase-root.MuiIconButton-root': {
+            padding: string;
+            marginLeft: string;
+        };
     };
 };

package/src/lib/types.d.ts

@@ -1,6 +1,14 @@
 /// <reference types="react" />
 import { mapTypes } from '@opengeoweb/store';
 export type ProductType = 'sigmet' | 'airmet';
+/**
+ * The possible type for the sigmet
+ */
+export declare enum SigmetType {
+    'NORMAL' = "Normal",
+    'TEST' = "Test",
+    'EXERCISE' = "Exercise"
+}
 /**
  * The possible phenomena for the sigmet
  */