@opengeoweb/taf 4.13.0 → 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, 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
 
 
@@ -3125,6 +3127,7 @@ var IssuesPane = function IssuesPane(_ref) {
     isOpen: isOpen,
     "data-testid": "moveable-issues-pane",
     bounds: "parent",
+    cancel: "",
     onDragEnd: function onDragEnd(event) {
       if (event.x !== 0 && event.y !== 0) {
         onUserHasDragged();
@@ -3180,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];
@@ -3260,18 +3263,46 @@ var TafAvatar = function TafAvatar(_ref) {
   }, getInitials(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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var TAF_MODULE_ID = 'tafmodule';
+var ResponsiveWrapper = function ResponsiveWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      containerType: 'inline-size',
+      containerName: TAF_MODULE_ID,
+      height: '100%'
+    }
+  }, children);
+};
+
 var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
-  return {
+  var _ref;
+
+  return _ref = {
     // input
-    marginRight: '2px',
     marginBottom: '4px',
-    width: 56,
+    width: '100%',
     height: 46,
     input: {
       textAlign: 'center',
       textTransform: shouldPreventUppercase ? 'none' : 'uppercase',
-      fontSize: 10,
-      fontWeight: 500,
+      fontWeight: 'normal',
       paddingLeft: 0,
       paddingRight: 0,
       '&.Mui-disabled': {
@@ -3310,8 +3341,18 @@ var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
       '.Mui-disabled:before': {
         borderColor: 'transparent'
       }
+    },
+    '& .MuiFilledInput-root': {
+      borderTopLeftRadius: '0px',
+      borderTopRightRadius: '0px'
     }
-  };
+  }, _defineProperty(_ref, "@container ".concat(TAF_MODULE_ID, " (min-width: 1440px)"), {
+    '&.MuiFormControl-root.MuiTextField-root .inputText': {
+      fontSize: 14
+    }
+  }), _defineProperty(_ref, '.inputText', {
+    fontSize: 12
+  }), _ref;
 };
 
 var getTafErrors = function getTafErrors(name, errors) {
@@ -3350,27 +3391,27 @@ var BaseTextField = /*#__PURE__*/React__default.memo(function (_a) {
   return prevProps.value === nextProps.value && prevProps.error === nextProps.error && prevProps.name === nextProps.name && prevProps.disabled === nextProps.disabled;
 });
 
-var TafFormTextField = function TafFormTextField(_ref) {
-  var label = _ref.label,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? '' : _ref$name,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
-      _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
-      _ref$formatter = _ref.formatter,
-      formatter = _ref$formatter === void 0 ? null : _ref$formatter,
-      rules = _ref.rules,
-      _ref$autoComplete = _ref.autoComplete,
-      autoComplete = _ref$autoComplete === void 0 ? [] : _ref$autoComplete,
-      _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
-      _ref$shouldPreventUpp = _ref.shouldPreventUppercase,
-      shouldPreventUppercase = _ref$shouldPreventUpp === void 0 ? false : _ref$shouldPreventUpp;
+var TafFormTextField = function TafFormTextField(_ref2) {
+  var label = _ref2.label,
+      _ref2$disabled = _ref2.disabled,
+      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+      _ref2$name = _ref2.name,
+      name = _ref2$name === void 0 ? '' : _ref2$name,
+      _ref2$onChange = _ref2.onChange,
+      onChange = _ref2$onChange === void 0 ? function () {} : _ref2$onChange,
+      _ref2$onBlur = _ref2.onBlur,
+      onBlur = _ref2$onBlur === void 0 ? function () {} : _ref2$onBlur,
+      _ref2$defaultValue = _ref2.defaultValue,
+      defaultValue = _ref2$defaultValue === void 0 ? '' : _ref2$defaultValue,
+      _ref2$formatter = _ref2.formatter,
+      formatter = _ref2$formatter === void 0 ? null : _ref2$formatter,
+      rules = _ref2.rules,
+      _ref2$autoComplete = _ref2.autoComplete,
+      autoComplete = _ref2$autoComplete === void 0 ? [] : _ref2$autoComplete,
+      _ref2$autoFocus = _ref2.autoFocus,
+      autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
+      _ref2$shouldPreventUp = _ref2.shouldPreventUppercase,
+      shouldPreventUppercase = _ref2$shouldPreventUp === void 0 ? false : _ref2$shouldPreventUp;
 
   var _useFormContext = useFormContext(),
       control = _useFormContext.control,
@@ -3399,7 +3440,8 @@ var TafFormTextField = function TafFormTextField(_ref) {
 
       if (foundValue) {
         setValue(name, foundValue.value, {
-          shouldDirty: true
+          shouldDirty: true,
+          shouldValidate: true
         });
         setMaxLength(foundValue.value.length);
         event.preventDefault();
@@ -3435,9 +3477,15 @@ var TafFormTextField = function TafFormTextField(_ref) {
     onBlur();
   }, [onBlur, name, setValue, shouldPreventUppercase]);
   var hasError = !!fieldErrors;
-  return /*#__PURE__*/React__default.createElement(Controller, {
-    render: function render(_ref2) {
-      var field = _ref2.field;
+  return /*#__PURE__*/React__default.createElement(Grid, {
+    item: true,
+    sx: {
+      width: "".concat(100 / 13, "%"),
+      minWidth: 60
+    }
+  }, /*#__PURE__*/React__default.createElement(Controller, {
+    render: function render(_ref3) {
+      var field = _ref3.field;
       var displayValue = formatter ? formatter(field.value) : getDisplayValue(field.value, disabled);
       return /*#__PURE__*/React__default.createElement(BaseTextField, {
         label: label,
@@ -3454,7 +3502,8 @@ var TafFormTextField = function TafFormTextField(_ref) {
           return onBlurField(event, field.onBlur);
         },
         inputProps: {
-          maxLength: maxLength
+          maxLength: maxLength,
+          className: 'inputText'
         },
         autoFocus: autoFocus,
         shouldPreventUppercase: shouldPreventUppercase
@@ -3464,7 +3513,7 @@ var TafFormTextField = function TafFormTextField(_ref) {
     control: control,
     defaultValue: defaultValue,
     rules: rules
-  });
+  }));
 };
 
 /* *
@@ -3610,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, "]");
@@ -3741,6 +3793,14 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
       marginTop: '8px',
       backgroundColor: 'geowebColors.cards.cardContainer',
       position: 'relative',
+      paddingLeft: {
+        xs: '2px',
+        lg: '10px'
+      },
+      paddingRight: {
+        xs: '2px',
+        lg: '10px'
+      },
       '&.sortable-chosen': {
         boxShadow: 1
       },
@@ -3755,12 +3815,10 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   }, props, {
     className: "formRow"
   }), /*#__PURE__*/React__default.createElement(Grid, {
-    columns: 24,
     item: true,
     container: true,
     justifyContent: "flex-end",
-    xs: 24,
-    sm: 23
+    xs: true
   }, !isChangeGroup && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TafFormTextField, {
     label: "Type",
     name: fieldNames.messageType,
@@ -3777,9 +3835,11 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     shouldPreventUppercase: true
   })), isChangeGroup && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Box, {
     sx: {
-      width: 56,
-      marginRight: '2px'
-    }
+      marginRight: '2px',
+      minWidth: 60
+    },
+    display: "flex",
+    justifyContent: "center"
   }, !disabled && dragHandle), /*#__PURE__*/React__default.createElement(TafFormTextField, {
     label: "Prob",
     name: fieldNames.probability,
@@ -4023,18 +4083,17 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     container: true,
     justifyContent: "flex-end",
     alignItems: "flex-end",
-    xs: 24,
-    sm: 1,
     sx: {
-      marginBottom: '16px'
-    },
-    columns: 24
+      width: '3.5%',
+      marginBottom: '14px',
+      minWidth: 28
+    }
   }, /*#__PURE__*/React__default.createElement(TafFormOptionsButton, {
     isChangeGroup: isChangeGroup,
     addChangeGroupBelow: addChangeGroupBelow,
     addChangeGroupAbove: addChangeGroupAbove,
     removeChangeGroup: function removeChangeGroup() {
-      return onRemoveChangeGroup(index);
+      return onRemoveChangeGroup === null || onRemoveChangeGroup === void 0 ? void 0 : onRemoveChangeGroup(index);
     },
     clearRow: clearRow,
     index: index
@@ -4074,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;
 
@@ -4093,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,
@@ -4500,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
@@ -5103,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',
@@ -5270,7 +5337,12 @@ var TacOverview = function TacOverview(_ref) {
   }))), /*#__PURE__*/React__default.createElement(Box, {
     ref: scrollRef,
     sx: {
-      padding: '10px',
+      padding: {
+        xs: '12px',
+        sm: '6px',
+        md: '16px',
+        lg: '24px'
+      },
       maxHeight: '100%',
       overflow: 'auto'
     }
@@ -5608,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];
@@ -6188,7 +6260,6 @@ var TafLayout = function TafLayout(_ref2) {
   }, /*#__PURE__*/React__default.createElement(Box, {
     sx: {
       minWidth: 320,
-      maxWidth: 1272,
       margin: 'auto',
       height: '100%',
       display: 'flex',
@@ -6397,7 +6468,7 @@ var TafModule = function TafModule() {
   }, []);
   usePoller([tafList, getTafListError], fetchNewTafList);
   var hasTafListError = getTafListError !== null;
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(ResponsiveWrapper, null, /*#__PURE__*/React.createElement(Box, {
     component: "div",
     id: "tafmodule",
     sx: {
@@ -6422,7 +6493,7 @@ var TafModule = function TafModule() {
     tafList: tafList,
     onUpdateTaf: onUpdateTaf,
     lastUpdateTime: lastUpdateTime
-  }));
+  })));
 };
 
 var Wrapper = function Wrapper(props) {

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
@@ -3134,6 +3136,7 @@
         isOpen: isOpen,
         "data-testid": "moveable-issues-pane",
         bounds: "parent",
+        cancel: "",
         onDragEnd: function onDragEnd(event) {
           if (event.x !== 0 && event.y !== 0) {
             onUserHasDragged();
@@ -3204,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];
 
@@ -3267,18 +3270,46 @@
       }, shared.getInitials(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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2023 - Finnish Meteorological Institute (FMI)
+     * */
+    var TAF_MODULE_ID = 'tafmodule';
+    var ResponsiveWrapper = function ResponsiveWrapper(_a) {
+      var children = _a.children;
+      return /*#__PURE__*/React__namespace.createElement(material.Box, {
+        sx: {
+          containerType: 'inline-size',
+          containerName: TAF_MODULE_ID,
+          height: '100%'
+        }
+      }, children);
+    };
+
     var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
-      return {
+      var _a;
+
+      return _a = {
         // input
-        marginRight: '2px',
         marginBottom: '4px',
-        width: 56,
+        width: '100%',
         height: 46,
         input: {
           textAlign: 'center',
           textTransform: shouldPreventUppercase ? 'none' : 'uppercase',
-          fontSize: 10,
-          fontWeight: 500,
+          fontWeight: 'normal',
           paddingLeft: 0,
           paddingRight: 0,
           '&.Mui-disabled': {
@@ -3317,8 +3348,19 @@
           '.Mui-disabled:before': {
             borderColor: 'transparent'
           }
+        },
+        '& .MuiFilledInput-root': {
+          borderTopLeftRadius: '0px',
+          borderTopRightRadius: '0px'
         }
-      };
+      }, // container queries
+      _a["@container " + TAF_MODULE_ID + " (min-width: 1440px)"] = {
+        '&.MuiFormControl-root.MuiTextField-root .inputText': {
+          fontSize: 14
+        }
+      }, _a['.inputText'] = {
+        fontSize: 12
+      }, _a;
     };
 
     var getTafErrors = function getTafErrors(name, errors) {
@@ -3405,7 +3447,8 @@
 
           if (foundValue) {
             setValue(name, foundValue.value, {
-              shouldDirty: true
+              shouldDirty: true,
+              shouldValidate: true
             });
             setMaxLength(foundValue.value.length);
             event.preventDefault();
@@ -3441,7 +3484,13 @@
         onBlur();
       }, [onBlur, name, setValue, shouldPreventUppercase]);
       var hasError = !!fieldErrors;
-      return /*#__PURE__*/React__default["default"].createElement(reactHookForm.Controller, {
+      return /*#__PURE__*/React__default["default"].createElement(material.Grid, {
+        item: true,
+        sx: {
+          width: 100 / 13 + "%",
+          minWidth: 60
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(reactHookForm.Controller, {
         render: function render(_a) {
           var field = _a.field;
           var displayValue = formatter ? formatter(field.value) : getDisplayValue(field.value, disabled);
@@ -3460,7 +3509,8 @@
               return onBlurField(event, field.onBlur);
             },
             inputProps: {
-              maxLength: maxLength
+              maxLength: maxLength,
+              className: 'inputText'
             },
             autoFocus: autoFocus,
             shouldPreventUppercase: shouldPreventUppercase
@@ -3470,7 +3520,7 @@
         control: control,
         defaultValue: defaultValue,
         rules: rules
-      });
+      }));
     };
 
     /* *
@@ -3616,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) {
@@ -3744,6 +3797,14 @@
           marginTop: '8px',
           backgroundColor: 'geowebColors.cards.cardContainer',
           position: 'relative',
+          paddingLeft: {
+            xs: '2px',
+            lg: '10px'
+          },
+          paddingRight: {
+            xs: '2px',
+            lg: '10px'
+          },
           '&.sortable-chosen': {
             boxShadow: 1
           },
@@ -3758,12 +3819,10 @@
       }, props, {
         className: "formRow"
       }), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        columns: 24,
         item: true,
         container: true,
         justifyContent: "flex-end",
-        xs: 24,
-        sm: 23
+        xs: true
       }, !isChangeGroup && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TafFormTextField, {
         label: "Type",
         name: fieldNames.messageType,
@@ -3780,9 +3839,11 @@
         shouldPreventUppercase: true
       })), isChangeGroup && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Box, {
         sx: {
-          width: 56,
-          marginRight: '2px'
-        }
+          marginRight: '2px',
+          minWidth: 60
+        },
+        display: "flex",
+        justifyContent: "center"
       }, !disabled && dragHandle), /*#__PURE__*/React__default["default"].createElement(TafFormTextField, {
         label: "Prob",
         name: fieldNames.probability,
@@ -4026,18 +4087,17 @@
         container: true,
         justifyContent: "flex-end",
         alignItems: "flex-end",
-        xs: 24,
-        sm: 1,
         sx: {
-          marginBottom: '16px'
-        },
-        columns: 24
+          width: '3.5%',
+          marginBottom: '14px',
+          minWidth: 28
+        }
       }, /*#__PURE__*/React__default["default"].createElement(TafFormOptionsButton, {
         isChangeGroup: isChangeGroup,
         addChangeGroupBelow: addChangeGroupBelow,
         addChangeGroupAbove: addChangeGroupAbove,
         removeChangeGroup: function removeChangeGroup() {
-          return onRemoveChangeGroup(index);
+          return onRemoveChangeGroup === null || onRemoveChangeGroup === void 0 ? void 0 : onRemoveChangeGroup(index);
         },
         clearRow: clearRow,
         index: index
@@ -4077,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;
@@ -4086,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;
@@ -4130,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
@@ -4494,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
@@ -4518,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
@@ -5128,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',
@@ -5294,7 +5362,12 @@
       }))), /*#__PURE__*/React__default["default"].createElement(material.Box, {
         ref: scrollRef,
         sx: {
-          padding: '10px',
+          padding: {
+            xs: '12px',
+            sm: '6px',
+            md: '16px',
+            lg: '24px'
+          },
           maxHeight: '100%',
           overflow: 'auto'
         }
@@ -5592,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];
 
@@ -6215,7 +6288,6 @@
       }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
         sx: {
           minWidth: 320,
-          maxWidth: 1272,
           margin: 'auto',
           height: '100%',
           display: 'flex',
@@ -6419,7 +6491,7 @@
       }, []);
       shared.usePoller([tafList, getTafListError], fetchNewTafList);
       var hasTafListError = getTafListError !== null;
-      return /*#__PURE__*/React__namespace.createElement(material.Box, {
+      return /*#__PURE__*/React__namespace.createElement(ResponsiveWrapper, null, /*#__PURE__*/React__namespace.createElement(material.Box, {
         component: "div",
         id: "tafmodule",
         sx: {
@@ -6444,7 +6516,7 @@
         tafList: tafList,
         onUpdateTaf: onUpdateTaf,
         lastUpdateTime: lastUpdateTime
-      }));
+      })));
     };
 
     var Wrapper = function Wrapper(props) {
@@ -7578,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/ResponsiveWrapper/ResponsiveWrapper.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { BoxProps } from '@mui/material';
+export declare const TAF_MODULE_ID = "tafmodule";
+export declare const ResponsiveWrapper: React.FC<BoxProps>;

package/lib/components/ResponsiveWrapper/ResponsiveWrapper.spec.d.ts

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

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.0",
+  "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.0",
+    "@opengeoweb/api": "4.14.1",
     "react": "^18.2.0",
     "axios": "^0.25.0",
-    "@opengeoweb/shared": "4.13.0",
+    "@opengeoweb/shared": "4.14.1",
     "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.13.0",
+    "@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.0",
-    "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.0",
-    "@opengeoweb/webmap": "4.13.0",
+    "@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.0",
+    "@opengeoweb/authentication": "4.14.1",
     "react-router-dom": "^6.4.2",
     "query-string": "^6.13.7",
     "@emotion/react": "^11.10.4"