@opengeoweb/sigmet-airmet 4.9.1 → 4.10.0

package/index.esm.js

@@ -1758,12 +1758,13 @@ var Levels = function Levels(_ref) {
       setValue = _useFormContext.setValue,
       trigger = _useFormContext.trigger,
       getValues = _useFormContext.getValues,
-      reset = _useFormContext.reset,
-      clearErrors = _useFormContext.clearErrors;
+      clearErrors = _useFormContext.clearErrors,
+      unregister = _useFormContext.unregister;
 
   var _useDraftFormHelpers = useDraftFormHelpers(),
       isRequired = _useDraftFormHelpers.isRequired;
 
+  var levelInfoMode = watch('levelInfoMode');
   var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
 
   var _useProductSettings = useProductSettings(config),
@@ -1772,6 +1773,11 @@ var Levels = function Levels(_ref) {
   var selectedFIR = watch('locationIndicatorATSR'); // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
 
   var allowedLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'level_unit', LevelUnits);
+  React__default.useEffect(function () {
+    if (levelInfoMode !== 'BETW') {
+      unregister('lowerLevel');
+    }
+  }, [levelInfoMode, unregister]);
   return /*#__PURE__*/React__default.createElement(ProductFormFieldLayout, {
     title: "Levels",
     sx: styles$2.containerItem
@@ -1789,29 +1795,18 @@ var Levels = function Levels(_ref) {
     isReadOnly: isReadOnly,
     onChange: function onChange() {
       // Reset default value for the level value to '' so when it rerenders it uses this empty default value
-      var currentValues = getValues();
-      reset(Object.assign(Object.assign({}, currentValues), {
-        level: {
-          unit: 'FL',
-          value: null
-        }
-      }), {
-        keepErrors: true,
-        keepDirty: true,
-        keepIsSubmitted: false,
-        keepTouched: false,
-        keepIsValid: false
-      }); // Clear out errors for the levels
+      setValue('level.unit', 'FL');
+      setValue('level.value', null); // Clear out errors for the levels
 
       clearErrors(['level', 'lowerLevel']);
     }
   }, /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
     value: "AT",
     label: "At",
-    checked: watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS',
+    checked: levelInfoMode === 'AT' || levelInfoMode === 'TOPS',
     "data-testid": "levels-AT",
     disabled: isDisabled
-  }), watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS' ? /*#__PURE__*/React__default.createElement(Grid, {
+  }), levelInfoMode === 'AT' || levelInfoMode === 'TOPS' ? /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
     container: true,
@@ -1824,7 +1819,7 @@ var Levels = function Levels(_ref) {
     md: 3
   }, /*#__PURE__*/React__default.createElement(FormControlLabel, {
     control: /*#__PURE__*/React__default.createElement(Checkbox, {
-      checked: watch('levelInfoMode') === 'TOPS',
+      checked: levelInfoMode === 'TOPS',
       onChange: function onChange() {
         setValue('levelInfoMode', getValues('levelInfoMode') === 'AT' ? 'TOPS' : 'AT', {
           shouldDirty: true
@@ -1898,10 +1893,10 @@ var Levels = function Levels(_ref) {
   }))) : null, /*#__PURE__*/React__default.createElement(RadioButtonAndLabel, {
     value: "BETW",
     label: "Between",
-    checked: watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC',
+    checked: levelInfoMode === 'BETW' || levelInfoMode === 'BETW_SFC',
     "data-testid": "levels-BETW",
     disabled: isDisabled
-  }), watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
+  }), levelInfoMode === 'BETW' || levelInfoMode === 'BETW_SFC' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
     container: true,
@@ -1922,7 +1917,7 @@ var Levels = function Levels(_ref) {
         isRequired: isRequired,
         validateLevelUnitCombinations: function validateLevelUnitCombinations(value) {
           return (// level step depends on the unit
-            _validateLevelUnitCombinations(value, watch('levelInfoMode') === 'BETW_SFC' ? 'SFC' : getValues('lowerLevel.unit')) === true
+            _validateLevelUnitCombinations(value, levelInfoMode === 'BETW_SFC' ? 'SFC' : getValues('lowerLevel.unit')) === true
           );
         }
       }
@@ -1989,7 +1984,7 @@ var Levels = function Levels(_ref) {
     md: 3
   }, /*#__PURE__*/React__default.createElement(FormControlLabel, {
     control: /*#__PURE__*/React__default.createElement(Checkbox, {
-      checked: watch('levelInfoMode') === 'BETW_SFC',
+      checked: levelInfoMode === 'BETW_SFC',
       onChange: function onChange() {
         getValues('level.unit') && trigger('level.unit');
         setValue('levelInfoMode', getValues('levelInfoMode') === 'BETW' ? 'BETW_SFC' : 'BETW', {
@@ -2002,7 +1997,7 @@ var Levels = function Levels(_ref) {
     }),
     "data-testid": "levels-SFC",
     label: "SFC"
-  })), watch('levelInfoMode') !== 'BETW_SFC' && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
+  })), levelInfoMode !== 'BETW_SFC' && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 4,
     md: 3
@@ -2076,9 +2071,9 @@ var Levels = function Levels(_ref) {
     value: "ABV",
     label: "Above",
     disabled: isDisabled,
-    checked: watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV',
+    checked: levelInfoMode === 'ABV' || levelInfoMode === 'TOPS_ABV',
     "data-testid": "levels-ABV"
-  }), watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV' ? /*#__PURE__*/React__default.createElement(Grid, {
+  }), levelInfoMode === 'ABV' || levelInfoMode === 'TOPS_ABV' ? /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
     container: true,
