@opengeoweb/taf 9.5.0 → 9.7.0

package/index.esm.js

@@ -7,11 +7,10 @@ import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
 import { useAuthenticationContext } from '@opengeoweb/authentication';
 import { HIDDEN_INPUT_HELPER_IS_DRAFT, getDeepProperty, useDraftFormHelpers, ReactHookFormHiddenInput, ReactHookFormProvider } from '@opengeoweb/form-fields';
-import { dateUtils, useIsMounted, CustomIconButton, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, ToggleMenu, useConfirmationDialog, usePreventBrowserClose, SwitchButton, ToolHeader, AlertBanner, getErrorMessage as getErrorMessage$1, getWarningMessage, usePoller, ErrorBoundary } from '@opengeoweb/shared';
+import { dateUtils, useIsMounted, CustomIconButton, CustomTooltip, ToolContainerDraggable, Avatar, getInitials, ToggleMenu, useConfirmationDialog, usePreventBrowserClose, SwitchButton, ToolHeader, AlertBanner, getErrorMessage as getErrorMessage$1, getWarningMessage, LastUpdateTime, usePoller, ErrorBoundary } from '@opengeoweb/shared';
 import { snackbarActions } from '@opengeoweb/snackbar';
-import moment from 'moment';
 import { isEqual } from 'lodash';
-import { DragHandle as DragHandle$1, ThumbsUp, Add, Delete, Close, Clock, Cancel, Success, Edit, Export, ListItem, Cached } from '@opengeoweb/theme';
+import { DragHandle as DragHandle$1, ThumbsUp, Add, Delete, Close, Clock, Cancel, Success, Edit, Export, ListItem } from '@opengeoweb/theme';
 import ReactDOM from 'react-dom';
 import { useTheme } from '@emotion/react';
 import { useApiContext, createApiInstance, createFakeApiInstance, ApiProvider } from '@opengeoweb/api';
