@opengeoweb/taf 4.13.1 → 4.14.1

package/index.esm.js

@@ -6,8 +6,8 @@ import { useDispatch } from 'react-redux';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
 import { useAuthenticationContext } from '@opengeoweb/authentication';
-import { getDeepProperty, ReactHookFormHiddenInput, ReactHookFormProvider } from '@opengeoweb/form-fields';
-import { HIDDEN_INPUT_HELPER_IS_DRAFT, useIsMounted, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, IS_JEST, ToggleMenu, useConfirmationDialog, useDraftFormHelpers, usePreventBrowserClose, ToolButton, ToolHeader, AlertBanner, getErrorMessage as getErrorMessage$1, getWarningMessage, ConfirmationServiceProvider, usePoller, ErrorBoundary } from '@opengeoweb/shared';
+import { HIDDEN_INPUT_HELPER_IS_DRAFT, getDeepProperty, useDraftFormHelpers, ReactHookFormHiddenInput, ReactHookFormProvider } from '@opengeoweb/form-fields';
+import { useIsMounted, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, ToggleMenu, 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 { isEqual } from 'lodash';
@@ -543,9 +543,11 @@ var validateValidChangeGroupInterField = function validateValidChangeGroupInterF
     var startTimestamp = getValidityTimeStamp('start', startSections, tafStartMoment, tafEndMoment);
     var endSections = getSections(startEnd[1], FORMAT_DAYS_HOURS);
     var endTimestamp = getValidityTimeStamp('end', endSections, tafStartMoment, tafEndMoment);
-    var timeDifference = endTimestamp.diff(startTimestamp, 'hours');
+    var timeDifference = endTimestamp.diff(startTimestamp, 'hours', true);
 
-    if (![1, 2, 3, 4].includes(timeDifference)) {
+    if ( // For non-amendments we only accept 1 to 4 hours
+    timeDifference >= 1 && ![1, 2, 3, 4].includes(Math.ceil(timeDifference)) || // For amendments the time difference can be below one hour, accept this unless the minute difference is zero
+    timeDifference < 1 && endTimestamp.diff(startTimestamp, 'minutes') === 0) {
       return invalidBECMGDurationValidInterFieldMessage;
     }
   }
@@ -1391,7 +1393,7 @@ var extractValidateWindSections = function extractValidateWindSections(value) {
           if (validation) {
             var valDirection = validateDirection(direction); // If validated not ok - add validation feedback
 
-            var validations = valDirection !== true ? obj.validations.concat(valDirection) : obj.validations;
+            var validations = typeof valDirection === 'string' ? obj.validations.concat(valDirection) : obj.validations;
             return Object.assign(Object.assign({}, obj), {
               direction: direction,
               remainder: remainder,
@@ -1419,7 +1421,7 @@ var extractValidateWindSections = function extractValidateWindSections(value) {
           if (validation) {
             var valSpeed = validateSpeed(speed); // If validated not ok - add validation feedback
 
-            var _validations = valSpeed !== true ? obj.validations.concat(valSpeed) : obj.validations;
+            var _validations = typeof valSpeed === 'string' ? obj.validations.concat(valSpeed) : obj.validations;
 
             return Object.assign(Object.assign({}, obj), {
               speed: speed,
@@ -1453,9 +1455,9 @@ var extractValidateWindSections = function extractValidateWindSections(value) {
             if (validation) {
               var valGust = validateGust(gust); // If validated not ok - add validation feedback
 
-              valGust !== true && returnObj.validations.push(valGust);
+              typeof valGust === 'string' && returnObj.validations.push(valGust);
 
-              var _validations2 = valGust !== true ? obj.validations.concat(valGust) : obj.validations;
+              var _validations2 = typeof valGust === 'string' ? obj.validations.concat(valGust) : obj.validations;
 
               return Object.assign(Object.assign({}, obj), {
                 gust: gust,
@@ -1479,7 +1481,7 @@ var extractValidateWindSections = function extractValidateWindSections(value) {
             // Validate units
             var valUnits = validateUnit(returnObj.remainder);
 
-            var _validations3 = valUnits !== true ? obj.validations.concat(valUnits) : obj.validations;
+            var _validations3 = typeof valUnits === 'string' ? obj.validations.concat(valUnits) : obj.validations;
 
             return Object.assign(Object.assign({}, obj), {
               validations: _validations3
@@ -2497,7 +2499,7 @@ var useTACGenerator = function useTACGenerator(taf, requestTAC) {
   var _useIsMounted = useIsMounted(),
       isMounted = _useIsMounted.isMounted;
 
-  var controller = React__default.useRef(null);
+  var controller = React__default.useRef();
 
   var onSetTac = function onSetTac(newTAC) {
     if (controller.current) {
@@ -2540,7 +2542,7 @@ var useDragOrder = function useDragOrder(trigger, move) {
   var _React$useState3 = React__default.useState(null),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       activeDraggingIndex = _React$useState4[0],
-      setIsDragging = _React$useState4[1];
+      setActiveDraggingIndex = _React$useState4[1];
 
   var _React$useState5 = React__default.useState([null, null]),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
@@ -2553,12 +2555,12 @@ var useDragOrder = function useDragOrder(trigger, move) {
     if (oldIndex === undefined || newIndex === undefined) return;
     move(oldIndex, newIndex);
     onUpdatelastDragOrder([oldIndex, newIndex]);
-    setIsDragging(false);
+    setActiveDraggingIndex(false);
   };
 
   var onStartDrag = function onStartDrag(_ref2) {
     var oldIndex = _ref2.oldIndex;
-    return setIsDragging(oldIndex);
+    return setActiveDraggingIndex(oldIndex);
   }; // triggers validation AFTER render of new sorted elements
 
 
@@ -3181,7 +3183,7 @@ var useTafModuleState = function useTafModuleState(_ref) {
       onValidateForm = _React$useState2[0],
       registerValidateForm = _React$useState2[1];
 
-  var _React$useState3 = React.useState(),
+  var _React$useState3 = React.useState(null),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       tafAction = _React$useState4[0],
       setTafAction = _React$useState4[1];
@@ -3283,13 +3285,16 @@ var ResponsiveWrapper = function ResponsiveWrapper(_ref) {
   return /*#__PURE__*/React.createElement(Box, {
     sx: {
       containerType: 'inline-size',
-      containerName: TAF_MODULE_ID
+      containerName: TAF_MODULE_ID,
+      height: '100%'
     }
   }, children);
 };
 
 var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
-  return Object.assign(Object.assign({
+  var _ref;
+
+  return _ref = {
     // input
     marginBottom: '4px',
     width: '100%',
@@ -3341,15 +3346,13 @@ var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
       borderTopLeftRadius: '0px',
       borderTopRightRadius: '0px'
     }
-  }, !IS_JEST && _defineProperty({}, "@container ".concat(TAF_MODULE_ID, " (min-width: 1440px)"), {
+  }, _defineProperty(_ref, "@container ".concat(TAF_MODULE_ID, " (min-width: 1440px)"), {
     '&.MuiFormControl-root.MuiTextField-root .inputText': {
       fontSize: 14
     }
-  })), {
-    '.inputText': {
-      fontSize: 12
-    }
-  });
+  }), _defineProperty(_ref, '.inputText', {
+    fontSize: 12
+  }), _ref;
 };
 
 var getTafErrors = function getTafErrors(name, errors) {
@@ -3656,9 +3659,12 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
       field = _a$field === void 0 ? null : _a$field,
       _a$dragHandle = _a.dragHandle,
       dragHandle = _a$dragHandle === void 0 ? null : _a$dragHandle,
-      onAddChangeGroupBelow = _a.onAddChangeGroupBelow,
-      onAddChangeGroupAbove = _a.onAddChangeGroupAbove,
-      onClearRow = _a.onClearRow,
+      _a$onAddChangeGroupBe = _a.onAddChangeGroupBelow,
+      onAddChangeGroupBelow = _a$onAddChangeGroupBe === void 0 ? function () {} : _a$onAddChangeGroupBe,
+      _a$onAddChangeGroupAb = _a.onAddChangeGroupAbove,
+      onAddChangeGroupAbove = _a$onAddChangeGroupAb === void 0 ? function () {} : _a$onAddChangeGroupAb,
+      _a$onClearRow = _a.onClearRow,
+      onClearRow = _a$onClearRow === void 0 ? function () {} : _a$onClearRow,
       props = __rest(_a, ["isNotRequiredForAction", "isChangeGroup", "disabled", "index", "onRemoveChangeGroup", "field", "dragHandle", "onAddChangeGroupBelow", "onAddChangeGroupAbove", "onClearRow"]);
 
   var namePrefix = !isChangeGroup ? 'baseForecast' : "changeGroups[".concat(index, "]");
@@ -4087,7 +4093,7 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     addChangeGroupBelow: addChangeGroupBelow,
     addChangeGroupAbove: addChangeGroupAbove,
     removeChangeGroup: function removeChangeGroup() {
-      return onRemoveChangeGroup(index);
+      return onRemoveChangeGroup === null || onRemoveChangeGroup === void 0 ? void 0 : onRemoveChangeGroup(index);
     },
     clearRow: clearRow,
     index: index
@@ -4127,7 +4133,7 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
   } : _ref$fetchNewTafList,
       _ref$previousTaf = _ref.previousTaf,
       previousTaf = _ref$previousTaf === void 0 ? null : _ref$previousTaf;
-  var formRef = React__default.useRef();
+  var formRef = React__default.useRef(null);
   var originalTaf = tafFromBackend.taf,
       editor = tafFromBackend.editor;
 
@@ -4146,8 +4152,10 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
   var _useTafModuleContext = useTafModuleContext(),
       registerValidateForm = _useTafModuleContext.registerValidateForm,
       tafAction = _useTafModuleContext.tafAction,
-      setTafAction = _useTafModuleContext.setTafAction,
-      onPreventCloseView = _useTafModuleContext.onPreventCloseView;
+      _useTafModuleContext$ = _useTafModuleContext.setTafAction,
+      setTafAction = _useTafModuleContext$ === void 0 ? function () {} : _useTafModuleContext$,
+      _useTafModuleContext$2 = _useTafModuleContext.onPreventCloseView,
+      onPreventCloseView = _useTafModuleContext$2 === void 0 ? function () {} : _useTafModuleContext$2;
 
   var _useFormContext = useFormContext(),
       control = _useFormContext.control,
@@ -4553,9 +4561,15 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
       });
     };
 
-    registerValidateForm(onValidateFormPromise); // set default taf action
+    if (registerValidateForm) {
+      registerValidateForm(onValidateFormPromise);
+    } // set default taf action
+
+
+    if (setTafAction) {
+      setTafAction(fromStatusToAction(originalTaf.status));
+    }
 
-    setTafAction(fromStatusToAction(originalTaf.status));
     return function () {
       resetFormValues({});
     }; // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -5156,7 +5170,7 @@ var TacContainer = function TacContainer(_ref) {
       marginBottom: '20px'
     },
     "data-location": location,
-    className: isActive ? 'active' : null
+    className: isActive ? 'active' : undefined
   }, /*#__PURE__*/React__default.createElement(Box, {
     sx: {
       display: 'flex',
@@ -5666,7 +5680,7 @@ var usePostTafRequest = function usePostTafRequest(request) {
       isLoading = _React$useState2[0],
       setLoading = _React$useState2[1];
 
-  var _React$useState3 = React__default.useState(null),
+  var _React$useState3 = React__default.useState(),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       error = _React$useState4[0],
       setError = _React$useState4[1];

package/index.umd.js

@@ -537,9 +537,11 @@
         var startTimestamp = getValidityTimeStamp('start', startSections, tafStartMoment, tafEndMoment);
         var endSections = getSections(startEnd[1], FORMAT_DAYS_HOURS);
         var endTimestamp = getValidityTimeStamp('end', endSections, tafStartMoment, tafEndMoment);
-        var timeDifference = endTimestamp.diff(startTimestamp, 'hours');
+        var timeDifference = endTimestamp.diff(startTimestamp, 'hours', true);
 
-        if (![1, 2, 3, 4].includes(timeDifference)) {
+        if ( // For non-amendments we only accept 1 to 4 hours
+        timeDifference >= 1 && ![1, 2, 3, 4].includes(Math.ceil(timeDifference)) || // For amendments the time difference can be below one hour, accept this unless the minute difference is zero
+        timeDifference < 1 && endTimestamp.diff(startTimestamp, 'minutes') === 0) {
           return invalidBECMGDurationValidInterFieldMessage;
         }
       }
@@ -1397,7 +1399,7 @@
               if (validation) {
                 var valDirection = validateDirection(direction); // If validated not ok - add validation feedback
 
-                var validations = valDirection !== true ? obj.validations.concat(valDirection) : obj.validations;
+                var validations = typeof valDirection === 'string' ? obj.validations.concat(valDirection) : obj.validations;
                 return __assign(__assign({}, obj), {
                   direction: direction,
                   remainder: remainder,
@@ -1423,7 +1425,7 @@
               if (validation) {
                 var valSpeed = validateSpeed(speed); // If validated not ok - add validation feedback
 
-                var validations = valSpeed !== true ? obj.validations.concat(valSpeed) : obj.validations;
+                var validations = typeof valSpeed === 'string' ? obj.validations.concat(valSpeed) : obj.validations;
                 return __assign(__assign({}, obj), {
                   speed: speed,
                   remainder: remainder,
@@ -1453,8 +1455,8 @@
                 if (validation) {
                   var valGust = validateGust(gust); // If validated not ok - add validation feedback
 
-                  valGust !== true && returnObj.validations.push(valGust);
-                  var validations = valGust !== true ? obj.validations.concat(valGust) : obj.validations;
+                  typeof valGust === 'string' && returnObj.validations.push(valGust);
+                  var validations = typeof valGust === 'string' ? obj.validations.concat(valGust) : obj.validations;
                   return __assign(__assign({}, obj), {
                     gust: gust,
                     remainder: remainder,
@@ -1476,7 +1478,7 @@
               if (obj.remainder.length) {
                 // Validate units
                 var valUnits = validateUnit(returnObj.remainder);
-                var validations = valUnits !== true ? obj.validations.concat(valUnits) : obj.validations;
+                var validations = typeof valUnits === 'string' ? obj.validations.concat(valUnits) : obj.validations;
                 return __assign(__assign({}, obj), {
                   validations: validations
                 });
@@ -2500,7 +2502,7 @@
           setTAC = _a[1];
 
       var isMounted = shared.useIsMounted().isMounted;
-      var controller = React__default["default"].useRef(null);
+      var controller = React__default["default"].useRef();
 
       var onSetTac = function onSetTac(newTAC) {
         if (controller.current) {
@@ -2542,7 +2544,7 @@
     var useDragOrder = function useDragOrder(trigger, move) {
       var _a = __read(React__default["default"].useState(null), 2),
           activeDraggingIndex = _a[0],
-          setIsDragging = _a[1];
+          setActiveDraggingIndex = _a[1];
 
       var _b = __read(React__default["default"].useState([null, null]), 2),
           lastDragOrder = _b[0],
@@ -2554,12 +2556,12 @@
         if (oldIndex === undefined || newIndex === undefined) return;
         move(oldIndex, newIndex);
         onUpdatelastDragOrder([oldIndex, newIndex]);
-        setIsDragging(false);
+        setActiveDraggingIndex(false);
       };
 
       var onStartDrag = function onStartDrag(_a) {
         var oldIndex = _a.oldIndex;
-        return setIsDragging(oldIndex);
+        return setActiveDraggingIndex(oldIndex);
       }; // triggers validation AFTER render of new sorted elements
 
 
@@ -2773,7 +2775,7 @@
         messageType: getMessageType(taf, tafAction),
         baseForecast: baseForecast,
         changeGroups: changeGroups
-      }, _a[shared.HIDDEN_INPUT_HELPER_IS_DRAFT] = true, _a));
+      }, _a[formFields.HIDDEN_INPUT_HELPER_IS_DRAFT] = true, _a));
     };
     var clearTafFormData = function clearTafFormData(tafFormValues) {
       // Remove all except for the validity times
@@ -3205,7 +3207,7 @@
           onValidateForm = _b[0],
           registerValidateForm = _b[1];
 
-      var _c = __read(React__namespace.useState(), 2),
+      var _c = __read(React__namespace.useState(null), 2),
           tafAction = _c[0],
           setTafAction = _c[1];
 
@@ -3290,7 +3292,8 @@
       return /*#__PURE__*/React__namespace.createElement(material.Box, {
         sx: {
           containerType: 'inline-size',
-          containerName: TAF_MODULE_ID
+          containerName: TAF_MODULE_ID,
+          height: '100%'
         }
       }, children);
     };
@@ -3298,7 +3301,7 @@
     var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
       var _a;
 
-      return __assign(__assign({
+      return _a = {
         // input
         marginBottom: '4px',
         width: '100%',
@@ -3350,16 +3353,14 @@
           borderTopLeftRadius: '0px',
           borderTopRightRadius: '0px'
         }
-      }, !shared.IS_JEST && (_a = {}, // container queries
+      }, // container queries
       _a["@container " + TAF_MODULE_ID + " (min-width: 1440px)"] = {
         '&.MuiFormControl-root.MuiTextField-root .inputText': {
           fontSize: 14
         }
-      }, _a)), {
-        '.inputText': {
-          fontSize: 12
-        }
-      });
+      }, _a['.inputText'] = {
+        fontSize: 12
+      }, _a;
     };
 
     var getTafErrors = function getTafErrors(name, errors) {
@@ -3665,23 +3666,26 @@
           field = _e === void 0 ? null : _e,
           _f = _a.dragHandle,
           dragHandle = _f === void 0 ? null : _f,
-          onAddChangeGroupBelow = _a.onAddChangeGroupBelow,
-          onAddChangeGroupAbove = _a.onAddChangeGroupAbove,
-          onClearRow = _a.onClearRow,
+          _g = _a.onAddChangeGroupBelow,
+          onAddChangeGroupBelow = _g === void 0 ? function () {} : _g,
+          _h = _a.onAddChangeGroupAbove,
+          onAddChangeGroupAbove = _h === void 0 ? function () {} : _h,
+          _j = _a.onClearRow,
+          onClearRow = _j === void 0 ? function () {} : _j,
           props = __rest(_a, ["isNotRequiredForAction", "isChangeGroup", "disabled", "index", "onRemoveChangeGroup", "field", "dragHandle", "onAddChangeGroupBelow", "onAddChangeGroupAbove", "onClearRow"]);
 
       var namePrefix = !isChangeGroup ? 'baseForecast' : "changeGroups[" + index + "]";
       var fieldNames = getFieldNames(isChangeGroup, index);
 
-      var _g = reactHookForm.useFormContext(),
-          getValues = _g.getValues,
-          trigger = _g.trigger; // cross-field required validation
+      var _k = reactHookForm.useFormContext(),
+          getValues = _k.getValues,
+          trigger = _k.trigger; // cross-field required validation
 
 
-      var _h = __read(getRequiredCrossFields(fieldNames), 3),
-          mainFields = _h[0],
-          mainOptionalFields = _h[1],
-          subFields = _h[2];
+      var _l = __read(getRequiredCrossFields(fieldNames), 3),
+          mainFields = _l[0],
+          mainOptionalFields = _l[1],
+          subFields = _l[2];
 
       var hasFieldsValue = function hasFieldsValue(fields) {
         return fields.map(getValues).find(function (field) {
@@ -4093,7 +4097,7 @@
         addChangeGroupBelow: addChangeGroupBelow,
         addChangeGroupAbove: addChangeGroupAbove,
         removeChangeGroup: function removeChangeGroup() {
-          return onRemoveChangeGroup(index);
+          return onRemoveChangeGroup === null || onRemoveChangeGroup === void 0 ? void 0 : onRemoveChangeGroup(index);
         },
         clearRow: clearRow,
         index: index
@@ -4133,7 +4137,7 @@
       } : _h,
           _j = _a.previousTaf,
           previousTaf = _j === void 0 ? null : _j;
-      var formRef = React__default["default"].useRef();
+      var formRef = React__default["default"].useRef(null);
       var originalTaf = tafFromBackend.taf,
           editor = tafFromBackend.editor;
       var auth = authentication.useAuthenticationContext().auth;
@@ -4142,41 +4146,43 @@
       var isDefaultDisabled = getIsFormDefaultDisabled(originalTaf.status);
       var confirmDialog = shared.useConfirmationDialog();
 
-      var _k = shared.useDraftFormHelpers(),
+      var _k = formFields.useDraftFormHelpers(),
           toggleIsDraft = _k.toggleIsDraft,
           isNotRequiredForAction = _k.isRequired;
 
       var _l = useTafModuleContext(),
           registerValidateForm = _l.registerValidateForm,
           tafAction = _l.tafAction,
-          setTafAction = _l.setTafAction,
-          onPreventCloseView = _l.onPreventCloseView;
-
-      var _m = reactHookForm.useFormContext(),
-          control = _m.control,
-          handleSubmit = _m.handleSubmit,
-          trigger = _m.trigger,
-          formState = _m.formState,
-          getValues = _m.getValues,
-          setValue = _m.setValue,
-          resetField = _m.resetField; // added this ignore as the build is failing otherwise on: Type instantiation is excessively deep and possibly infinite.
+          _m = _l.setTafAction,
+          setTafAction = _m === void 0 ? function () {} : _m,
+          _o = _l.onPreventCloseView,
+          onPreventCloseView = _o === void 0 ? function () {} : _o;
+
+      var _p = reactHookForm.useFormContext(),
+          control = _p.control,
+          handleSubmit = _p.handleSubmit,
+          trigger = _p.trigger,
+          formState = _p.formState,
+          getValues = _p.getValues,
+          setValue = _p.setValue,
+          resetField = _p.resetField; // added this ignore as the build is failing otherwise on: Type instantiation is excessively deep and possibly infinite.
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
 
 
-      var _o = reactHookForm.useFieldArray({
+      var _q = reactHookForm.useFieldArray({
         control: control,
         name: 'changeGroups'
       }),
-          fields = _o.fields,
-          insert = _o.insert,
-          remove = _o.remove,
-          move = _o.move;
+          fields = _q.fields,
+          insert = _q.insert,
+          remove = _q.remove,
+          move = _q.move;
 
-      var _p = useDragOrder(trigger, move),
-          onChangeOrder = _p.onChangeOrder,
-          onStartDrag = _p.onStartDrag,
-          activeDraggingIndex = _p.activeDraggingIndex;
+      var _r = useDragOrder(trigger, move),
+          onChangeOrder = _r.onChangeOrder,
+          onStartDrag = _r.onStartDrag,
+          activeDraggingIndex = _r.activeDraggingIndex;
 
       var dirtyFields = formState.dirtyFields,
           errors = formState.errors;
@@ -4186,7 +4192,7 @@
       React__default["default"].useEffect(function () {
         onPreventCloseView(isFormDirty$1); // eslint-disable-next-line react-hooks/exhaustive-deps
       }, [isFormDirty$1]);
-      var hiddenInputFields = ['baseTime', 'issueDate', 'uuid', 'validDateStart', 'validDateEnd', 'status', 'previousId', 'previousValidDateStart', 'previousValidDateEnd', shared.HIDDEN_INPUT_HELPER_IS_DRAFT];
+      var hiddenInputFields = ['baseTime', 'issueDate', 'uuid', 'validDateStart', 'validDateEnd', 'status', 'previousId', 'previousValidDateStart', 'previousValidDateEnd', formFields.HIDDEN_INPUT_HELPER_IS_DRAFT];
 
       var onSubmit = function onSubmit(data) {
         // eslint-disable-next-line no-console
@@ -4550,9 +4556,9 @@
         });
       };
 
-      var _q = __read(React__default["default"].useState(false), 2),
-          shouldValidate = _q[0],
-          setShouldValidate = _q[1];
+      var _s = __read(React__default["default"].useState(false), 2),
+          shouldValidate = _s[0],
+          setShouldValidate = _s[1];
 
       React__default["default"].useEffect(function () {
         setIsDisabled(!isEditor || isDefaultDisabled); // set validate flag to validate after the values have been set
@@ -4574,9 +4580,15 @@
           });
         };
 
-        registerValidateForm(onValidateFormPromise); // set default taf action
+        if (registerValidateForm) {
+          registerValidateForm(onValidateFormPromise);
+        } // set default taf action
+
+
+        if (setTafAction) {
+          setTafAction(fromStatusToAction(originalTaf.status));
+        }
 
-        setTafAction(fromStatusToAction(originalTaf.status));
         return function () {
           resetFormValues({});
         }; // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -5184,7 +5196,7 @@
           marginBottom: '20px'
         },
         "data-location": location,
-        className: isActive ? 'active' : null
+        className: isActive ? 'active' : undefined
       }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
         sx: {
           display: 'flex',
@@ -5653,7 +5665,7 @@
           isLoading = _a[0],
           setLoading = _a[1];
 
-      var _b = __read(React__default["default"].useState(null), 2),
+      var _b = __read(React__default["default"].useState(), 2),
           error = _b[0],
           setError = _b[1];
 
@@ -7638,6 +7650,7 @@
     };
     var componentsLookUp = function componentsLookUp(payload, _a, // TODO: find a good way to type this module without the apps complaining
     // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ConnectedModuleWrapper) {
       var config = _a.config,
           auth = _a.auth,

package/lib/components/ComponentsLookUp/ComponentsLookUp.d.ts

@@ -13,7 +13,7 @@ export declare const tafScreenPreset: {
         };
         allIds: string[];
     };
-    syncGroups: any[];
+    syncGroups: never[];
     mosaicNode: string;
 };
 declare type TafComponentType = 'TafModule';
@@ -23,7 +23,7 @@ export interface ComponentsLookUpPayload {
     title?: string;
     initialProps: Record<string, never>;
 }
-interface ApiModuleProps extends ApiModule {
+export interface ApiModuleProps extends ApiModule {
     config: ApiUrls;
     onPreventCloseView?: (shouldPreventClose: boolean) => void;
 }

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -31,14 +31,14 @@ export declare const TAC_NOT_AVAILABLE = "No TAC available";
 export declare const TAC_RETRIEVING_DATA = "Retrieving TAC";
 export declare const TAC_FAILED = "Failed to retrieve TAC";
 export declare const tacHasError: (tac: TAC) => boolean;
-export declare const useTACGenerator: (taf: Taf, requestTAC: (postTaf: Taf, getJSON?: boolean, abortSignal?: AbortSignal) => Promise<{
+export declare const useTACGenerator: (taf: Taf, requestTAC: (postTaf: Taf, getJSON?: boolean | undefined, abortSignal?: AbortSignal | undefined) => Promise<{
     data: TAC;
 }>, getJSON?: boolean) => [TAC, (tafToPost: Taf) => void, (newTAC: TAC) => void];
 export declare type SortableField = {
     id: string;
     chosen: boolean;
 };
-export declare const useDragOrder: (trigger: (name?: string | string[]) => Promise<boolean>, move: (oldIndex: number, newIndex: number) => void) => {
+export declare const useDragOrder: (trigger: (name?: string | string[] | undefined) => Promise<boolean>, move: (oldIndex: number, newIndex: number) => void) => {
     onChangeOrder: (event: Sortable.SortableEvent) => void;
     onStartDrag: (event: Sortable.SortableEvent) => void;
     activeDraggingIndex: number;
@@ -65,7 +65,7 @@ export declare const emptyChangegroup: {
     change: string;
     probability: string;
 };
-export declare const getTafStatusLabel: (status: TafStatus, action?: TafActions, isFormDisabled?: boolean) => string;
+export declare const getTafStatusLabel: (status: TafStatus, action?: TafActions | undefined, isFormDisabled?: boolean | undefined) => string;
 export declare const getMessageType: (taf: Taf, tafAction: TafActions) => string;
 export declare const getAmendedCorrectedTafTimes: (taf: Taf, tafAction: TafActions) => Taf;
 export declare const createChangeGroup: (changeGroup: ChangeGroupFormData) => ChangeGroupFormData;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -13,3 +13,7 @@ export declare const TafLayoutDarkSnap: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const TafLayoutSmallSnap: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -28,8 +28,8 @@ interface TafPanelProps {
 export declare const isWarning: (error: TafError) => boolean;
 export declare const usePostTafRequest: (request: (params?: unknown) => Promise<void>, errorParser?: (error: AxiosError | Error, params: TafFromFrontEnd) => TafError) => {
     isLoading: boolean;
-    error: TafError;
-    setError: (newError: AxiosError) => void;
+    error: TafError | undefined;
+    setError: (newError: TafError) => void;
     doRequest: (params?: unknown) => Promise<void>;
 };
 declare const TafPanel: React.FC<TafPanelProps>;

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

@@ -8,11 +8,12 @@ export declare const getBaseTime: (baseTime: string, location: string) => {
     nextBaseTime: Moment;
 };
 export declare const getTafTimeSlot: (baseTime: string, location: string, status: TafStatus) => TimeSlot;
-export declare const sortTafTimeSlots: (tafList: TafFromBackend[]) => {
+declare type TafTimeSlots = {
     current: TafFromBackend[];
     upcoming: TafFromBackend[];
     expired: TafFromBackend[];
 };
+export declare const sortTafTimeSlots: (tafList: TafFromBackend[]) => TafTimeSlots;
 export declare const muiTabA11yProps: (index: number) => {
     id: string;
     'aria-controls': string;
@@ -20,3 +21,4 @@ export declare const muiTabA11yProps: (index: number) => {
 export declare const prepareTafExportValues: (tafToCopy: Taf, currentTaf: TafFormData) => TafFormData;
 export declare const getNewTafLocationIndex: (tafLocations: TafFromBackend[], previousTafLocationUUID: string) => number;
 export declare const getPreviousTaf: (tafList: TafFromBackend[], currentTaf: TafFromBackend) => Taf;
+export {};

package/lib/components/TafModule/TafModuleProvider.d.ts

@@ -11,13 +11,7 @@ interface TafModuleContextState {
     setTafAction: (action: TafActions) => void;
     onPreventCloseView: (shouldPreventClose: boolean) => void;
 }
-declare const TafModuleContext: React.Context<{
-    onValidateForm: any;
-    registerValidateForm: any;
-    tafAction: any;
-    setTafAction: any;
-    onPreventCloseView: any;
-}>;
+declare const TafModuleContext: React.Context<TafModuleContextState>;
 export declare const useTafModuleContext: () => Partial<TafModuleContextState>;
 export declare const useTafModuleState: ({ onPreventCloseView, }: TafModuleMethods) => TafModuleContextState;
 export interface TafModuleProviderProps extends TafModuleMethods {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/taf",
-  "version": "4.13.1",
+  "version": "4.14.1",
   "description": "GeoWeb TAF library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,25 +12,21 @@
   "typings": "./index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "@opengeoweb/api": "4.13.1",
+    "@opengeoweb/api": "4.14.1",
     "react": "^18.2.0",
     "axios": "^0.25.0",
-    "@opengeoweb/shared": "4.13.1",
+    "@opengeoweb/shared": "4.14.1",
     "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.13.1",
+    "@opengeoweb/theme": "4.14.1",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",
     "react-redux": "^8.0.4",
-    "@opengeoweb/form-fields": "4.13.1",
-    "react-hook-form": "^7.41.5",
-    "moment": "^2.29.0",
-    "moment-timezone": "^0.5.31",
-    "@mui/x-date-pickers": "^5.0.4",
     "lodash": "^4.17.20",
     "date-fns": "^2.29.3",
-    "@opengeoweb/core": "4.13.1",
-    "@opengeoweb/webmap": "4.13.1",
+    "@opengeoweb/core": "4.14.1",
+    "moment": "^2.29.0",
+    "@opengeoweb/webmap": "4.14.1",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
     "react-intl": "^5.17.5",
@@ -38,6 +34,10 @@
     "sortablejs": "^1.15.0",
     "immer": "^9.0.15",
     "react-window": "^1.8.7",
+    "@opengeoweb/form-fields": "4.14.1",
+    "react-hook-form": "^7.41.5",
+    "moment-timezone": "^0.5.31",
+    "@mui/x-date-pickers": "^5.0.4",
     "@reduxjs/toolkit": "^1.8.3",
     "lodash.clonedeep": "^4.5.0",
     "@turf/turf": "^5.1.6",
@@ -46,7 +46,7 @@
     "@redux-eggs/redux-toolkit": "^2.2.0",
     "@redux-eggs/saga-extension": "^2.2.0",
     "react-dom": "^18.2.0",
-    "@opengeoweb/authentication": "4.13.1",
+    "@opengeoweb/authentication": "4.14.1",
     "react-router-dom": "^6.4.2",
     "query-string": "^6.13.7",
     "@emotion/react": "^11.10.4"