@@ -2091,7 +2086,7 @@ var Levels = function Levels(_ref) {
     md: 3
   }, /*#__PURE__*/React__default.createElement(FormControlLabel, {
     control: /*#__PURE__*/React__default.createElement(Checkbox, {
-      checked: watch('levelInfoMode') === 'TOPS_ABV',
+      checked: levelInfoMode === 'TOPS_ABV',
       onChange: function onChange() {
         setValue('levelInfoMode', getValues('levelInfoMode') === 'ABV' ? 'TOPS_ABV' : 'ABV', {
           shouldDirty: true
@@ -2312,19 +2307,6 @@ var Phenomenon = function Phenomenon(_ref) {
         setValue('movementType', null);
       }
 
-      if (!isSigmet) {
-        if (getValues('phenomenon') !== 'SFC_VIS') {
-          setValue('visibilityValue', null);
-          setValue('visibilityCause', null);
-        }
-
-        if (getValues('phenomenon') !== 'SFC_WIND') {
-          setValue('windDirection', null);
-          setValue('windUnit', null);
-          setValue('windSpeed', null);
-        }
-      }
-
       _onChange();
 
       return trigger([].concat(_toConsumableArray(getValues('validDateStart') ? ['validDateStart'] : []), _toConsumableArray(getValues('validDateEnd') ? ['validDateEnd'] : [])));
@@ -2496,7 +2478,8 @@ var Progress = function Progress(_ref) {
       watch = _useFormContext.watch,
       getValues = _useFormContext.getValues,
       trigger = _useFormContext.trigger,
-      errors = _useFormContext.formState.errors;
+      errors = _useFormContext.formState.errors,
+      unregister = _useFormContext.unregister;
 
   var _useDraftFormHelpers = useDraftFormHelpers(),
       isRequired = _useDraftFormHelpers.isRequired,
@@ -2511,6 +2494,18 @@ var Progress = function Progress(_ref) {
   var selectedFIR = watch('locationIndicatorATSR'); // Get allowed movement units based on selected FIR - if no FIR selected, allow all units
 
   var allowedMovementUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'movement_unit', MovementUnit);
+  React__default.useEffect(function () {
+    if (movementType !== 'MOVEMENT') {
+      unregister('movementDirection');
+      unregister('movementSpeed');
+      unregister('movementUnit');
+    }
+
+    if (movementType !== 'FORECAST_POSITION') {
+      unregister('endGeometry');
+      unregister('endGeometryIntersect');
+    }
+  }, [movementType, unregister]);
   return /*#__PURE__*/React__default.createElement(ProductFormFieldLayout, {
     title: "Progress",
     sx: styles$2.containerItem
@@ -3376,7 +3371,8 @@ var CloudLevels = function CloudLevels(_ref) {
       watch = _useFormContext.watch,
       setValue = _useFormContext.setValue,
       trigger = _useFormContext.trigger,
-      getValues = _useFormContext.getValues;
+      getValues = _useFormContext.getValues,
+      unregister = _useFormContext.unregister;
 
   var _useDraftFormHelpers = useDraftFormHelpers(),
       isRequired = _useDraftFormHelpers.isRequired;
@@ -3384,9 +3380,15 @@ var CloudLevels = function CloudLevels(_ref) {
   var _useProductSettings = useProductSettings(airmetConfig),
       allowedUnits = _useProductSettings.allowedUnits;
 
-  var selectedFIR = watch('locationIndicatorATSR'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
+  var selectedFIR = watch('locationIndicatorATSR');
+  var cloudLevelInfoMode = watch('cloudLevelInfoMode'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
 
   var allowedCloudLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'cloud_level_unit', CloudLevelUnits);
+  React__default.useEffect(function () {
+    if (cloudLevelInfoMode === 'BETW_SFC' || cloudLevelInfoMode === 'BETW_SFC_ABV') {
+      unregister('cloudLowerLevel');
+    }
+  }, [cloudLevelInfoMode, unregister]);
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     container: true,
@@ -3418,12 +3420,12 @@ var CloudLevels = function CloudLevels(_ref) {
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 4
-  }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default.createElement(ReactHookFormFormControl, {
+  }, (!isReadOnly || cloudLevelInfoMode === 'BETW_ABV' || cloudLevelInfoMode === 'BETW_SFC_ABV') && /*#__PURE__*/React__default.createElement(ReactHookFormFormControl, {
     disabled: isDisabled,
     isReadOnly: isReadOnly
   }, /*#__PURE__*/React__default.createElement(FormControlLabel, {
     control: /*#__PURE__*/React__default.createElement(Checkbox, {
-      checked: watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
+      checked: cloudLevelInfoMode === 'BETW_ABV' || cloudLevelInfoMode === 'BETW_SFC_ABV',
       onChange: function onChange() {
         switch (getValues('cloudLevelInfoMode')) {
           case 'BETW':
@@ -3531,12 +3533,12 @@ var CloudLevels = function CloudLevels(_ref) {
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 4
-  }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default.createElement(ReactHookFormFormControl, {
+  }, (!isReadOnly || cloudLevelInfoMode === 'BETW_SFC' || cloudLevelInfoMode === 'BETW_SFC_ABV') && /*#__PURE__*/React__default.createElement(ReactHookFormFormControl, {
     disabled: isDisabled,
     isReadOnly: isReadOnly
   }, /*#__PURE__*/React__default.createElement(FormControlLabel, {
     control: /*#__PURE__*/React__default.createElement(Checkbox, {
-      checked: watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
+      checked: cloudLevelInfoMode === 'BETW_SFC' || cloudLevelInfoMode === 'BETW_SFC_ABV',
       onChange: function onChange() {
         switch (getValues('cloudLevelInfoMode')) {
           case 'BETW':
@@ -3570,7 +3572,7 @@ var CloudLevels = function CloudLevels(_ref) {
     }),
     "data-testid": "cloudLevels-SFC",
     label: "SFC"
-  }))), watch('cloudLevelInfoMode') !== 'BETW_SFC' && watch('cloudLevelInfoMode') !== 'BETW_SFC_ABV' && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
+  }))), cloudLevelInfoMode !== 'BETW_SFC' && cloudLevelInfoMode !== 'BETW_SFC_ABV' && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 3
   }, /*#__PURE__*/React__default.createElement(ReactHookFormSelect, {
@@ -4111,6 +4113,23 @@ var ProductFormLayout = function ProductFormLayout(_a) {
   }, children));
 };
 
+var useConditionalFields$1 = function useConditionalFields() {
+  var _useFormContext = useFormContext(),
+      watch = _useFormContext.watch,
+      unregister = _useFormContext.unregister; // phenomenon: VA_CLD
+
+
+  var hasVolcanicAshes = watch('phenomenon') === 'VA_CLD';
+  React__default.useEffect(function () {
+    if (!hasVolcanicAshes) {
+      unregister(['vaSigmetVolcanoName', 'vaSigmetVolcanoCoordinates.latitude', 'vaSigmetVolcanoCoordinates.longitude']);
+    }
+  }, [hasVolcanicAshes, unregister]);
+  return {
+    hasVolcanicAshes: hasVolcanicAshes
+  };
+};
+
 var SigmetForm = function SigmetForm(_ref) {
   var mode = _ref.mode,
       _ref$isCancelSigmet = _ref.isCancelSigmet,
@@ -4125,10 +4144,10 @@ var SigmetForm = function SigmetForm(_ref) {
   var _useApiContext = useApiContext(),
       api = _useApiContext.api;
 
-  var _useFormContext = useFormContext(),
-      watch = _useFormContext.watch,
-      setValue = _useFormContext.setValue,
-      handleSubmit = _useFormContext.handleSubmit;
+  var _useFormContext2 = useFormContext(),
+      watch = _useFormContext2.watch,
+      setValue = _useFormContext2.setValue,
+      handleSubmit = _useFormContext2.handleSubmit;
 
   var _React$useState = React__default.useState(mode === 'view'),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -4209,6 +4228,9 @@ var SigmetForm = function SigmetForm(_ref) {
     }
   }, [drawMode.start, drawMode.end, isReadOnly, isDisabled]);
 
+  var _useConditionalFields = useConditionalFields$1(),
+      hasVolcanicAshes = _useConditionalFields.hasVolcanicAshes;
+
   var renderForm = function renderForm() {
     return /*#__PURE__*/React__default.createElement(Grid, {
       container: true,
@@ -4227,7 +4249,7 @@ var SigmetForm = function SigmetForm(_ref) {
       isReadOnly: isReadOnly,
       helperText: helperText,
       onChange: onChangeForm
-    }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default.createElement(VolcanicFields, {
+    }), !isCancelSigmet && hasVolcanicAshes && /*#__PURE__*/React__default.createElement(VolcanicFields, {
       isDisabled: isDisabled,
       isReadOnly: isReadOnly,
       helperText: helperText
@@ -4324,6 +4346,48 @@ var SigmetForm = function SigmetForm(_ref) {
   }, renderForm()));
 };
 
+var useConditionalFields = function useConditionalFields() {
+  var _useFormContext = useFormContext(),
+      watch = _useFormContext.watch,
+      unregister = _useFormContext.unregister; // phenomenon: SFC_VIS
+
+
+  var phenomenon = watch('phenomenon');
+  var hasSurfaceVisiblity = phenomenon === 'SFC_VIS';
+  React__default.useEffect(function () {
+    if (!hasSurfaceVisiblity) {
+      unregister(['visibilityValue', 'visibilityCause']);
+    }
+  }, [hasSurfaceVisiblity, unregister]); // phenomenon: SFC_WIND
+
+  var hasSurfaceWind = watch('phenomenon') === 'SFC_WIND';
+  React__default.useEffect(function () {
+    if (!hasSurfaceWind) {
+      unregister(['windDirection', 'windUnit', 'windSpeed']);
+    }
+  }, [hasSurfaceWind, unregister]); // phenomenon: SFC_WIND, SFC_VIS, BKN_CLD, OVC_CLD
+
+  var hasLevels = phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD';
+  React__default.useEffect(function () {
+    if (!hasLevels) {
+      unregister(['levelInfoMode', 'level', 'lowerLevel']);
+    }
+  }, [hasLevels, unregister]); // phenomenon: BKN_CLD
+
+  var hasCloudLevels = phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD';
+  React__default.useEffect(function () {
+    if (!hasCloudLevels) {
+      unregister(['cloudLevelInfoMode', 'cloudLevel', 'cloudLowerLevel']);
+    }
+  }, [hasCloudLevels, unregister]);
+  return {
+    hasSurfaceVisiblity: hasSurfaceVisiblity,
+    hasSurfaceWind: hasSurfaceWind,
+    hasLevels: hasLevels,
+    hasCloudLevels: hasCloudLevels
+  };
+};
+
 var AirmetForm = function AirmetForm(_ref) {
   var mode = _ref.mode,
       _ref$isCancelAirmet = _ref.isCancelAirmet,
@@ -4338,12 +4402,10 @@ var AirmetForm = function AirmetForm(_ref) {
   var _useApiContext = useApiContext(),
       api = _useApiContext.api;
 
-  var _useFormContext = useFormContext(),
-      watch = _useFormContext.watch,
-      setValue = _useFormContext.setValue,
-      handleSubmit = _useFormContext.handleSubmit;
-
-  var phenomenon = watch('phenomenon');
+  var _useFormContext2 = useFormContext(),
+      watch = _useFormContext2.watch,
+      setValue = _useFormContext2.setValue,
+      handleSubmit = _useFormContext2.handleSubmit;
 
   var _React$useState = React__default.useState(mode === 'view'),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -4402,6 +4464,12 @@ var AirmetForm = function AirmetForm(_ref) {
     }
   }, [drawMode.start, isReadOnly, isDisabled]);
 
+  var _useConditionalFields = useConditionalFields(),
+      hasSurfaceVisiblity = _useConditionalFields.hasSurfaceVisiblity,
+      hasSurfaceWind = _useConditionalFields.hasSurfaceWind,
+      hasLevels = _useConditionalFields.hasLevels,
+      hasCloudLevels = _useConditionalFields.hasCloudLevels;
+
   var renderForm = function renderForm() {
     return /*#__PURE__*/React__default.createElement(Grid, {
       container: true,
@@ -4412,11 +4480,11 @@ var AirmetForm = function AirmetForm(_ref) {
       isDisabled: isDisabled,
       isReadOnly: isReadOnly,
       onChange: onChangeForm
-    }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default.createElement(SurfaceVisibility, {
+    }), !isCancelAirmet && hasSurfaceVisiblity && /*#__PURE__*/React__default.createElement(SurfaceVisibility, {
       isReadOnly: isReadOnly,
       isDisabled: isDisabled,
       onChange: onChangeForm
-    }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default.createElement(SurfaceWind, {
+    }), !isCancelAirmet && hasSurfaceWind && /*#__PURE__*/React__default.createElement(SurfaceWind, {
       isReadOnly: isReadOnly,
       isDisabled: isDisabled,
       onChange: onChangeForm
@@ -4449,12 +4517,12 @@ var AirmetForm = function AirmetForm(_ref) {
       setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
         _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
       }
-    }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default.createElement(Levels, {
+    }), !isCancelAirmet && hasLevels && /*#__PURE__*/React__default.createElement(Levels, {
       isDisabled: isDisabled,
       isReadOnly: isReadOnly,
       onChange: onChangeForm,
       productType: "airmet"
-    }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default.createElement(CloudLevels, {
+    }), !isCancelAirmet && hasCloudLevels && /*#__PURE__*/React__default.createElement(CloudLevels, {
       isDisabled: isDisabled,
       isReadOnly: isReadOnly,
       onChange: onChangeForm
@@ -5119,8 +5187,9 @@ var ProductFormDialogContent = function ProductFormDialogContent(_ref) {
   };
 
   var onToggleDialog = function onToggleDialog() {
+    var shouldRefreshList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     setLoader(false);
-    toggleDialogStatus();
+    toggleDialogStatus(shouldRefreshList);
   };
 
   var showConfirmDialog = function showConfirmDialog(action) {
@@ -5140,7 +5209,7 @@ var ProductFormDialogContent = function ProductFormDialogContent(_ref) {
     switch (action) {
       case 'CLOSED':
         if (mode === 'view' || !isDirty) {
-          onToggleDialog();
+          onToggleDialog(false);
         } else {
           toggleIsDraft(true);
           showConfirmDialog(action).then(function () {
@@ -5150,7 +5219,7 @@ var ProductFormDialogContent = function ProductFormDialogContent(_ref) {
           })["catch"](function (reason) {
             if (reason === 'CANCELLED') {
               // close without save
-              onToggleDialog();
+              onToggleDialog(false);
             }
           });
         }
@@ -5172,7 +5241,7 @@ var ProductFormDialogContent = function ProductFormDialogContent(_ref) {
         showConfirmDialog(action).then(function () {
           // If we're discarding a new SIGMET/AIRMET - just close the dialog
           if (mode === 'new') {
-            onToggleDialog();
+            onToggleDialog(false);
           } else {
             // If we're discarding an existing SIGMET/AIRMET - make call to BE
             postProduct(product, action);
@@ -5295,7 +5364,7 @@ var ProductFormDialog = function ProductFormDialog(_ref) {
   return /*#__PURE__*/React.createElement(ReactHookFormProvider, {
     options: Object.assign(Object.assign({}, defaultFormOptions), {
       defaultValues: product,
-      shouldUnregister: true
+      values: product
     })
   }, /*#__PURE__*/React.createElement(ConfirmationServiceProvider, null, /*#__PURE__*/React.createElement(ProductFormDialogContent, {
     isOpen: isOpen,
@@ -5353,8 +5422,9 @@ var MetInfoWrapper = function MetInfoWrapper(_ref) {
   }, [selectedProduct]);
 
   var toggleDialogOpen = function toggleDialogOpen() {
+    var shouldRefreshList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     // Refresh list on closing dialog
-    if (isFormDialogOpen === true) getNewProductList();
+    if (isFormDialogOpen === true && shouldRefreshList) getNewProductList();
     setIsFormDialogOpen(!isFormDialogOpen);
   };
 

package/index.umd.js

@@ -1756,15 +1756,21 @@
           setValue = _c.setValue,
           trigger = _c.trigger,
           getValues = _c.getValues,
-          reset = _c.reset,
-          clearErrors = _c.clearErrors;
+          clearErrors = _c.clearErrors,
+          unregister = _c.unregister;
 
       var isRequired = shared.useDraftFormHelpers().isRequired;
+      var levelInfoMode = watch('levelInfoMode');
       var config = productType === 'sigmet' ? sigmetConfig : airmetConfig;
       var allowedUnits = useProductSettings(config).allowedUnits;
       var selectedFIR = watch('locationIndicatorATSR'); // Get allowed level units based on selected FIR - if no FIR selected, allow all default units
 
       var allowedLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'level_unit', LevelUnits);
+      React__default["default"].useEffect(function () {
+        if (levelInfoMode !== 'BETW') {
+          unregister('lowerLevel');
+        }
+      }, [levelInfoMode, unregister]);
       return /*#__PURE__*/React__default["default"].createElement(ProductFormFieldLayout, {
         title: "Levels",
         sx: styles$2.containerItem
@@ -1782,29 +1788,18 @@
         isReadOnly: isReadOnly,
         onChange: function onChange() {
           // Reset default value for the level value to '' so when it rerenders it uses this empty default value
-          var currentValues = getValues();
-          reset(__assign(__assign({}, currentValues), {
-            level: {
-              unit: 'FL',
-              value: null
-            }
-          }), {
-            keepErrors: true,
-            keepDirty: true,
-            keepIsSubmitted: false,
-            keepTouched: false,
-            keepIsValid: false
-          }); // Clear out errors for the levels
+          setValue('level.unit', 'FL');
+          setValue('level.value', null); // Clear out errors for the levels
 
           clearErrors(['level', 'lowerLevel']);
         }
       }, /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
         value: "AT",
         label: "At",
-        checked: watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS',
+        checked: levelInfoMode === 'AT' || levelInfoMode === 'TOPS',
         "data-testid": "levels-AT",
         disabled: isDisabled
-      }), watch('levelInfoMode') === 'AT' || watch('levelInfoMode') === 'TOPS' ? /*#__PURE__*/React__default["default"].createElement(material.Grid, {
+      }), levelInfoMode === 'AT' || levelInfoMode === 'TOPS' ? /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 12,
         container: true,
@@ -1817,7 +1812,7 @@
         md: 3
       }, /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
         control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
-          checked: watch('levelInfoMode') === 'TOPS',
+          checked: levelInfoMode === 'TOPS',
           onChange: function onChange() {
             setValue('levelInfoMode', getValues('levelInfoMode') === 'AT' ? 'TOPS' : 'AT', {
               shouldDirty: true
@@ -1888,10 +1883,10 @@
       }))) : null, /*#__PURE__*/React__default["default"].createElement(RadioButtonAndLabel, {
         value: "BETW",
         label: "Between",
-        checked: watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC',
+        checked: levelInfoMode === 'BETW' || levelInfoMode === 'BETW_SFC',
         "data-testid": "levels-BETW",
         disabled: isDisabled
-      }), watch('levelInfoMode') === 'BETW' || watch('levelInfoMode') === 'BETW_SFC' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
+      }), levelInfoMode === 'BETW' || levelInfoMode === 'BETW_SFC' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 12,
         container: true,
@@ -1912,7 +1907,7 @@
             isRequired: isRequired,
             validateLevelUnitCombinations: function validateLevelUnitCombinations(value) {
               // level step depends on the unit
-              return _validateLevelUnitCombinations(value, watch('levelInfoMode') === 'BETW_SFC' ? 'SFC' : getValues('lowerLevel.unit')) === true;
+              return _validateLevelUnitCombinations(value, levelInfoMode === 'BETW_SFC' ? 'SFC' : getValues('lowerLevel.unit')) === true;
             }
           }
         },
@@ -1975,7 +1970,7 @@
         md: 3
       }, /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
         control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
-          checked: watch('levelInfoMode') === 'BETW_SFC',
+          checked: levelInfoMode === 'BETW_SFC',
           onChange: function onChange() {
             getValues('level.unit') && trigger('level.unit');
             setValue('levelInfoMode', getValues('levelInfoMode') === 'BETW' ? 'BETW_SFC' : 'BETW', {
@@ -1988,7 +1983,7 @@
         }),
         "data-testid": "levels-SFC",
         label: "SFC"
-      })), watch('levelInfoMode') !== 'BETW_SFC' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
+      })), levelInfoMode !== 'BETW_SFC' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 4,
         md: 3
@@ -2057,9 +2052,9 @@
         value: "ABV",
         label: "Above",
         disabled: isDisabled,
-        checked: watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV',
+        checked: levelInfoMode === 'ABV' || levelInfoMode === 'TOPS_ABV',
         "data-testid": "levels-ABV"
-      }), watch('levelInfoMode') === 'ABV' || watch('levelInfoMode') === 'TOPS_ABV' ? /*#__PURE__*/React__default["default"].createElement(material.Grid, {
+      }), levelInfoMode === 'ABV' || levelInfoMode === 'TOPS_ABV' ? /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 12,
         container: true,
@@ -2072,7 +2067,7 @@
         md: 3
       }, /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
         control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
-          checked: watch('levelInfoMode') === 'TOPS_ABV',
+          checked: levelInfoMode === 'TOPS_ABV',
           onChange: function onChange() {
             setValue('levelInfoMode', getValues('levelInfoMode') === 'ABV' ? 'TOPS_ABV' : 'ABV', {
               shouldDirty: true
@@ -2285,19 +2280,6 @@
             setValue('movementType', null);
           }
 
-          if (!isSigmet) {
-            if (getValues('phenomenon') !== 'SFC_VIS') {
-              setValue('visibilityValue', null);
-              setValue('visibilityCause', null);
-            }
-
-            if (getValues('phenomenon') !== 'SFC_WIND') {
-              setValue('windDirection', null);
-              setValue('windUnit', null);
-              setValue('windSpeed', null);
-            }
-          }
-
           _onChange();
 
           return trigger(__spreadArray(__spreadArray([], __read(getValues('validDateStart') ? ['validDateStart'] : [])), __read(getValues('validDateEnd') ? ['validDateEnd'] : [])));
@@ -2467,7 +2449,8 @@
           watch = _e.watch,
           getValues = _e.getValues,
           trigger = _e.trigger,
-          errors = _e.formState.errors;
+          errors = _e.formState.errors,
+          unregister = _e.unregister;
 
       var _f = shared.useDraftFormHelpers(),
           isRequired = _f.isRequired,
@@ -2479,6 +2462,18 @@
       var selectedFIR = watch('locationIndicatorATSR'); // Get allowed movement units based on selected FIR - if no FIR selected, allow all units
 
       var allowedMovementUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'movement_unit', MovementUnit);
+      React__default["default"].useEffect(function () {
+        if (movementType !== 'MOVEMENT') {
+          unregister('movementDirection');
+          unregister('movementSpeed');
+          unregister('movementUnit');
+        }
+
+        if (movementType !== 'FORECAST_POSITION') {
+          unregister('endGeometry');
+          unregister('endGeometryIntersect');
+        }
+      }, [movementType, unregister]);
       return /*#__PURE__*/React__default["default"].createElement(ProductFormFieldLayout, {
         title: "Progress",
         sx: styles$2.containerItem
@@ -3304,13 +3299,20 @@
           watch = _c.watch,
           setValue = _c.setValue,
           trigger = _c.trigger,
-          getValues = _c.getValues;
+          getValues = _c.getValues,
+          unregister = _c.unregister;
 
       var isRequired = shared.useDraftFormHelpers().isRequired;
       var allowedUnits = useProductSettings(airmetConfig).allowedUnits;
-      var selectedFIR = watch('locationIndicatorATSR'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
+      var selectedFIR = watch('locationIndicatorATSR');
+      var cloudLevelInfoMode = watch('cloudLevelInfoMode'); // Get allowed cloud level units based on selected FIR - if no FIR selected, allow all default units
 
       var allowedCloudLevelUnitsForFir = getAllowedUnits(selectedFIR, allowedUnits, 'cloud_level_unit', CloudLevelUnits);
+      React__default["default"].useEffect(function () {
+        if (cloudLevelInfoMode === 'BETW_SFC' || cloudLevelInfoMode === 'BETW_SFC_ABV') {
+          unregister('cloudLowerLevel');
+        }
+      }, [cloudLevelInfoMode, unregister]);
       return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         container: true,
@@ -3342,12 +3344,12 @@
       }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 4
-      }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormFormControl, {
+      }, (!isReadOnly || cloudLevelInfoMode === 'BETW_ABV' || cloudLevelInfoMode === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormFormControl, {
         disabled: isDisabled,
         isReadOnly: isReadOnly
       }, /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
         control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
-          checked: watch('cloudLevelInfoMode') === 'BETW_ABV' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
+          checked: cloudLevelInfoMode === 'BETW_ABV' || cloudLevelInfoMode === 'BETW_SFC_ABV',
           onChange: function onChange() {
             switch (getValues('cloudLevelInfoMode')) {
               case 'BETW':
@@ -3453,12 +3455,12 @@
       }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 4
-      }, (!isReadOnly || watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormFormControl, {
+      }, (!isReadOnly || cloudLevelInfoMode === 'BETW_SFC' || cloudLevelInfoMode === 'BETW_SFC_ABV') && /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormFormControl, {
         disabled: isDisabled,
         isReadOnly: isReadOnly
       }, /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
         control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
-          checked: watch('cloudLevelInfoMode') === 'BETW_SFC' || watch('cloudLevelInfoMode') === 'BETW_SFC_ABV',
+          checked: cloudLevelInfoMode === 'BETW_SFC' || cloudLevelInfoMode === 'BETW_SFC_ABV',
           onChange: function onChange() {
             switch (getValues('cloudLevelInfoMode')) {
               case 'BETW':
@@ -3492,7 +3494,7 @@
         }),
         "data-testid": "cloudLevels-SFC",
         label: "SFC"
-      }))), watch('cloudLevelInfoMode') !== 'BETW_SFC' && watch('cloudLevelInfoMode') !== 'BETW_SFC_ABV' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
+      }))), cloudLevelInfoMode !== 'BETW_SFC' && cloudLevelInfoMode !== 'BETW_SFC_ABV' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 3
       }, /*#__PURE__*/React__default["default"].createElement(formFields.ReactHookFormSelect, {
@@ -4002,6 +4004,23 @@
       }, children));
     };
 
+    var useConditionalFields$1 = function useConditionalFields() {
+      var _a = reactHookForm.useFormContext(),
+          watch = _a.watch,
+          unregister = _a.unregister; // phenomenon: VA_CLD
+
+
+      var hasVolcanicAshes = watch('phenomenon') === 'VA_CLD';
+      React__default["default"].useEffect(function () {
+        if (!hasVolcanicAshes) {
+          unregister(['vaSigmetVolcanoName', 'vaSigmetVolcanoCoordinates.latitude', 'vaSigmetVolcanoCoordinates.longitude']);
+        }
+      }, [hasVolcanicAshes, unregister]);
+      return {
+        hasVolcanicAshes: hasVolcanicAshes
+      };
+    };
+
     var SigmetForm = function SigmetForm(_a) {
       var mode = _a.mode,
           _b = _a.isCancelSigmet,
@@ -4095,6 +4114,7 @@
           setIsDisabled(isInDrawMode);
         }
       }, [drawMode.start, drawMode.end, isReadOnly, isDisabled]);
+      var hasVolcanicAshes = useConditionalFields$1().hasVolcanicAshes;
 
       var renderForm = function renderForm() {
         return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
@@ -4114,7 +4134,7 @@
           isReadOnly: isReadOnly,
           helperText: helperText,
           onChange: onChangeForm
-        }), !isCancelSigmet && watch('phenomenon') === 'VA_CLD' && /*#__PURE__*/React__default["default"].createElement(VolcanicFields, {
+        }), !isCancelSigmet && hasVolcanicAshes && /*#__PURE__*/React__default["default"].createElement(VolcanicFields, {
           isDisabled: isDisabled,
           isReadOnly: isReadOnly,
           helperText: helperText
@@ -4211,6 +4231,48 @@
       }, renderForm()));
     };
 
+    var useConditionalFields = function useConditionalFields() {
+      var _a = reactHookForm.useFormContext(),
+          watch = _a.watch,
+          unregister = _a.unregister; // phenomenon: SFC_VIS
+
+
+      var phenomenon = watch('phenomenon');
+      var hasSurfaceVisiblity = phenomenon === 'SFC_VIS';
+      React__default["default"].useEffect(function () {
+        if (!hasSurfaceVisiblity) {
+          unregister(['visibilityValue', 'visibilityCause']);
+        }
+      }, [hasSurfaceVisiblity, unregister]); // phenomenon: SFC_WIND
+
+      var hasSurfaceWind = watch('phenomenon') === 'SFC_WIND';
+      React__default["default"].useEffect(function () {
+        if (!hasSurfaceWind) {
+          unregister(['windDirection', 'windUnit', 'windSpeed']);
+        }
+      }, [hasSurfaceWind, unregister]); // phenomenon: SFC_WIND, SFC_VIS, BKN_CLD, OVC_CLD
+
+      var hasLevels = phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD';
+      React__default["default"].useEffect(function () {
+        if (!hasLevels) {
+          unregister(['levelInfoMode', 'level', 'lowerLevel']);
+        }
+      }, [hasLevels, unregister]); // phenomenon: BKN_CLD
+
+      var hasCloudLevels = phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD';
+      React__default["default"].useEffect(function () {
+        if (!hasCloudLevels) {
+          unregister(['cloudLevelInfoMode', 'cloudLevel', 'cloudLowerLevel']);
+        }
+      }, [hasCloudLevels, unregister]);
+      return {
+        hasSurfaceVisiblity: hasSurfaceVisiblity,
+        hasSurfaceWind: hasSurfaceWind,
+        hasLevels: hasLevels,
+        hasCloudLevels: hasCloudLevels
+      };
+    };
+
     var AirmetForm = function AirmetForm(_a) {
       var mode = _a.mode,
           _b = _a.isCancelAirmet,
@@ -4228,8 +4290,6 @@
           setValue = _f.setValue,
           handleSubmit = _f.handleSubmit;
 
-      var phenomenon = watch('phenomenon');
-
       var _g = __read(React__default["default"].useState(mode === 'view'), 2),
           isDisabled = _g[0],
           setIsDisabled = _g[1];
@@ -4285,6 +4345,12 @@
         }
       }, [drawMode.start, isReadOnly, isDisabled]);
 
+      var _k = useConditionalFields(),
+          hasSurfaceVisiblity = _k.hasSurfaceVisiblity,
+          hasSurfaceWind = _k.hasSurfaceWind,
+          hasLevels = _k.hasLevels,
+          hasCloudLevels = _k.hasCloudLevels;
+
       var renderForm = function renderForm() {
         return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
           container: true,
@@ -4295,11 +4361,11 @@
           isDisabled: isDisabled,
           isReadOnly: isReadOnly,
           onChange: onChangeForm
-        }), !isCancelAirmet && phenomenon === 'SFC_VIS' && /*#__PURE__*/React__default["default"].createElement(SurfaceVisibility, {
+        }), !isCancelAirmet && hasSurfaceVisiblity && /*#__PURE__*/React__default["default"].createElement(SurfaceVisibility, {
           isReadOnly: isReadOnly,
           isDisabled: isDisabled,
           onChange: onChangeForm
-        }), !isCancelAirmet && phenomenon === 'SFC_WIND' && /*#__PURE__*/React__default["default"].createElement(SurfaceWind, {
+        }), !isCancelAirmet && hasSurfaceWind && /*#__PURE__*/React__default["default"].createElement(SurfaceWind, {
           isReadOnly: isReadOnly,
           isDisabled: isDisabled,
           onChange: onChangeForm
@@ -4332,12 +4398,12 @@
           setDrawModeType: function setDrawModeType(mapDrawMode, StartOrEndDrawing) {
             _setDrawModeType(mapDrawMode, StartOrEndDrawing, updateStartDrawing);
           }
-        }), !isCancelAirmet && phenomenon !== 'SFC_WIND' && phenomenon !== 'SFC_VIS' && phenomenon !== 'BKN_CLD' && phenomenon !== 'OVC_CLD' && /*#__PURE__*/React__default["default"].createElement(Levels, {
+        }), !isCancelAirmet && hasLevels && /*#__PURE__*/React__default["default"].createElement(Levels, {
           isDisabled: isDisabled,
           isReadOnly: isReadOnly,
           onChange: onChangeForm,
           productType: "airmet"
-        }), !isCancelAirmet && (phenomenon === 'BKN_CLD' || phenomenon === 'OVC_CLD') && /*#__PURE__*/React__default["default"].createElement(CloudLevels, {
+        }), !isCancelAirmet && hasCloudLevels && /*#__PURE__*/React__default["default"].createElement(CloudLevels, {
           isDisabled: isDisabled,
           isReadOnly: isReadOnly,
           onChange: onChangeForm
@@ -5007,9 +5073,13 @@
         });
       };
 
-      var onToggleDialog = function onToggleDialog() {
+      var onToggleDialog = function onToggleDialog(shouldRefreshList) {
+        if (shouldRefreshList === void 0) {
+          shouldRefreshList = true;
+        }
+
         setLoader(false);
-        toggleDialogStatus();
+        toggleDialogStatus(shouldRefreshList);
       };
 
       var showConfirmDialog = function showConfirmDialog(action) {
@@ -5029,7 +5099,7 @@
         switch (action) {
           case 'CLOSED':
             if (mode === 'view' || !isDirty) {
-              onToggleDialog();
+              onToggleDialog(false);
             } else {
               toggleIsDraft(true);
               showConfirmDialog(action).then(function () {
@@ -5039,7 +5109,7 @@
               })["catch"](function (reason) {
                 if (reason === 'CANCELLED') {
                   // close without save
-                  onToggleDialog();
+                  onToggleDialog(false);
                 }
               });
             }
@@ -5061,7 +5131,7 @@
             showConfirmDialog(action).then(function () {
               // If we're discarding a new SIGMET/AIRMET - just close the dialog
               if (mode === 'new') {
-                onToggleDialog();
+                onToggleDialog(false);
               } else {
                 // If we're discarding an existing SIGMET/AIRMET - make call to BE
                 postProduct(product, action);
@@ -5168,7 +5238,7 @@
       return /*#__PURE__*/React__namespace.createElement(formFields.ReactHookFormProvider, {
         options: __assign(__assign({}, formFields.defaultFormOptions), {
           defaultValues: product,
-          shouldUnregister: true
+          values: product
         })
       }, /*#__PURE__*/React__namespace.createElement(shared.ConfirmationServiceProvider, null, /*#__PURE__*/React__namespace.createElement(ProductFormDialogContent, {
         isOpen: isOpen,
@@ -5221,9 +5291,13 @@
 
       }, [selectedProduct]);
 
-      var toggleDialogOpen = function toggleDialogOpen() {
-        // Refresh list on closing dialog
-        if (isFormDialogOpen === true) getNewProductList();
+      var toggleDialogOpen = function toggleDialogOpen(shouldRefreshList) {
+        if (shouldRefreshList === void 0) {
+          shouldRefreshList = true;
+        } // Refresh list on closing dialog
+
+
+        if (isFormDialogOpen === true && shouldRefreshList) getNewProductList();
         setIsFormDialogOpen(!isFormDialogOpen);
       };
 

package/lib/components/ProductForms/ProductFormDialog.d.ts

@@ -4,7 +4,7 @@ export declare const prepareProductValues: (product: Sigmet | Airmet | CancelSig
 interface ProductFormDialogProps {
     isOpen: boolean;
     productType: ProductType;
-    toggleDialogStatus: () => void;
+    toggleDialogStatus: (shouldRefreshList?: boolean) => void;
     productListItem?: SigmetFromBackend | AirmetFromBackend;
 }
 export declare const ProductFormDialog: React.FC<ProductFormDialogProps>;

package/lib/components/ProductForms/ProductFormDialogContent.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { CancelSigmet, Sigmet, FormMode, CancelAirmet, Airmet, ProductType } from '../../types';
 interface ProductFormDialogContentProps {
     isOpen: boolean;
-    toggleDialogStatus: () => void;
+    toggleDialogStatus: (shouldRefreshList?: boolean) => void;
     mode: FormMode;
     productType: ProductType;
     productCanBe: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/sigmet-airmet",
-  "version": "4.9.1",
+  "version": "4.10.0",
   "description": "GeoWeb Sigmet/Airmet library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,12 +14,12 @@
     "react": "^17.0.2",
     "react-redux": "^8.0.4",
     "@mui/material": "^5.10.8",
-    "@opengeoweb/shared": "4.9.1",
-    "@opengeoweb/theme": "4.9.1",
+    "@opengeoweb/shared": "4.10.0",
+    "@opengeoweb/theme": "4.10.0",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",
-    "@opengeoweb/form-fields": "4.9.1",
+    "@opengeoweb/form-fields": "4.10.0",
     "react-hook-form": "^7.41.5",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",
@@ -27,16 +27,16 @@
     "lodash": "^4.17.20",
     "axios": "^0.25.0",
     "date-fns": "^2.29.3",
-    "@opengeoweb/core": "4.9.1",
-    "@opengeoweb/webmap": "4.9.1",
+    "@opengeoweb/core": "4.10.0",
+    "@opengeoweb/webmap": "4.10.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
-    "@opengeoweb/api": "4.9.1",
+    "@opengeoweb/api": "4.10.0",
     "react-intl": "^5.17.5",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.0",
-    "react-window": "^1.8.7",
     "immer": "^9.0.15",
+    "react-window": "^1.8.7",
     "@reduxjs/toolkit": "^1.8.3",
     "lodash.clonedeep": "^4.5.0",
     "@turf/turf": "^5.1.6",