@opengeoweb/taf 4.4.0 → 4.6.0

package/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default from 'react';
-import { TextField, Grid, Box, Button, IconButton, Tooltip, Chip, Typography, FormLabel, Switch, Card, Tabs, Tab, Dialog, MenuList, MenuItem, Backdrop, CircularProgress } from '@mui/material';
+import { TextField, Grid, Box, Button, IconButton, Chip, Typography, FormLabel, Switch, Card, Tabs, Tab, Dialog, MenuList, MenuItem, Backdrop, CircularProgress } from '@mui/material';
 import { useFormContext, Controller, useFieldArray } from 'react-hook-form';
 import { useDispatch } from 'react-redux';
 import { ReactSortable } from 'react-sortablejs';
@@ -8,7 +8,7 @@ import Sortable from 'sortablejs';
 import { isEqual } from 'lodash';
 import { useAuthenticationContext } from '@opengeoweb/authentication';
 import { getDeepProperty, ReactHookFormHiddenInput, ReactHookFormProvider } from '@opengeoweb/form-fields';
-import { useIsMounted, ToggleMenu, useDraftFormHelpers, ToolContainerDraggable, Avatar, getInitials, useConfirmationDialog, usePreventBrowserClose, ToolButton, ToolHeader, AlertBanner, getErrorMessage as getErrorMessage$1, getWarningMessage, ConfirmationServiceProvider, usePoller, ErrorBoundary } from '@opengeoweb/shared';
+import { useIsMounted, ToggleMenu, useDraftFormHelpers, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, useConfirmationDialog, usePreventBrowserClose, ToolButton, ToolHeader, AlertBanner, getErrorMessage as getErrorMessage$1, getWarningMessage, ConfirmationServiceProvider, usePoller, ErrorBoundary } from '@opengeoweb/shared';
 import { snackbarActions } from '@opengeoweb/core';
 import moment from 'moment';
 import { Add, Delete, Close, DragHandle as DragHandle$1, ThumbsUp, Clock, Cancel, Edit, Success, Export, ListItem, Cached } from '@opengeoweb/theme';
@@ -52,10 +52,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function _toArray(arr) {
-  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
-}
-
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
@@ -1363,11 +1359,10 @@ var invalidWindDirectionStepMessage = 'Invalid wind direction, the direction mus
 var invalidWindSpeedMessage = 'Invalid wind speed, expected a speed equal to 2 digits or P99';
 var invalidWindGustsMessage = 'Invalid wind gusts, expected gusts equal to 2 digits or P99';
 var invalidWindGustSpeedCombinationMessage = 'Invalid wind gusts, gusts must at least be 10 knots greater than the wind speed';
-var invalidWindGustSpeedBelow15Message = 'Invalid wind gusts, gusts are only allowed for a minimum wind speed of 15 knots';
 var invalidGustForWindP99Message = 'Invalid wind speed and gust combination, if wind is P99, gusts can only be empty or P99';
 var invalidWindSpeedForDirectionZeroMessage = 'Invalid wind speed, if direction is 000, speed can only be 00';
 var invalidWindSpeedForDirectionNonZeroMessage = 'Invalid wind speed, if direction is not 000, speed can not be 00';
