@opengeoweb/taf 4.4.0 → 4.5.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';
@@ -3692,7 +3692,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",
@@ -3956,7 +3956,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 +3967,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 +4005,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 +4128,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 +4194,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 +4737,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 +4853,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 +4941,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 +5656,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 +5742,8 @@ var TafPanel = function TafPanel(_ref) {
     setIsIssuesPaneOpen: setIsIssuesPaneOpen,
     isDisabled: isFormDisabled,
     setIsDisabled: setIsFormDisabled,
-    onSwitchEditor: patchTaf
+    onSwitchEditor: patchTaf,
+    fetchNewTafList: fetchNewTafList
   })));
 };
 
@@ -5799,7 +5813,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 +5880,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 +6219,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 +6306,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 () {

package/index.umd.js

@@ -3688,7 +3688,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",
@@ -3926,7 +3926,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 +3937,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 +3975,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 +3988,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 +4097,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()];
 
-                if (editor === tafFromBackend.editor) {
+              case 1:
+                latestList = _a.sent();
+                latestEditor = latestList.find(function (taf) {
+                  return taf.taf.uuid === originalTaf.uuid;
+                }).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 +4143,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 +4307,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 +4400,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 +4713,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 +4829,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 +4917,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 +5601,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 +5739,8 @@
         setIsIssuesPaneOpen: setIsIssuesPaneOpen,
         isDisabled: isFormDisabled,
         setIsDisabled: setIsFormDisabled,
-        onSwitchEditor: patchTaf
+        onSwitchEditor: patchTaf,
+        fetchNewTafList: fetchNewTafList
       })));
     };
 
@@ -5779,7 +5791,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 +5861,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 +6213,8 @@
           postTaf: postTaf,
           patchTaf: patchTaf,
           isLoading: isLoading,
-          error: error
+          error: error,
+          fetchNewTafList: onUpdateTaf
         });
       }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
@@ -6284,17 +6299,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 +6321,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 () {

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/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.5.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.5.0",
     "react": "^17.0.2",
-    "@opengeoweb/theme": "4.4.0",
+    "@opengeoweb/theme": "4.5.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.5.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.5.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.5.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.5.0",
     "react-dom": "^17.0.2",
-    "@opengeoweb/authentication": "4.4.0",
+    "@opengeoweb/authentication": "4.5.0",
     "react-router-dom": "^6.4.2",
     "query-string": "^6.13.7"
   }