@@ -649,14 +648,18 @@ var getFieldValue = function getFieldValue(fieldValue) {
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-var FORMAT_DAYS_HOURS = 'DDHH';
-var FORMAT_DAYS_HOURS_MINUTES = 'DDHHmm';
+var FORMAT_DAYS_HOURS = 'ddHH';
+var FORMAT_DAYS_HOURS_MINUTES = 'ddHHmm';
+var lengthFM = 6;
+var lengthBECMGTEMPO = 9;
 // formatters
 var formatValidToString = function formatValidToString(valid) {
   // Ensure end of valid period if midnight is shown as 24 and not 00
-  var endHours = moment.utc(valid.end).format('kk');
-  var endDate = endHours === '24' ? moment.utc(valid.end).add(-1, 'day').format('DD') : moment.utc(valid.end).format('DD');
-  return valid.end ? "".concat(moment.utc(valid.start).format(FORMAT_DAYS_HOURS), "/").concat(endDate).concat(endHours) : moment.utc(valid.start).format(FORMAT_DAYS_HOURS_MINUTES);
+  var endHours = dateUtils.dateToString(dateUtils.utc(valid.end), 'kk');
+  var endDate = endHours === '24' ? dateUtils.dateToString(dateUtils.sub(dateUtils.utc(valid.end), {
+    days: 1
+  }), 'dd') : dateUtils.dateToString(dateUtils.utc(valid.end), 'dd');
+  return valid.end ? "".concat(dateUtils.dateToString(dateUtils.utc(valid.start), FORMAT_DAYS_HOURS), "/").concat(endDate).concat(endHours) : dateUtils.dateToString(dateUtils.utc(valid.start), FORMAT_DAYS_HOURS_MINUTES);
 };
 var getSections = function getSections(value, format) {
   return {
@@ -666,19 +669,31 @@ var getSections = function getSections(value, format) {
   };
 };
 var getValidityTimeStamp = function getValidityTimeStamp(sectionType, sections, startTaf, endTaf) {
-  var resultMoment = startTaf.clone();
-  resultMoment.date(sections.day).hours(sections.hour).minutes(sections.min).seconds(0).milliseconds(0);
+  var clonedStartTafDate = dateUtils.set(startTaf, {
+    date: sections.day,
+    hours: sections.hour,
+    minutes: sections.min,
+    seconds: 0,
+    milliseconds: 0
+  });
   // if start and hour is the same but minutes != 00 for the startTaf - set the minutes to account for AMENDED tafs which do not start on the hour
-  if (sectionType === 'start' && startTaf.date() === resultMoment.date() && startTaf.hours() === resultMoment.hours() && startTaf.minutes() !== resultMoment.minutes()) {
-    resultMoment.minutes(startTaf.minutes()).seconds(startTaf.seconds());
-  }
-  // Only proceed if moment has not bubbled dates overflow to months and not bubbled hours overflow to days
-  if (resultMoment.date() === sections.day && resultMoment.hours() === sections.hour && resultMoment.minutes() === sections.min || resultMoment.date() === sections.day + 1 && sections.hour === 24 && sections.min === 0) {
-    if (endTaf.month() !== startTaf.month() && sections.day < 15) {
-      resultMoment.add(1, 'months');
+  var shouldUpdateMinutesSeconds = sectionType === 'start' && startTaf.getDate() === clonedStartTafDate.getDate() && startTaf.getUTCHours() === clonedStartTafDate.getUTCHours() && startTaf.getMinutes() !== clonedStartTafDate.getMinutes();
+  var updatedStartTafDate = shouldUpdateMinutesSeconds ? dateUtils.set(clonedStartTafDate, {
+    minutes: startTaf.getMinutes(),
+    seconds: startTaf.getSeconds()
+  }) : clonedStartTafDate;
+  // Only proceed if has not bubbled dates overflow to months and not bubbled hours overflow to days
+  var isSameTime = updatedStartTafDate.getDate() === sections.day && updatedStartTafDate.getUTCHours() === sections.hour && updatedStartTafDate.getMinutes() === sections.min;
+  var isOverflowing = updatedStartTafDate.getDate() === sections.day + 1 && sections.hour === 24 && sections.min === 0;
+  if (isSameTime || isOverflowing) {
+    var isHalfInMonth = endTaf.getMonth() !== startTaf.getMonth() && sections.day < 15;
+    if (isHalfInMonth) {
+      return dateUtils.add(updatedStartTafDate, {
+        months: 1
+      });
     }
   }
-  return resultMoment;
+  return updatedStartTafDate;
 };
 // parsers
 var parseValidToObject = function parseValidToObject(value, tafStart, tafEnd) {
@@ -687,23 +702,25 @@ var parseValidToObject = function parseValidToObject(value, tafStart, tafEnd) {
   }
   // Create valid object from passed string
   var trimmedValue = value.trim();
-  var tafStartMoment = moment.utc(tafStart);
-  var tafEndMoment = moment.utc(tafEnd);
+  var tafStartDate = dateUtils.utc(tafStart);
+  var tafEndDate = dateUtils.utc(tafEnd);
   var startEnd = trimmedValue.split('/');
   var format = trimmedValue.indexOf('/') === -1 ? FORMAT_DAYS_HOURS_MINUTES : FORMAT_DAYS_HOURS;
   var startSections = getSections(startEnd[0], format);
-  var start = getValidityTimeStamp('start', startSections, tafStartMoment, tafEndMoment).format('YYYY-MM-DDTHH:mm:ss[Z]');
+  var startDate = getValidityTimeStamp('start', startSections, tafStartDate, tafEndDate);
+  var startString = dateUtils.dateToString(startDate);
   // If we only have start value - return that otherwise, also get end time
   if (startEnd.length < 2) {
     return {
-      start: start
+      start: startString
     };
   }
   var endSections = getSections(startEnd[1], FORMAT_DAYS_HOURS);
-  var end = getValidityTimeStamp('end', endSections, tafStartMoment, tafEndMoment).format('YYYY-MM-DDTHH:mm:ss[Z]');
+  var endDate = getValidityTimeStamp('end', endSections, tafStartDate, tafEndDate);
+  var endString = dateUtils.dateToString(endDate);
   return {
-    start: start,
-    end: end
+    start: startString,
+    end: endString
   };
 };
 // messages
@@ -732,8 +749,8 @@ var validateValidSections = function validateValidSections(sections, isStartEnd)
 };
 // Validate to ensure valid dates are passed
 var validateIsValidDates = function validateIsValidDates(value, tafStart, tafEnd) {
-  var tafStartMoment = moment.utc(tafStart);
-  var tafEndMoment = moment.utc(tafEnd);
+  var tafStartDate = dateUtils.utc(tafStart);
+  var tafEndDate = dateUtils.utc(tafEnd);
   var startEnd = value.split('/');
   var format = value.indexOf('/') === -1 ? FORMAT_DAYS_HOURS_MINUTES : FORMAT_DAYS_HOURS;
   var validateMsg = [];
@@ -745,9 +762,9 @@ var validateIsValidDates = function validateIsValidDates(value, tafStart, tafEnd
   if (sectionValidationStart.length) {
     return sectionValidationStart;
   }
-  var startTimestamp = getValidityTimeStamp('start', startSections, tafStartMoment, tafEndMoment);
+  var startTimestamp = getValidityTimeStamp('start', startSections, tafStartDate, tafEndDate);
   // Validate start is within the taf validity bounds
-  if (startTimestamp < tafStartMoment || startTimestamp > tafEndMoment) {
+  if (startTimestamp < tafStartDate || startTimestamp > tafEndDate) {
     validateMsg.push(invalidValidityStartTimeMessage);
   }
   // Validate end time
@@ -759,13 +776,13 @@ var validateIsValidDates = function validateIsValidDates(value, tafStart, tafEnd
     if (sectionValidationEnd.length) {
       return sectionValidationEnd;
     }
-    var endTimestamp = getValidityTimeStamp('end', endSections, tafStartMoment, tafEndMoment);
+    var endTimestamp = getValidityTimeStamp('end', endSections, tafStartDate, tafEndDate);
     // Validate end is not before start
     if (endTimestamp < startTimestamp) {
       validateMsg.push(invalidValidityPeriodMessage);
     }
     // Validate end is within the taf validity bounds
-    if (endTimestamp < tafStartMoment || endTimestamp > tafEndMoment) {
+    if (endTimestamp < tafStartDate || endTimestamp > tafEndDate) {
       validateMsg.push(invalidValidityEndTimeMessage);
     }
   }
@@ -778,7 +795,9 @@ var validateValidField = function validateValidField(value, tafStart, tafEnd) {
     return true;
   }
   // Validate length and ensure it doesn't contain any other characters than numbers and / and has either XXXX/XXXX or XXXXXX format
-  if (trimmedValue.length < 6 || trimmedValue.length > 9 || !(trimmedValue.match(/^[0-9]{4}\/[0-9]{4}$/) || trimmedValue.match(/^[0-9]{6}$/))) {
+  if (trimmedValue.length < lengthFM || trimmedValue.length > lengthBECMGTEMPO || !(trimmedValue.match(/^[0-9]{4}\/[0-9]{4}$/) || trimmedValue.match(/^[0-9]{6}$/)) ||
+  // only allow dates with / fully typed
+  (tafStart === null || tafStart === void 0 ? void 0 : tafStart.indexOf('/')) > -1 && trimmedValue.length !== lengthBECMGTEMPO || (tafEnd === null || tafEnd === void 0 ? void 0 : tafEnd.indexOf('/')) > -1 && trimmedValue.length !== lengthBECMGTEMPO) {
     return invalidChangeValidInterFieldMessage;
   }
   // Ensure valid date(s) can be made
@@ -809,28 +828,28 @@ var validateValidChangeGroupInterField = function validateValidChangeGroupInterF
   }
   if (
   // Ensure format for FM changegroups is correct DDHHmm
-  trimmedValue.length > 6 && trimmedValueChange === 'FM' ||
+  trimmedValue.length > lengthFM && trimmedValueChange === 'FM' ||
   // Ensure format for BECMG and TEMPO changegroups is correct DDHH/DDHH
-  trimmedValue.length < 9 && trimmedValueChange !== 'FM') {
+  trimmedValue.length < lengthBECMGTEMPO && trimmedValueChange !== 'FM') {
     return invalidChangeValidInterFieldMessage;
   }
   // Ensure BECMG changegroup has duration of 1,2,3,4 hours
   if (trimmedValueChange === 'BECMG') {
-    var tafStartMoment = moment.utc(tafStart);
-    var tafEndMoment = moment.utc(tafEnd);
+    var tafStartDate = dateUtils.utc(tafStart);
+    var tafEndDate = dateUtils.utc(tafEnd);
     var startEnd = trimmedValue.split('/');
     var format = trimmedValue.indexOf('/') === -1 ? FORMAT_DAYS_HOURS_MINUTES : FORMAT_DAYS_HOURS;
     // Validate start time
     var startSections = getSections(startEnd[0], format);
-    var startTimestamp = getValidityTimeStamp('start', startSections, tafStartMoment, tafEndMoment);
+    var startTimestamp = getValidityTimeStamp('start', startSections, tafStartDate, tafEndDate);
     var endSections = getSections(startEnd[1], FORMAT_DAYS_HOURS);
-    var endTimestamp = getValidityTimeStamp('end', endSections, tafStartMoment, tafEndMoment);
-    var timeDifference = endTimestamp.diff(startTimestamp, 'hours', true);
+    var endTimestamp = getValidityTimeStamp('end', endSections, tafStartDate, tafEndDate);
+    var timeDifference = dateUtils.differenceInHours(endTimestamp, startTimestamp, 'ceil');
     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) {
+    timeDifference < 1 && dateUtils.differenceInMinutes(endTimestamp, startTimestamp) === 0) {
       return invalidBECMGDurationValidInterFieldMessage;
     }
   }
@@ -856,13 +875,13 @@ var validatePreviousChangeGroup = function validatePreviousChangeGroup(currentCh
     return true;
   }
   // validate is valid time before
-  var currentStartTime = moment(validValue.start);
-  var previousRowStartTime = moment(previousValidValue.start);
-  if (currentStartTime.isBefore(previousRowStartTime)) {
+  var currentStartTime = dateUtils.utc(validValue.start);
+  var previousRowStartTime = dateUtils.utc(previousValidValue.start);
+  if (dateUtils.isBefore(currentStartTime, previousRowStartTime)) {
     return invalidPreviousChangeGroupIsBeforeMessage;
   }
   // validate same valid time
-  if (currentStartTime.isSame(previousRowStartTime)) {
+  if (dateUtils.isEqual(currentStartTime, previousRowStartTime)) {
     // validate change/probability order
     var currentProbChangeValue = "".concat(probability, " ").concat(change).trim();
     var previousProbChangeValue = "".concat(previousProbability, " ").concat(previousChange).trim();
@@ -882,15 +901,18 @@ var validateOverlapWithFM = function validateOverlapWithFM(currentChangeGroup, n
   if (!valid || !nextChangeGroups.length) {
     return true;
   }
+  if (valid.length < lengthFM || valid.length > lengthBECMGTEMPO || !(valid.match(/^[0-9]{4}\/[0-9]{4}$/) || valid.match(/^[0-9]{6}$/))) {
+    return false;
+  }
   var validValue = parseValidToObject(valid, tafStart, tafEnd);
-  var currentRowEndTime = moment(validValue.end);
+  var currentRowEndTime = dateUtils.utc(validValue.end);
   var firstFMChangeGroup = nextChangeGroups.find(function (nextChangeGroup) {
     return getFieldValue(nextChangeGroup.change) === 'FM';
   });
   if (firstFMChangeGroup && firstFMChangeGroup.valid) {
     var FMValidValue = parseValidToObject(firstFMChangeGroup.valid, tafStart, tafEnd);
-    var FMStartTime = moment(FMValidValue.start);
-    if (currentRowEndTime.isAfter(FMStartTime)) {
+    var FMStartTime = dateUtils.utc(FMValidValue.start);
+    if (dateUtils.isAfter(currentRowEndTime, FMStartTime)) {
       return invalidChangeGroupOverlapsWithFM;
     }
   }
@@ -2293,6 +2315,9 @@ var validateFourthCloud = function validateFourthCloud(firstCloudValue, secondCl
 var DATE_FORMAT_YEAR = "yyyy-MM-dd'";
 var DATE_FORMAT_ISSUE_TIME = "ddHHmm'Z";
 var DATE_FORMAT_FULL = "yyyy-MM-dd'T'HH:mm:ss'";
+var DATE_FORMAT_HOURS = 'HH:mm';
+var DATE_FORMAT_FULL_TIMEZONE = "yyyy-MM-dd'T'HH:mm:ss'Z";
+var DATE_FORMAT_BASE_TIME = 'HH:mm dd MMM';
 
 var emptyBaseForecast = {
   wind: '',
@@ -2780,16 +2805,18 @@ var getAmendedCorrectedTafTimes = function getAmendedCorrectedTafTimes(taf, tafA
   var previousValidDateEnd = taf.previousValidDateEnd && tafAction !== 'AMEND' ? taf.previousValidDateEnd : taf.validDateEnd;
   // For amendment change valid start time to current time
   // only do this if we're already within the validity period
-  if ((tafAction === 'AMEND' || tafAction === 'DRAFT_AMEND') && moment.utc() >= moment.utc(taf.validDateStart)) {
-    var now = moment.utc().format('YYYY-MM-DDTHH:mm:ss[Z]');
+  var now = dateUtils.utc();
+  var validDateStart = dateUtils.utc(taf.validDateStart);
+  if ((tafAction === 'AMEND' || tafAction === 'DRAFT_AMEND') && now.getTime() >= validDateStart.getTime()) {
+    var _now = dateUtils.dateToString(dateUtils.utc(), DATE_FORMAT_FULL_TIMEZONE);
     var validObj = {
-      start: now,
+      start: _now,
       end: taf.baseForecast.valid.end
     };
     return Object.assign(Object.assign({}, taf), {
       previousValidDateStart: previousValidDateStart,
       previousValidDateEnd: previousValidDateEnd,
-      validDateStart: now,
+      validDateStart: _now,
       baseForecast: Object.assign(Object.assign({}, taf.baseForecast), {
         valid: validObj
       })
@@ -3703,6 +3730,11 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
         changeGroups = _getValues.changeGroups;
       var currentChangeGroup = changeGroups[index];
       var previousChangeGroup = changeGroups[index - 1];
+      var isvalidPrevious = validateValidField(currentChangeGroup.valid, getValues('validDateStart'), getValues('validDateEnd')) === true;
+      var isvalidNext = validateValidField(previousChangeGroup.valid, getValues('validDateStart'), getValues('validDateEnd')) === true;
+      if (isvalidPrevious !== true || isvalidNext !== true) {
+        return true;
+      }
       return validatePreviousChangeGroup(currentChangeGroup, previousChangeGroup, validDateStart, validDateEnd);
     }
     return true;
@@ -4121,7 +4153,7 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
     formState = _useFormContext.formState,
     getValues = _useFormContext.getValues,
     setValue = _useFormContext.setValue,
-    reset = _useFormContext.reset;
+    resetField = _useFormContext.resetField;
   var _useDragOrder = useDragOrder(trigger, move),
     onChangeOrder = _useDragOrder.onChangeOrder,
     onStartDrag = _useDragOrder.onStartDrag,
@@ -4152,10 +4184,18 @@ var TafForm = /*#__PURE__*/React__default.memo(function (_ref) {
   };
   var resetFormValues = function resetFormValues(formData) {
     var keepDirty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    reset(formData, {
-      keepDirty: keepDirty
+    Object.keys(formData).forEach(function (key) {
+      if (!keepDirty) {
+        resetField(key, {
+          keepDirty: keepDirty,
+          defaultValue: formData[key]
+        });
+      }
+      setValue(key, formData[key], {
+        shouldDirty: keepDirty
+      });
+      replace(formData.changeGroups);
     });
-    replace(formData.changeGroups);
   };
   var resetFormState = function resetFormState(resetDisabled) {
     var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
@@ -4715,23 +4755,25 @@ var sortTafsOnIssueDate = function sortTafsOnIssueDate() {
   });
 };
 var getBaseTime = function getBaseTime(baseTime, location) {
-  var currentBaseTime = moment.utc(baseTime);
+  var currentBaseTime = dateUtils.utc(baseTime);
   var activityPeriod = getLocationSetting(location).activity_period;
-  var nextBaseTime = moment.utc(baseTime).add(activityPeriod, 'hours');
+  var nextBaseTime = dateUtils.add(dateUtils.utc(baseTime), {
+    hours: activityPeriod
+  });
   return {
     currentBaseTime: currentBaseTime,
     nextBaseTime: nextBaseTime
   };
 };
 var getTafTimeSlot = function getTafTimeSlot(baseTime, location, status) {
-  var now = moment.utc();
+  var now = dateUtils.utc();
   var _getBaseTime = getBaseTime(baseTime, location),
     currentBaseTime = _getBaseTime.currentBaseTime,
     nextBaseTime = _getBaseTime.nextBaseTime;
   if (status === 'EXPIRED') {
     return 'EXPIRED';
   }
-  if (currentBaseTime < now && nextBaseTime > now) {
+  if (currentBaseTime.getTime() < now.getTime() && nextBaseTime.getTime() > now.getTime()) {
     return 'ACTIVE';
   }
   return 'UPCOMING';
@@ -4994,7 +5036,8 @@ var TacContainer = function TacContainer(_ref) {
   var _useFormContext = useFormContext(),
     getValues = _useFormContext.getValues,
     trigger = _useFormContext.trigger,
-    reset = _useFormContext.reset;
+    reset = _useFormContext.reset,
+    setValue = _useFormContext.setValue;
   var _useTafModuleContext = useTafModuleContext(),
     useFieldArrayMethods = _useTafModuleContext.useFieldArrayMethods;
   var replace = useFieldArrayMethods.replace;
@@ -5007,7 +5050,17 @@ var TacContainer = function TacContainer(_ref) {
     var currentTaf = getValues();
     var newTaf = prepareTafExportValues(taf, currentTaf);
     reset(newTaf, {
-      keepDirty: true
+      keepDefaultValues: true,
+      keepValues: false,
+      keepDirty: false,
+      keepErrors: false,
+      keepIsValid: false,
+      keepDirtyValues: false
+    });
+    Object.keys(newTaf).forEach(function (key) {
+      setValue(key, newTaf[key], {
+        shouldValidate: true
+      });
     });
     replace(newTaf.changeGroups);
     setTimeout(function () {
@@ -5288,7 +5341,7 @@ var TacOverviewMobile = function TacOverviewMobile(_ref) {
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
 var formatBaseTime = function formatBaseTime(time) {
-  return time.format('HH:mm DD MMM');
+  return dateUtils.dateToString(time, DATE_FORMAT_BASE_TIME);
 };
 var TopTabs = function TopTabs(_ref) {
   var timeSlot = _ref.timeSlot,
@@ -5691,59 +5744,6 @@ var IssuesPaneWrapper = function IssuesPaneWrapper(props) {
   }, props));
 };
 
-/* *
- * 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 getLastUpdateTitle = function getLastUpdateTitle(time) {
-  return "Last updated ".concat(time);
-};
-var LastUpdateTime = function LastUpdateTime(_ref) {
-  var _ref$onUpdateTaf = _ref.onUpdateTaf,
-    onUpdateTaf = _ref$onUpdateTaf === void 0 ? function () {} : _ref$onUpdateTaf,
-    lastUpdateTime = _ref.lastUpdateTime;
-  return /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      display: 'flex',
-      alignItems: 'center',
-      height: '100%',
-      justifyContent: 'flex-end'
-    }
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    sx: {
-      color: 'geowebColors.captions.captionStatus.rgba',
-      fontSize: '10px',
-      lineHeight: '1.6',
-      letterSpacing: '0.33px'
-    },
-    "data-testid": "lastupdated-time"
-  }, getLastUpdateTitle(lastUpdateTime)), /*#__PURE__*/React__default.createElement(CustomIconButton, {
-    "data-testid": "updateTafBtn",
-    onClick: onUpdateTaf,
-    sx: {
-      marginRight: {
-        xs: 2,
-        sm: 1
-      },
-      marginLeft: 1
-    },
-    tooltipTitle: "Click to refresh",
-    variant: "tool"
-  }, /*#__PURE__*/React__default.createElement(Cached, null)));
-};
-
 var CONFIRM_DIALOG_OPTIONS = {
   title: 'Whoops',
   description: "It's not possible to autosave this TAF due to the presence of issue(s). Are you sure you want to close this TAF? Any changes made will be lost.",
@@ -5753,7 +5753,7 @@ var getTafMessagePrefix = function getTafMessagePrefix(_ref, newStatus) {
   var location = _ref.location,
     validDateStart = _ref.validDateStart,
     messageType = _ref.messageType;
-  var formattedDate = formatBaseTime(moment.utc(validDateStart));
+  var formattedDate = formatBaseTime(dateUtils.utc(validDateStart));
   return "TAF ".concat(location, " ").concat(formattedDate, " ").concat(messageType, " was ").concat(newStatus, " successfully");
 };
 var getSnackbarMessage = function getSnackbarMessage(tafFromFrontEnd) {
@@ -6028,7 +6028,8 @@ var TafLayout = function TafLayout(_ref2) {
     sm: 3
   }, lastUpdateTime && ( /*#__PURE__*/React__default.createElement(LastUpdateTime, {
     lastUpdateTime: lastUpdateTime,
-    onUpdateTaf: onUpdateTaf
+    onPressRefresh: onUpdateTaf,
+    dataTestId: "lastupdated-time"
   })))), /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     flexGrow: 1,
@@ -6118,17 +6119,29 @@ var TafWrapper = function TafWrapper(_a) {
     options: {
       mode: 'onTouched',
       reValidateMode: 'onChange',
-      criteriaMode: 'all',
+      criteriaMode: 'firstError',
       defaultValues: {
         baseForecast: emptyBaseForecast,
-        changeGroups: [emptyChangegroup, emptyChangegroup, emptyChangegroup, emptyChangegroup, emptyChangegroup]
+        changeGroups: [emptyChangegroup, emptyChangegroup, emptyChangegroup, emptyChangegroup, emptyChangegroup],
+        validDateStart: '',
+        validDateEnd: '',
+        baseTime: '',
+        previousId: '',
+        previousValidDateStart: '',
+        previousValidDateEnd: '',
+        location: '',
+        messageType: '',
+        uuid: '',
+        issueDate: '',
+        status: '',
+        IS_DRAFT: false
       }
     }
   }, /*#__PURE__*/React.createElement(TafModuleProvider, Object.assign({}, props), children));
 };
 
 var getCurrentDate = function getCurrentDate() {
-  return moment.utc().format('HH:mm');
+  return dateUtils.dateToString(dateUtils.utc(), DATE_FORMAT_HOURS);
 };
 var TafModule = function TafModule() {
   var _useApiContext = useApiContext(),

package/package.json

@@ -1,12 +1,35 @@
 {
   "name": "@opengeoweb/taf",
-  "version": "9.5.0",
+  "version": "9.7.0",
   "description": "GeoWeb TAF library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
+  "dependencies": {
+    "@opengeoweb/api": "*",
+    "@redux-eggs/redux-toolkit": "^2.2.0",
+    "@opengeoweb/shared": "*",
+    "react-hook-form": "7.47.0",
+    "@mui/material": "5.12.0",
+    "@opengeoweb/theme": "*",
+    "@redux-eggs/saga-extension": "^2.2.0",
+    "@opengeoweb/form-fields": "*",
+    "@opengeoweb/authentication": "*",
+    "@reduxjs/toolkit": "^1.9.7",
+    "react-redux": "^8.1.3",
+    "@opengeoweb/snackbar": "*",
+    "react-sortablejs": "^6.1.4",
+    "sortablejs": "^1.15.1",
+    "@emotion/react": "^11.11.1",
+    "lodash": "^4.17.21",
+    "axios": "1.5.0"
+  },
+  "peerDependencies": {
+    "react": "18",
+    "react-dom": "18"
+  },
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js"

package/src/lib/components/TafForm/TafFormRow/validations/validField.d.ts

@@ -1,6 +1,5 @@
 import { ChangeGroupFormData, Valid } from '../../../../types';
-export declare const FORMAT_DAYS_HOURS = "DDHH";
-export declare const FORMAT_DAYS_HOURS_MINUTES = "DDHHmm";
+export declare const FORMAT_DAYS_HOURS_MINUTES = "ddHHmm";
 export declare const formatValidToString: (valid: Valid) => string;
 export declare const parseValidToObject: (value: string, tafStart: string, tafEnd: string) => Valid;
 export declare const invalidValidityDaysHoursStartMessage = "Invalid validity start period, expected a date value between 00 and 31 and an hour value between 00 and 23";

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

@@ -19,3 +19,4 @@ export declare const TafPanelTakeOverErrorDarkSnap: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const TafPanelMultipleRowsWithSameDates: () => React.ReactElement;

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

@@ -1,4 +1,3 @@
-import { Moment } from 'moment';
 import React from 'react';
 import { TafFromBackend, TimeSlot } from '../../../types';
 interface TopTabsProps {
@@ -6,6 +5,6 @@ interface TopTabsProps {
     tafFromBackend: TafFromBackend;
     onChangeTimeSlot?: (timeSlot: TimeSlot, isFormDirty: boolean) => void;
 }
-export declare const formatBaseTime: (time: Moment) => string;
+export declare const formatBaseTime: (time: Date) => string;
 declare const TopTabs: React.FC<TopTabsProps>;
 export default TopTabs;

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

@@ -1,11 +1,10 @@
-import { Moment } from 'moment';
 import { Taf, TafConfigLocation, TafConfigLocations, TafFormData, TafFromBackend, TafStatus, TimeSlot } from '../../types';
 export declare const getLocationSetting: (location: string, locationSettings?: TafConfigLocations) => TafConfigLocation;
 export declare const sortTafsOnLocation: (tafList?: TafFromBackend[], locationOrder?: string[]) => TafFromBackend[];
 export declare const sortTafsOnIssueDate: (tafList?: TafFromBackend[]) => TafFromBackend[];
 export declare const getBaseTime: (baseTime: string, location: string) => {
-    currentBaseTime: Moment;
-    nextBaseTime: Moment;
+    currentBaseTime: Date;
+    nextBaseTime: Date;
 };
 export declare const getTafTimeSlot: (baseTime: string, location: string, status: TafStatus) => TimeSlot;
 type TafTimeSlots = {

package/src/lib/utils/dateFormats.d.ts

@@ -1,3 +1,6 @@
 export declare const DATE_FORMAT_YEAR = "yyyy-MM-dd'";
 export declare const DATE_FORMAT_ISSUE_TIME = "ddHHmm'Z";
 export declare const DATE_FORMAT_FULL = "yyyy-MM-dd'T'HH:mm:ss'";
+export declare const DATE_FORMAT_HOURS = "HH:mm";
+export declare const DATE_FORMAT_FULL_TIMEZONE = "yyyy-MM-dd'T'HH:mm:ss'Z";
+export declare const DATE_FORMAT_BASE_TIME = "HH:mm dd MMM";

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

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const getLastUpdateTitle: (time: string) => string;
-interface LastUpdateTimeProps {
-    onUpdateTaf: () => void;
-    lastUpdateTime?: string;
-}
-declare const LastUpdateTime: React.FC<LastUpdateTimeProps>;
-export default LastUpdateTime;

package/src/lib/components/TafLayout/LastUpdateTime/LastUpdateTime.spec.d.ts

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

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const LastUpdateTimeLightTheme: {
-    (): React.ReactElement;
-    storyName: string;
-};
-export declare const LastUpdateTimeDarkTheme: {
-    (): React.ReactElement;
-    storyName: string;
-};

package/src/lib/components/TafLayout/LastUpdateTime/index.d.ts

@@ -1 +0,0 @@
-export { default as LastUpdateTime } from './LastUpdateTime';