-var invalidWindVRBWindDirectionMessage = 'Invalid wind direction, VRB can only be used in combination with windspeeds smaller than 4 or in combination with gusts and showers'; // validations
+var invalidWindVRBWindDirectionMessage = 'Invalid wind direction, VRB can only be used in combination with windspeeds smaller than 3 or in combination with gusts and showers'; // validations
 
 var validateDirection = function validateDirection(value) {
   // if not a number
@@ -1424,8 +1419,8 @@ var validateWindInterSection = function validateWindInterSection(speed, gust, di
     return invalidWindSpeedForDirectionNonZeroMessage;
   }
 
-  if (direction === 'VRB' && (speed === 'P99' || parseInt(speed, 10) > 3)) {
-    // Only allow VRB for speeds smaller than 4 or in combination with gusts and showers (SH, TS, SQ)
+  if (direction === 'VRB' && (speed === 'P99' || parseInt(speed, 10) > 2)) {
+    // Only allow VRB for speeds smaller than 3 or in combination with gusts and showers (SH, TS, SQ)
     var allowedWeatherPhenom = ['SH', 'TS', 'SQ'];
     if (gust === '' || !allowedWeatherPhenom.some(function (allowedPhenom) {
       return weather1Value.includes(allowedPhenom);
@@ -1445,10 +1440,6 @@ var validateWindInterSection = function validateWindInterSection(speed, gust, di
     return invalidGustForWindP99Message;
   }
 
-  if (parseInt(speed, 10) < 15) {
-    return invalidWindGustSpeedBelow15Message;
-  }
-
   if (gust !== 'P99' && parseInt(gust, 10) - parseInt(speed, 10) < 10) {
     return invalidWindGustSpeedCombinationMessage;
   }
@@ -3566,14 +3557,10 @@ var DragHandle = function DragHandle(_ref) {
  * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
-var getCustomError = function getCustomError(error) {
-  var name = error.ref.name;
-  var isChangeGroup = name.includes('changeGroups');
-  var matchRowNumber = name.match(/\[(.*?)\]/);
-  var row = matchRowNumber ? parseInt(matchRowNumber[1], 10) : null;
+var getCustomError = function getCustomError(error, isChangeGroup, rowIndex) {
   return Object.assign(Object.assign({}, error), {
     isChangeGroup: isChangeGroup,
-    row: row
+    rowIndex: rowIndex
   });
 };
 var getIssuesLabel = function getIssuesLabel(sumOfErrors) {
@@ -3588,33 +3575,33 @@ var getIssuesLabel = function getIssuesLabel(sumOfErrors) {
       return "".concat(sumOfErrors, " issues");
   }
 };
-
 var getErrorValues = function getErrorValues(fieldErrors) {
+  var isChangeGroup = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
   if (!fieldErrors) return [];
   return Object.keys(fieldErrors).reduce(function (list, key) {
     var error = Object.assign({}, fieldErrors[key]);
 
     if (error.ref) {
-      return list.concat(getCustomError(error));
+      return list.concat(getCustomError(error, isChangeGroup, rowIndex));
     }
 
-    return list.concat(getErrorValues(error));
+    return list.concat(getErrorValues(error, isChangeGroup, rowIndex));
   }, []);
 };
-
 var filterDuplicateErrors = function filterDuplicateErrors(errors) {
   return errors.reduce(function (list, error) {
     // check on type validateRequiredSub and validateRequiredMainOptional since these are giving 'duplicates'
     if (error.type === 'validateRequiredSub') {
       var exist = list.find(function (e) {
-        return e.type === 'validateRequiredSub' && e.row === error.row;
+        return e.type === 'validateRequiredSub' && e.rowIndex === error.rowIndex;
       });
       return exist ? list : list.concat(error);
     }
 
     if (error.type === 'validateRequiredMainOptional') {
       var _exist = list.find(function (e) {
-        return e.type === 'validateRequiredMainOptional' && e.row === error.row;
+        return e.type === 'validateRequiredMainOptional' && e.rowIndex === error.rowIndex;
       });
 
       return _exist ? list : list.concat(error);
@@ -3625,16 +3612,17 @@ var filterDuplicateErrors = function filterDuplicateErrors(errors) {
 };
 var getErrors = function getErrors(errors) {
   var errorList = Object.keys(errors).reduce(function (list, key) {
-    var errorValue = errors[key];
+    var errorValue = errors[key]; // changeGroups
 
     if (Array.isArray(errorValue)) {
-      var errorValues = errorValue.reduce(function (l, i) {
-        return l.concat(getErrorValues(i));
+      var errorValues = errorValue.reduce(function (changeGroupErrors, changeGroupError, index) {
+        return changeGroupErrors.concat(getErrorValues(changeGroupError, true, index));
       }, []);
       return list.concat.apply(list, _toConsumableArray(errorValues));
-    }
+    } // baseForecast
+
 
-    return list.concat(getErrorValues(errorValue));
+    return list.concat(getErrorValues(errorValue, false, -1));
   }, []);
   return errorList;
 };
@@ -3692,7 +3680,7 @@ var IssuesButton = function IssuesButton(_ref) {
     toggleIssuesPane(newPosition);
   };
 
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(CustomTooltip, {
     title: "View details"
   }, /*#__PURE__*/React.createElement(Chip, {
     "data-testid": "issuesButton",
@@ -3728,43 +3716,18 @@ var getPaneTitle = function getPaneTitle(sumOfErrors) {
   }
 };
 
-var capitalizeWord = function capitalizeWord(_ref) {
-  var _ref2 = _toArray(_ref),
-      firstLetter = _ref2[0],
-      restOfWord = _ref2.slice(1);
-
-  return firstLetter.toUpperCase() + restOfWord.join('');
-};
-var humanizeErrorMessage = function humanizeErrorMessage(nameAsString) {
-  var nameWithoutBrackets = nameAsString.replace(/[[\]']+/g, '');
-  var nameLowerCase = nameWithoutBrackets.toLowerCase();
-
-  var _nameLowerCase$split$ = nameLowerCase.split(/([0-9]+)/) // split num bers from field and build array
-  .filter(function (s) {
-    return s.length;
-  }),
-      _nameLowerCase$split$2 = _slicedToArray(_nameLowerCase$split$, 2),
-      fieldName = _nameLowerCase$split$2[0],
-      fieldNumberedValue = _nameLowerCase$split$2[1];
-
-  var nameCapitalized = capitalizeWord(fieldName);
-
-  if (fieldNumberedValue) {
+var humanizeErrorMessage = function humanizeErrorMessage(errorTitle, fieldNumberedValue) {
+  if (fieldNumberedValue !== undefined && fieldNumberedValue >= 0) {
     // when name contains a number we assume it's a formgroup and we add a index +1 for human readability
-    var fieldNumber = parseInt(fieldNumberedValue, 10) + 1;
-    return "".concat(nameCapitalized, " ").concat(fieldNumber);
+    var fieldNumber = fieldNumberedValue + 1;
+    return "".concat(errorTitle, " ").concat(fieldNumber);
   }
 
-  return nameCapitalized;
+  return errorTitle;
 };
 var getErrorMessage = function getErrorMessage(error, index) {
-  var name = error.ref.name;
-
-  var _name$split = name.split('.'),
-      _name$split2 = _slicedToArray(_name$split, 1),
-      firstNamePart = _name$split2[0];
-
-  var fieldErrorTitle = humanizeErrorMessage(firstNamePart);
+  var errorTitleCategory = error.isChangeGroup ? 'Changegroups' : 'Baseforecast';
+  var fieldErrorTitle = humanizeErrorMessage(errorTitleCategory, error.rowIndex);
   return "".concat(index + 1, ". ").concat(fieldErrorTitle, ": ").concat(error.message);
 };
 var MODAL_DIALOG_ELEMENT = 'modal-dialog';
@@ -3799,16 +3762,16 @@ var useIssuesPane = function useIssuesPane() {
   };
 };
 
-var IssuesPane = function IssuesPane(_ref3) {
-  var _ref3$errorList = _ref3.errorList,
-      errorList = _ref3$errorList === void 0 ? [] : _ref3$errorList,
-      isOpen = _ref3.isOpen,
-      handleClose = _ref3.handleClose,
-      _ref3$startPosition = _ref3.startPosition,
-      startPosition = _ref3$startPosition === void 0 ? {
+var IssuesPane = function IssuesPane(_ref) {
+  var _ref$errorList = _ref.errorList,
+      errorList = _ref$errorList === void 0 ? [] : _ref$errorList,
+      isOpen = _ref.isOpen,
+      handleClose = _ref.handleClose,
+      _ref$startPosition = _ref.startPosition,
+      startPosition = _ref$startPosition === void 0 ? {
     left: 20,
     top: 50
-  } : _ref3$startPosition;
+  } : _ref$startPosition;
   var rootElement = document.getElementById(MODAL_DIALOG_ELEMENT) || document.body;
   return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(ToolContainerDraggable, {
     startSize: {
@@ -3956,7 +3919,7 @@ var styles = {
 };
 
 var SwitchButton = function SwitchButton(props) {
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(CustomTooltip, {
     title: "Switch mode"
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormLabel, {
     sx: styles.label
@@ -3967,28 +3930,11 @@ var SwitchButton = function SwitchButton(props) {
   }, "Editor")));
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-
 var TafAvatar = function TafAvatar(_ref) {
   var editor = _ref.editor,
       _ref$tooltipPlacement = _ref.tooltipPlacement,
       tooltipPlacement = _ref$tooltipPlacement === void 0 ? 'bottom' : _ref$tooltipPlacement;
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(CustomTooltip, {
     title: "Editor: ".concat(editor),
     placement: tooltipPlacement
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Avatar, {
@@ -4022,7 +3968,11 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
       _ref$onSwitchEditor = _ref.onSwitchEditor,
       onSwitchEditor = _ref$onSwitchEditor === void 0 ? function () {
     return null;
-  } : _ref$onSwitchEditor;
+  } : _ref$onSwitchEditor,
+      _ref$fetchNewTafList = _ref.fetchNewTafList,
+      fetchNewTafList = _ref$fetchNewTafList === void 0 ? function () {
+    return null;
+  } : _ref$fetchNewTafList;
   var originalTaf = tafFromBackend.taf,
       editor = tafFromBackend.editor;
 
@@ -4141,42 +4091,64 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
     }));
   }, [dispatch]);
 
+  var isLatestEditor = function isLatestEditor(latestEditor, userName) {
+    return latestEditor !== '' && latestEditor !== null && latestEditor !== userName;
+  };
+
   var setIsEditor = function setIsEditor(checked) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var editor, didSucceed;
+      var username, latestList, _latestList$find, latestEditor, didSucceed;
+
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              editor = checked ? auth === null || auth === void 0 ? void 0 : auth.username : '';
+              username = checked ? auth === null || auth === void 0 ? void 0 : auth.username : ''; // make sure to get the latest changes
+
+              _context.next = 3;
+              return fetchNewTafList();
 
-              if (!(editor === tafFromBackend.editor)) {
-                _context.next = 3;
+            case 3:
+              latestList = _context.sent;
+              _latestList$find = latestList.find(function (taf) {
+                return taf.taf.uuid === originalTaf.uuid;
+              }), latestEditor = _latestList$find.editor;
+
+              if (!(username === latestEditor)) {
+                _context.next = 7;
                 break;
               }
 
               return _context.abrupt("return", true);
 
-            case 3:
-              if (!(tafFromBackend.editor !== '' && tafFromBackend.editor !== null && tafFromBackend.editor !== (auth === null || auth === void 0 ? void 0 : auth.username))) {
-                _context.next = 6;
+            case 7:
+              if (!(!checked && isLatestEditor(latestEditor, auth === null || auth === void 0 ? void 0 : auth.username))) {
+                _context.next = 9;
+                break;
+              }
+
+              return _context.abrupt("return", true);
+
+            case 9:
+              if (!(checked && isLatestEditor(latestEditor, auth === null || auth === void 0 ? void 0 : auth.username))) {
+                _context.next = 12;
                 break;
               }
 
-              _context.next = 6;
+              _context.next = 12;
               return confirmDialog({
                 title: 'Switch to editor mode',
                 description: 'This TAF is already in edit mode and important information could get lost in the switching process.',
                 confirmLabel: 'Edit mode'
               });
 
-            case 6:
-              _context.next = 8;
+            case 12:
+              _context.next = 14;
               return onSwitchEditor(Object.assign(Object.assign({}, tafFromBackend), {
-                editor: editor
+                editor: username
               }));
 
-            case 8:
+            case 14:
               didSucceed = _context.sent;
 
               if (didSucceed) {
@@ -4185,7 +4157,7 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
 
               return _context.abrupt("return", didSucceed);
 
-            case 11:
+            case 17:
             case "end":
               return _context.stop();
           }
@@ -4728,8 +4700,8 @@ var sortTafsOnIssueDate = function sortTafsOnIssueDate() {
   return _toConsumableArray(tafList).sort(function (_ref3, _ref4) {
     var tafA = _ref3.taf;
     var tafB = _ref4.taf;
-    if (tafA.issueDate < tafB.issueDate || tafA.issueDate && !tafB.issueDate) return -1;
-    return 1;
+    if (tafA.issueDate < tafB.issueDate || tafA.issueDate && !tafB.issueDate) return 1;
+    return -1;
   });
 };
 var getBaseTime = function getBaseTime(baseTime, location) {
@@ -4844,7 +4816,7 @@ var getNewTafLocationIndex = function getNewTafLocationIndex(tafLocations, previ
 var IconWithTooltip = function IconWithTooltip(_ref) {
   var title = _ref.title,
       children = _ref.children;
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(CustomTooltip, {
     title: title,
     placement: "right"
   }, /*#__PURE__*/React.createElement(Box, {
@@ -4932,7 +4904,7 @@ var TOOLTIP_TITLE = 'Import TAC';
 var ExportButton = function ExportButton(_ref) {
   var onClick = _ref.onClick,
       isHidden = _ref.isHidden;
-  return isHidden ? null : /*#__PURE__*/React__default.createElement(Tooltip, {
+  return isHidden ? null : /*#__PURE__*/React__default.createElement(CustomTooltip, {
     title: TOOLTIP_TITLE,
     placement: "left"
   }, /*#__PURE__*/React__default.createElement(ToolButton, {
@@ -5647,7 +5619,11 @@ var TafPanel = function TafPanel(_ref) {
       setIsFormDisabled = _ref$setIsFormDisable === void 0 ? function () {
     return null;
   } : _ref$setIsFormDisable,
-      error = _ref.error;
+      error = _ref.error,
+      _ref$fetchNewTafList = _ref.fetchNewTafList,
+      fetchNewTafList = _ref$fetchNewTafList === void 0 ? function () {
+    return null;
+  } : _ref$fetchNewTafList;
   var severity = isWarning(error) ? 'warning' : 'error';
 
   var onTafAction = function onTafAction(action, taf) {
@@ -5729,7 +5705,8 @@ var TafPanel = function TafPanel(_ref) {
     setIsIssuesPaneOpen: setIsIssuesPaneOpen,
     isDisabled: isFormDisabled,
     setIsDisabled: setIsFormDisabled,
-    onSwitchEditor: patchTaf
+    onSwitchEditor: patchTaf,
+    fetchNewTafList: fetchNewTafList
   })));
 };
 
@@ -5799,7 +5776,7 @@ var LastUpdateTime = function LastUpdateTime(_ref) {
       letterSpacing: '0.33px'
     },
     "data-testid": "lastupdated-time"
-  }, getLastUpdateTitle(lastUpdateTime)), /*#__PURE__*/React__default.createElement(Tooltip, {
+  }, getLastUpdateTitle(lastUpdateTime)), /*#__PURE__*/React__default.createElement(CustomTooltip, {
     title: "Click to refresh"
   }, /*#__PURE__*/React__default.createElement(ToolButton, {
     "data-testid": "updateTafBtn",
@@ -5866,7 +5843,9 @@ var TafLayout = function TafLayout(_ref2) {
   var _ref2$tafList = _ref2.tafList,
       tafList = _ref2$tafList === void 0 ? [] : _ref2$tafList,
       _ref2$onUpdateTaf = _ref2.onUpdateTaf,
-      onUpdateTaf = _ref2$onUpdateTaf === void 0 ? function () {} : _ref2$onUpdateTaf,
+      onUpdateTaf = _ref2$onUpdateTaf === void 0 ? function () {
+    return null;
+  } : _ref2$onUpdateTaf,
       lastUpdateTime = _ref2.lastUpdateTime;
 
   var _useApiContext = useApiContext(),
@@ -6203,7 +6182,8 @@ var TafLayout = function TafLayout(_ref2) {
       postTaf: postTaf,
       patchTaf: patchTaf,
       isLoading: isLoading,
-      error: error
+      error: error,
+      fetchNewTafList: onUpdateTaf
     });
   }))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
@@ -6289,26 +6269,39 @@ var TafModule = function TafModule() {
               setTafList(result.data);
               setIsLoading(false);
               setLastUpdateTime(getCurrentDate());
-              _context.next = 15;
-              break;
+              return _context.abrupt("return", result.data);
 
-            case 11:
-              _context.prev = 11;
+            case 12:
+              _context.prev = 12;
               _context.t0 = _context["catch"](2);
               setError(_context.t0);
               setIsLoading(false);
+              return _context.abrupt("return", []);
 
-            case 15:
+            case 17:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 11]]);
+      }, _callee, null, [[2, 12]]);
     }));
   };
 
   var onUpdateTaf = function onUpdateTaf() {
-    fetchNewTafList();
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", fetchNewTafList());
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
   };
 
   React.useEffect(function () {
@@ -7016,7 +7009,7 @@ var fakePublishedTaf = {
         direction: 10,
         speed: 10,
         unit: 'KT',
-        gust: 35
+        gust: 15
       },
       cloud: {
         cloud1: {

package/index.umd.js

@@ -1358,11 +1358,10 @@
     var invalidWindSpeedMessage = 'Invalid wind speed, expected a speed equal to 2 digits or P99';
     var invalidWindGustsMessage = 'Invalid wind gusts, expected gusts equal to 2 digits or P99';
     var invalidWindGustSpeedCombinationMessage = 'Invalid wind gusts, gusts must at least be 10 knots greater than the wind speed';
-    var invalidWindGustSpeedBelow15Message = 'Invalid wind gusts, gusts are only allowed for a minimum wind speed of 15 knots';
     var invalidGustForWindP99Message = 'Invalid wind speed and gust combination, if wind is P99, gusts can only be empty or P99';
     var invalidWindSpeedForDirectionZeroMessage = 'Invalid wind speed, if direction is 000, speed can only be 00';
     var invalidWindSpeedForDirectionNonZeroMessage = 'Invalid wind speed, if direction is not 000, speed can not be 00';
-    var invalidWindVRBWindDirectionMessage = 'Invalid wind direction, VRB can only be used in combination with windspeeds smaller than 4 or in combination with gusts and showers'; // validations
+    var invalidWindVRBWindDirectionMessage = 'Invalid wind direction, VRB can only be used in combination with windspeeds smaller than 3 or in combination with gusts and showers'; // validations
 
     var validateDirection = function validateDirection(value) {
       // if not a number
@@ -1419,8 +1418,8 @@
         return invalidWindSpeedForDirectionNonZeroMessage;
       }
 
-      if (direction === 'VRB' && (speed === 'P99' || parseInt(speed, 10) > 3)) {
-        // Only allow VRB for speeds smaller than 4 or in combination with gusts and showers (SH, TS, SQ)
+      if (direction === 'VRB' && (speed === 'P99' || parseInt(speed, 10) > 2)) {
+        // Only allow VRB for speeds smaller than 3 or in combination with gusts and showers (SH, TS, SQ)
         var allowedWeatherPhenom = ['SH', 'TS', 'SQ'];
         if (gust === '' || !allowedWeatherPhenom.some(function (allowedPhenom) {
           return weather1Value.includes(allowedPhenom);
@@ -1440,10 +1439,6 @@
         return invalidGustForWindP99Message;
       }
 
-      if (parseInt(speed, 10) < 15) {
-        return invalidWindGustSpeedBelow15Message;
-      }
-
       if (gust !== 'P99' && parseInt(gust, 10) - parseInt(speed, 10) < 10) {
         return invalidWindGustSpeedCombinationMessage;
       }
@@ -3563,14 +3558,10 @@
      * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2022 - Finnish Meteorological Institute (FMI)
      * */
-    var getCustomError = function getCustomError(error) {
-      var name = error.ref.name;
-      var isChangeGroup = name.includes('changeGroups');
-      var matchRowNumber = name.match(/\[(.*?)\]/);
-      var row = matchRowNumber ? parseInt(matchRowNumber[1], 10) : null;
+    var getCustomError = function getCustomError(error, isChangeGroup, rowIndex) {
       return __assign(__assign({}, error), {
         isChangeGroup: isChangeGroup,
-        row: row
+        rowIndex: rowIndex
       });
     };
     var getIssuesLabel = function getIssuesLabel(sumOfErrors) {
@@ -3585,33 +3576,39 @@
           return sumOfErrors + " issues";
       }
     };
+    var getErrorValues = function getErrorValues(fieldErrors, isChangeGroup, rowIndex) {
+      if (isChangeGroup === void 0) {
+        isChangeGroup = false;
+      }
+
+      if (rowIndex === void 0) {
+        rowIndex = -1;
+      }
 
-    var getErrorValues = function getErrorValues(fieldErrors) {
       if (!fieldErrors) return [];
       return Object.keys(fieldErrors).reduce(function (list, key) {
         var error = __assign({}, fieldErrors[key]);
 
         if (error.ref) {
-          return list.concat(getCustomError(error));
+          return list.concat(getCustomError(error, isChangeGroup, rowIndex));
         }
 
-        return list.concat(getErrorValues(error));
+        return list.concat(getErrorValues(error, isChangeGroup, rowIndex));
       }, []);
     };
-
     var filterDuplicateErrors = function filterDuplicateErrors(errors) {
       return errors.reduce(function (list, error) {
         // check on type validateRequiredSub and validateRequiredMainOptional since these are giving 'duplicates'
         if (error.type === 'validateRequiredSub') {
           var exist = list.find(function (e) {
-            return e.type === 'validateRequiredSub' && e.row === error.row;
+            return e.type === 'validateRequiredSub' && e.rowIndex === error.rowIndex;
           });
           return exist ? list : list.concat(error);
         }
 
         if (error.type === 'validateRequiredMainOptional') {
           var exist = list.find(function (e) {
-            return e.type === 'validateRequiredMainOptional' && e.row === error.row;
+            return e.type === 'validateRequiredMainOptional' && e.rowIndex === error.rowIndex;
           });
           return exist ? list : list.concat(error);
         }
@@ -3621,16 +3618,17 @@
     };
     var getErrors = function getErrors(errors) {
       var errorList = Object.keys(errors).reduce(function (list, key) {
-        var errorValue = errors[key];
+        var errorValue = errors[key]; // changeGroups
 
         if (Array.isArray(errorValue)) {
-          var errorValues = errorValue.reduce(function (l, i) {
-            return l.concat(getErrorValues(i));
+          var errorValues = errorValue.reduce(function (changeGroupErrors, changeGroupError, index) {
+            return changeGroupErrors.concat(getErrorValues(changeGroupError, true, index));
           }, []);
           return list.concat.apply(list, __spreadArray([], __read(errorValues)));
-        }
+        } // baseForecast
+
 
-        return list.concat(getErrorValues(errorValue));
+        return list.concat(getErrorValues(errorValue, false, -1));
       }, []);
       return errorList;
     };
@@ -3688,7 +3686,7 @@
         toggleIssuesPane(newPosition);
       };
 
-      return /*#__PURE__*/React__namespace.createElement(material.Tooltip, {
+      return /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
         title: "View details"
       }, /*#__PURE__*/React__namespace.createElement(material.Chip, {
         "data-testid": "issuesButton",
@@ -3724,41 +3722,18 @@
       }
     };
 
-    var capitalizeWord = function capitalizeWord(_a) {
-      var _b = __read(_a),
-          firstLetter = _b[0],
-          restOfWord = _b.slice(1);
-
-      return firstLetter.toUpperCase() + restOfWord.join('');
-    };
-    var humanizeErrorMessage = function humanizeErrorMessage(nameAsString) {
-      var nameWithoutBrackets = nameAsString.replace(/[[\]']+/g, '');
-      var nameLowerCase = nameWithoutBrackets.toLowerCase();
-
-      var _a = __read(nameLowerCase.split(/([0-9]+)/) // split num bers from field and build array
-      .filter(function (s) {
-        return s.length;
-      }), 2),
-          fieldName = _a[0],
-          fieldNumberedValue = _a[1];
-
-      var nameCapitalized = capitalizeWord(fieldName);
-
-      if (fieldNumberedValue) {
+    var humanizeErrorMessage = function humanizeErrorMessage(errorTitle, fieldNumberedValue) {
+      if (fieldNumberedValue !== undefined && fieldNumberedValue >= 0) {
         // when name contains a number we assume it's a formgroup and we add a index +1 for human readability
-        var fieldNumber = parseInt(fieldNumberedValue, 10) + 1;
-        return nameCapitalized + " " + fieldNumber;
+        var fieldNumber = fieldNumberedValue + 1;
+        return errorTitle + " " + fieldNumber;
       }
 
-      return nameCapitalized;
+      return errorTitle;
     };
     var getErrorMessage = function getErrorMessage(error, index) {
-      var name = error.ref.name;
-
-      var _a = __read(name.split('.'), 1),
-          firstNamePart = _a[0];
-
-      var fieldErrorTitle = humanizeErrorMessage(firstNamePart);
+      var errorTitleCategory = error.isChangeGroup ? 'Changegroups' : 'Baseforecast';
+      var fieldErrorTitle = humanizeErrorMessage(errorTitleCategory, error.rowIndex);
       return index + 1 + ". " + fieldErrorTitle + ": " + error.message;
     };
     var MODAL_DIALOG_ELEMENT = 'modal-dialog';
@@ -3926,7 +3901,7 @@
     };
 
     var SwitchButton = function SwitchButton(props) {
-      return /*#__PURE__*/React__namespace.createElement(material.Tooltip, {
+      return /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
         title: "Switch mode"
       }, /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement(material.FormLabel, {
         sx: styles.label
@@ -3937,28 +3912,11 @@
       }, "Editor")));
     };
 
-    /* *
-     * Licensed under the Apache License, Version 2.0 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     *     http://www.apache.org/licenses/LICENSE-2.0
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" BASIS,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     *
-     * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2022 - Finnish Meteorological Institute (FMI)
-     * */
-
     var TafAvatar = function TafAvatar(_a) {
       var editor = _a.editor,
           _b = _a.tooltipPlacement,
           tooltipPlacement = _b === void 0 ? 'bottom' : _b;
-      return /*#__PURE__*/React__namespace.createElement(material.Tooltip, {
+      return /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
         title: "Editor: " + editor,
         placement: tooltipPlacement
       }, /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement(shared.Avatar, {
@@ -3992,7 +3950,11 @@
           _g = _a.onSwitchEditor,
           onSwitchEditor = _g === void 0 ? function () {
         return null;
-      } : _g;
+      } : _g,
+          _h = _a.fetchNewTafList,
+          fetchNewTafList = _h === void 0 ? function () {
+        return null;
+      } : _h;
       var originalTaf = tafFromBackend.taf,
           editor = tafFromBackend.editor;
       var auth = authentication.useAuthenticationContext().auth;
@@ -4001,38 +3963,38 @@
       var isDefaultDisabled = getIsFormDefaultDisabled(originalTaf.status);
       var confirmDialog = shared.useConfirmationDialog();
 
-      var _h = shared.useDraftFormHelpers(true),
-          toggleIsDraft = _h.toggleIsDraft,
-          DraftFieldHelper = _h.DraftFieldHelper;
+      var _j = shared.useDraftFormHelpers(true),
+          toggleIsDraft = _j.toggleIsDraft,
+          DraftFieldHelper = _j.DraftFieldHelper;
 
-      var _j = useTafModuleContext(),
-          registerValidateForm = _j.registerValidateForm,
-          tafAction = _j.tafAction,
-          setIsFormDirty = _j.setIsFormDirty,
-          setTafAction = _j.setTafAction,
-          TAC = _j.TAC,
-          updateTAC = _j.updateTAC,
-          setTAC = _j.setTAC;
+      var _k = useTafModuleContext(),
+          registerValidateForm = _k.registerValidateForm,
+          tafAction = _k.tafAction,
+          setIsFormDirty = _k.setIsFormDirty,
+          setTafAction = _k.setTafAction,
+          TAC = _k.TAC,
+          updateTAC = _k.updateTAC,
+          setTAC = _k.setTAC;
 
       var isMounted = shared.useIsMounted().isMounted;
 
-      var _k = reactHookForm.useFormContext(),
-          control = _k.control,
-          handleSubmit = _k.handleSubmit,
-          trigger = _k.trigger,
-          formState = _k.formState,
-          getValues = _k.getValues,
-          setValue = _k.setValue,
-          reset = _k.reset;
+      var _l = reactHookForm.useFormContext(),
+          control = _l.control,
+          handleSubmit = _l.handleSubmit,
+          trigger = _l.trigger,
+          formState = _l.formState,
+          getValues = _l.getValues,
+          setValue = _l.setValue,
+          reset = _l.reset;
 
       var isFormDirty = formState.isDirty,
           errors = formState.errors;
       shared.usePreventBrowserClose(isFormDirty && !isDisabled);
       var hiddenInputFields = ['baseTime', 'issueDate', 'uuid', 'validDateStart', 'validDateEnd', 'status', 'previousId', 'previousValidDateStart', 'previousValidDateEnd'];
 
-      var _l = __read(React__default["default"].useState(getValues()), 2),
-          delayedFormValues = _l[0],
-          setDelayedFormValues = _l[1];
+      var _m = __read(React__default["default"].useState(getValues()), 2),
+          delayedFormValues = _m[0],
+          setDelayedFormValues = _m[1];
 
       var hasErrors = Object.keys(errors).length;
 
@@ -4110,24 +4072,44 @@
         }));
       }, [dispatch]);
 
+      var isLatestEditor = function isLatestEditor(latestEditor, userName) {
+        return latestEditor !== '' && latestEditor !== null && latestEditor !== userName;
+      };
+
       var setIsEditor = function setIsEditor(checked) {
         return __awaiter(void 0, void 0, void 0, function () {
-          var editor, didSucceed;
+          var username, latestList, latestEditor, didSucceed;
           return __generator(this, function (_a) {
             switch (_a.label) {
               case 0:
-                editor = checked ? auth === null || auth === void 0 ? void 0 : auth.username : '';
+                username = checked ? auth === null || auth === void 0 ? void 0 : auth.username : '';
+                return [4
+                /*yield*/
+                , fetchNewTafList()];
+
+              case 1:
+                latestList = _a.sent();
+                latestEditor = latestList.find(function (taf) {
+                  return taf.taf.uuid === originalTaf.uuid;
+                }).editor;
 
-                if (editor === tafFromBackend.editor) {
+                if (username === latestEditor) {
                   // do nothing, correct editor is already set
                   return [2
                   /*return*/
                   , true];
                 }
 
-                if (!(tafFromBackend.editor !== '' && tafFromBackend.editor !== null && tafFromBackend.editor !== (auth === null || auth === void 0 ? void 0 : auth.username))) return [3
+                if (!checked && isLatestEditor(latestEditor, auth === null || auth === void 0 ? void 0 : auth.username)) {
+                  // do nothing, someone else is editor so user will already get set to viewer mode
+                  return [2
+                  /*return*/
+                  , true];
+                }
+
+                if (!(checked && isLatestEditor(latestEditor, auth === null || auth === void 0 ? void 0 : auth.username))) return [3
                 /*break*/
-                , 2];
+                , 3];
                 return [4
                 /*yield*/
                 , confirmDialog({
@@ -4136,19 +4118,19 @@
                   confirmLabel: 'Edit mode'
                 })];
 
-              case 1:
+              case 2:
                 _a.sent();
 
-                _a.label = 2;
+                _a.label = 3;
 
-              case 2:
+              case 3:
                 return [4
                 /*yield*/
                 , onSwitchEditor(__assign(__assign({}, tafFromBackend), {
-                  editor: editor
+                  editor: username
                 }))];
 
-              case 3:
+              case 4:
                 didSucceed = _a.sent();
 
                 if (didSucceed) {
@@ -4300,19 +4282,19 @@
         }
       };
 
-      var _m = reactHookForm.useFieldArray({
+      var _o = reactHookForm.useFieldArray({
         control: control,
         name: 'changeGroups'
       }),
-          fields = _m.fields,
-          insert = _m.insert,
-          remove = _m.remove,
-          move = _m.move;
+          fields = _o.fields,
+          insert = _o.insert,
+          remove = _o.remove,
+          move = _o.move;
 
-      var _o = useDragOrder(trigger, move, onFormBlur),
-          onChangeOrder = _o.onChangeOrder,
-          onStartDrag = _o.onStartDrag,
-          activeDraggingIndex = _o.activeDraggingIndex;
+      var _p = useDragOrder(trigger, move, onFormBlur),
+          onChangeOrder = _p.onChangeOrder,
+          onStartDrag = _p.onStartDrag,
+          activeDraggingIndex = _p.activeDraggingIndex;
 
       var onRemoverow = function onRemoverow(index) {
         confirmDialog({
@@ -4393,9 +4375,9 @@
         });
       };
 
-      var _p = __read(React__default["default"].useState(false), 2),
-          shouldValidate = _p[0],
-          setShouldValidate = _p[1];
+      var _q = __read(React__default["default"].useState(false), 2),
+          shouldValidate = _q[0],
+          setShouldValidate = _q[1];
 
       React__default["default"].useEffect(function () {
         setIsDisabled(!isEditor || isDefaultDisabled);
@@ -4706,8 +4688,8 @@
       return __spreadArray([], __read(tafList)).sort(function (_a, _b) {
         var tafA = _a.taf;
         var tafB = _b.taf;
-        if (tafA.issueDate < tafB.issueDate || tafA.issueDate && !tafB.issueDate) return -1;
-        return 1;
+        if (tafA.issueDate < tafB.issueDate || tafA.issueDate && !tafB.issueDate) return 1;
+        return -1;
       });
     };
     var getBaseTime = function getBaseTime(baseTime, location) {
@@ -4822,7 +4804,7 @@
     var IconWithTooltip = function IconWithTooltip(_a) {
       var title = _a.title,
           children = _a.children;
-      return /*#__PURE__*/React__namespace.createElement(material.Tooltip, {
+      return /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
         title: title,
         placement: "right"
       }, /*#__PURE__*/React__namespace.createElement(material.Box, {
@@ -4910,7 +4892,7 @@
     var ExportButton = function ExportButton(_a) {
       var onClick = _a.onClick,
           isHidden = _a.isHidden;
-      return isHidden ? null : /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
+      return isHidden ? null : /*#__PURE__*/React__default["default"].createElement(shared.CustomTooltip, {
         title: TOOLTIP_TITLE,
         placement: "left"
       }, /*#__PURE__*/React__default["default"].createElement(shared.ToolButton, {
@@ -5594,7 +5576,11 @@
           setIsFormDisabled = _h === void 0 ? function () {
         return null;
       } : _h,
-          error = _a.error;
+          error = _a.error,
+          _j = _a.fetchNewTafList,
+          fetchNewTafList = _j === void 0 ? function () {
+        return null;
+      } : _j;
       var severity = isWarning(error) ? 'warning' : 'error';
 
       var onTafAction = function onTafAction(action, taf) {
@@ -5728,7 +5714,8 @@
         setIsIssuesPaneOpen: setIsIssuesPaneOpen,
         isDisabled: isFormDisabled,
         setIsDisabled: setIsFormDisabled,
-        onSwitchEditor: patchTaf
+        onSwitchEditor: patchTaf,
+        fetchNewTafList: fetchNewTafList
       })));
     };
 
@@ -5779,7 +5766,7 @@
           letterSpacing: '0.33px'
         },
         "data-testid": "lastupdated-time"
-      }, getLastUpdateTitle(lastUpdateTime)), /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
+      }, getLastUpdateTitle(lastUpdateTime)), /*#__PURE__*/React__default["default"].createElement(shared.CustomTooltip, {
         title: "Click to refresh"
       }, /*#__PURE__*/React__default["default"].createElement(shared.ToolButton, {
         "data-testid": "updateTafBtn",
@@ -5849,7 +5836,9 @@
       var _b = _a.tafList,
           tafList = _b === void 0 ? [] : _b,
           _c = _a.onUpdateTaf,
-          onUpdateTaf = _c === void 0 ? function () {} : _c,
+          onUpdateTaf = _c === void 0 ? function () {
+        return null;
+      } : _c,
           lastUpdateTime = _a.lastUpdateTime;
       var api$1 = api.useApiContext().api;
       var dispatch = reactRedux.useDispatch();
@@ -6199,7 +6188,8 @@
           postTaf: postTaf,
           patchTaf: patchTaf,
           isLoading: isLoading,
-          error: error
+          error: error,
+          fetchNewTafList: onUpdateTaf
         });
       }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
@@ -6284,17 +6274,17 @@
                 setTafList(result.data);
                 setIsLoading(false);
                 setLastUpdateTime(getCurrentDate());
-                return [3
-                /*break*/
-                , 4];
+                return [2
+                /*return*/
+                , result.data];
 
               case 3:
                 error_1 = _a.sent();
                 setError(error_1);
                 setIsLoading(false);
-                return [3
-                /*break*/
-                , 4];
+                return [2
+                /*return*/
+                , []];
 
               case 4:
                 return [2
@@ -6306,7 +6296,13 @@
       };
 
       var onUpdateTaf = function onUpdateTaf() {
-        fetchNewTafList();
+        return __awaiter(void 0, void 0, void 0, function () {
+          return __generator(this, function (_a) {
+            return [2
+            /*return*/
+            , fetchNewTafList()];
+          });
+        });
       };
 
       React__namespace.useEffect(function () {
@@ -6994,7 +6990,7 @@
             direction: 10,
             speed: 10,
             unit: 'KT',
-            gust: 35
+            gust: 15
           },
           cloud: {
             cloud1: {

package/lib/components/IssuesPane/IssuesPane.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
-import { FieldError } from 'react-hook-form';
-import { IssuesPaneProps, IssuesPanePosition } from './types';
-export declare const capitalizeWord: ([firstLetter, ...restOfWord]: string) => string;
-export declare const humanizeErrorMessage: (nameAsString: string) => string;
-export declare const getErrorMessage: (error: FieldError, index: number) => string;
+import { IssuesPaneProps, IssuesPanePosition, CustomErrorField } from './types';
+export declare const humanizeErrorMessage: (errorTitle: string, fieldNumberedValue: number) => string;
+export declare const getErrorMessage: (error: CustomErrorField, index: number) => string;
 export declare const MODAL_DIALOG_ELEMENT = "modal-dialog";
 export declare const useIssuesPane: () => {
     isIssuesPaneOpen: boolean;

package/lib/components/IssuesPane/types.d.ts

@@ -3,8 +3,12 @@ export declare type IssuesPanePosition = {
     left: number;
     top: number;
 };
+export interface CustomErrorField extends FieldError {
+    isChangeGroup: boolean;
+    rowIndex: number;
+}
 export interface IssuesPaneProps {
-    errorList?: FieldError[];
+    errorList?: CustomErrorField[];
     isOpen: boolean;
     handleClose: () => void;
     startPosition?: IssuesPanePosition;

package/lib/components/IssuesPane/utils.d.ts

@@ -1,10 +1,7 @@
-import { DeepMap, FieldError } from 'react-hook-form';
-interface CustomErrorField extends FieldError {
-    isChangeGroup: boolean;
-    row: number;
-}
-export declare const getCustomError: (error: FieldError) => CustomErrorField;
+import { FieldError } from 'react-hook-form';
+import { CustomErrorField } from './types';
+export declare const getCustomError: (error: FieldError, isChangeGroup: boolean, rowIndex: number) => CustomErrorField;
 export declare const getIssuesLabel: (sumOfErrors: number) => string;
+export declare const getErrorValues: (fieldErrors: FieldError, isChangeGroup?: boolean, rowIndex?: number) => FieldError[];
 export declare const filterDuplicateErrors: (errors: CustomErrorField[]) => CustomErrorField[];
-export declare const getErrors: (errors: DeepMap<Record<string, unknown>, FieldError>) => CustomErrorField[];
-export {};
+export declare const getErrors: (errors: Record<string, FieldError>) => CustomErrorField[];

package/lib/components/TafForm/TafForm.d.ts

@@ -10,6 +10,7 @@ export interface TafFormProps {
     isIssuesPaneOpen?: boolean;
     setIsIssuesPaneOpen?: (isOpen: boolean, position?: IssuesPanePosition) => void;
     onSwitchEditor?: (formValues: TafFromFrontEnd) => Promise<boolean>;
+    fetchNewTafList?: () => Promise<TafFromBackend[]>;
 }
 declare const TafForm: React.FC<TafFormProps>;
 export default TafForm;

package/lib/components/TafForm/TafFormRow/validations/wind.d.ts

@@ -9,9 +9,8 @@ export declare const invalidWindDirectionStepMessage = "Invalid wind direction,
 export declare const invalidWindSpeedMessage = "Invalid wind speed, expected a speed equal to 2 digits or P99";
 export declare const invalidWindGustsMessage = "Invalid wind gusts, expected gusts equal to 2 digits or P99";
 export declare const invalidWindGustSpeedCombinationMessage = "Invalid wind gusts, gusts must at least be 10 knots greater than the wind speed";
-export declare const invalidWindGustSpeedBelow15Message = "Invalid wind gusts, gusts are only allowed for a minimum wind speed of 15 knots";
 export declare const invalidGustForWindP99Message = "Invalid wind speed and gust combination, if wind is P99, gusts can only be empty or P99";
 export declare const invalidWindSpeedForDirectionZeroMessage = "Invalid wind speed, if direction is 000, speed can only be 00";
 export declare const invalidWindSpeedForDirectionNonZeroMessage = "Invalid wind speed, if direction is not 000, speed can not be 00";
-export declare const invalidWindVRBWindDirectionMessage = "Invalid wind direction, VRB can only be used in combination with windspeeds smaller than 4 or in combination with gusts and showers";
+export declare const invalidWindVRBWindDirectionMessage = "Invalid wind direction, VRB can only be used in combination with windspeeds smaller than 3 or in combination with gusts and showers";
 export declare const validateWindField: (value: string, weatherfield1: string, weatherfield2: string, weatherfield3: string) => boolean | string;

package/lib/components/TafLayout/TafLayout.d.ts

@@ -9,7 +9,7 @@ export declare const getTafMessagePrefix: ({ location, validDateStart, messageTy
 export declare const getSnackbarMessage: (tafFromFrontEnd: TafFromFrontEnd, isAutoSaved?: boolean) => string;
 interface TafLayoutProps {
     tafList: TafFromBackend[];
-    onUpdateTaf: () => void;
+    onUpdateTaf: () => Promise<TafFromBackend[]>;
     lastUpdateTime?: string;
 }
 declare const TafLayout: React.FC<TafLayoutProps>;

package/lib/components/TafLayout/TafPanel/TafPanel.d.ts

@@ -21,6 +21,7 @@ interface TafPanelProps {
     isFormDisabled?: boolean;
     setIsFormDisabled?: (isDisabled: boolean) => void;
     error?: TafError;
+    fetchNewTafList?: () => Promise<TafFromBackend[]>;
 }
 export declare const isWarning: (error: TafError) => boolean;
 export declare const usePostTafRequest: (request: (params?: unknown) => Promise<void>, errorParser?: (error: AxiosError | Error, params: TafFromFrontEnd) => TafError) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/taf",
-  "version": "4.4.0",
+  "version": "4.6.0",
   "description": "GeoWeb TAF library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,24 +12,24 @@
   "typings": "./index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "@opengeoweb/core": "4.4.0",
+    "@opengeoweb/core": "4.6.0",
     "react": "^17.0.2",
-    "@opengeoweb/theme": "4.4.0",
+    "@opengeoweb/theme": "4.6.0",
     "@mui/material": "^5.10.8",
     "moment": "^2.29.0",
     "react-redux": "^8.0.4",
     "react-intl": "^5.17.5",
-    "lodash": "^4.17.20",
-    "@opengeoweb/shared": "4.4.0",
+    "@opengeoweb/shared": "4.6.0",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",
-    "@opengeoweb/form-fields": "4.4.0",
+    "@opengeoweb/form-fields": "4.6.0",
     "react-hook-form": "^6.12.1",
     "moment-timezone": "^0.5.31",
     "@mui/x-date-pickers": "^5.0.4",
+    "lodash": "^4.17.20",
     "axios": "^0.25.0",
-    "@opengeoweb/webmap": "4.4.0",
+    "@opengeoweb/webmap": "4.6.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
     "react-sortablejs": "^6.1.4",
@@ -43,9 +43,9 @@
     "redux-saga": "^1.2.1",
     "@redux-eggs/redux-toolkit": "^2.2.0",
     "@redux-eggs/saga-extension": "^2.2.0",
-    "@opengeoweb/api": "4.4.0",
+    "@opengeoweb/api": "4.6.0",
     "react-dom": "^17.0.2",
-    "@opengeoweb/authentication": "4.4.0",
+    "@opengeoweb/authentication": "4.6.0",
     "react-router-dom": "^6.4.2",
     "query-string": "^6.13.7"
   }