@opengeoweb/taf 4.12.0 → 4.13.0

package/index.esm.js

@@ -13,6 +13,7 @@ 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 ReactDOM from 'react-dom';
+import { useTheme } from '@emotion/react';
 import { useApiContext, createApiInstance, createFakeApiInstance, ApiProvider } from '@opengeoweb/api';
 import LinearProgress from '@mui/material/LinearProgress';
 import Box$1 from '@mui/material/Box';
@@ -322,8 +323,34 @@ var TafFormButtons = function TafFormButtons(_ref2) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var prependZeroes = function prependZeroes(value, totalDigits) {
+  var valueAsString = value.toString();
+  return _toConsumableArray(Array(totalDigits - valueAsString.length)).reduce(function (newVal) {
+    return "0".concat(newVal);
+  }, valueAsString);
+};
+var getFieldValue = function getFieldValue(fieldValue) {
+  return fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim().toUpperCase();
+};
+
+/* *
+ * 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 FORMAT_DAYS_HOURS = 'DDHH';
 var FORMAT_DAYS_HOURS_MINUTES = 'DDHHmm'; // formatters
@@ -457,7 +484,7 @@ var validateIsValidDates = function validateIsValidDates(value, tafStart, tafEnd
 
 
 var validateValidField = function validateValidField(value, tafStart, tafEnd) {
-  var trimmedValue = value.trim();
+  var trimmedValue = getFieldValue(value);
 
   if (!trimmedValue.length) {
     return true;
@@ -480,9 +507,9 @@ var validateValidField = function validateValidField(value, tafStart, tafEnd) {
   return true;
 };
 var validateValidChangeGroupInterField = function validateValidChangeGroupInterField(value, valueChange, valueProb, tafStart, tafEnd) {
-  var trimmedValue = value.trim();
-  var trimmedValueChange = valueChange.trim();
-  var trimmedValueProb = valueProb.trim();
+  var trimmedValue = getFieldValue(value);
+  var trimmedValueChange = getFieldValue(valueChange);
+  var trimmedValueProb = getFieldValue(valueProb);
 
   if (!trimmedValue.length) {
     return true;
@@ -532,16 +559,12 @@ var invalidPreviousChangeGroupOrderMessage = "When valid times are equal, the ch
 var invalidPreviousChangeGroupHasSameValue = "When valid times are equal, probability/change can't have the same value as previous row value";
 var validatePreviousChangeGroup = function validatePreviousChangeGroup(currentChangeGroup, previousChangeGroup, tafStart, tafEnd) {
   // extract the needed values from changeGroups
-  var valid = currentChangeGroup.valid,
-      _currentChangeGroup$c = currentChangeGroup.change,
-      change = _currentChangeGroup$c === void 0 ? '' : _currentChangeGroup$c,
-      _currentChangeGroup$p = currentChangeGroup.probability,
-      probability = _currentChangeGroup$p === void 0 ? '' : _currentChangeGroup$p;
-  var previousValid = previousChangeGroup.valid,
-      _previousChangeGroup$ = previousChangeGroup.change,
-      previousChange = _previousChangeGroup$ === void 0 ? '' : _previousChangeGroup$,
-      _previousChangeGroup$2 = previousChangeGroup.probability,
-      previousProbability = _previousChangeGroup$2 === void 0 ? '' : _previousChangeGroup$2; // get the parsed values
+  var valid = getFieldValue(currentChangeGroup.valid);
+  var change = getFieldValue(currentChangeGroup.change || '');
+  var probability = getFieldValue(currentChangeGroup.probability || '');
+  var previousValid = getFieldValue(previousChangeGroup.valid);
+  var previousChange = getFieldValue(previousChangeGroup.change || '');
+  var previousProbability = getFieldValue(previousChangeGroup.probability || ''); // get the parsed values
 
   var validValue = parseValidToObject(valid, tafStart, tafEnd);
   var previousValidValue = parseValidToObject(previousValid, tafStart, tafEnd);
@@ -578,12 +601,12 @@ var validatePreviousChangeGroup = function validatePreviousChangeGroup(currentCh
 }; // validate overlapping validity when one of the following changegroups is FM
 
 var validateOverlapWithFM = function validateOverlapWithFM(currentChangeGroup, nextChangeGroups, tafStart, tafEnd) {
-  var valid = currentChangeGroup.valid;
+  var valid = getFieldValue(currentChangeGroup.valid);
   if (!valid || !nextChangeGroups.length) return true;
   var validValue = parseValidToObject(valid, tafStart, tafEnd);
   var currentRowEndTime = moment(validValue.end);
   var firstFMChangeGroup = nextChangeGroups.find(function (nextChangeGroup) {
-    return nextChangeGroup.change.trim() === 'FM';
+    return getFieldValue(nextChangeGroup.change) === 'FM';
   });
 
   if (firstFMChangeGroup && firstFMChangeGroup.valid) {
@@ -598,32 +621,6 @@ var validateOverlapWithFM = function validateOverlapWithFM(currentChangeGroup, n
   return true;
 };
 
-/* *
- * 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 prependZeroes = function prependZeroes(value, totalDigits) {
-  var valueAsString = value.toString();
-  return _toConsumableArray(Array(totalDigits - valueAsString.length)).reduce(function (newVal) {
-    return "0".concat(newVal);
-  }, valueAsString);
-};
-var getFieldValue = function getFieldValue(fieldValue) {
-  return fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim().toUpperCase();
-};
-
 var config$1 = [{
   key: 'range',
   size: 4
@@ -653,7 +650,7 @@ var formatVisibilityToString = function formatVisibilityToString(value) {
 // returns object with validity if passed numbers - returns object with cavOK: true if passed CAVOK
 
 var parseVisibilityToObject = function parseVisibilityToObject(value) {
-  var trimmedValue = value.trim();
+  var trimmedValue = getFieldValue(value);
 
   if (trimmedValue === 'CAVOK') {
     return {
@@ -701,7 +698,7 @@ var validateRange = function validateRange(value) {
 
 
 var validateVisibilityField = function validateVisibilityField(value) {
-  var trimmedValue = value.trim();
+  var trimmedValue = getFieldValue(value);
 
   if (!trimmedValue.length) {
     return true;
@@ -714,7 +711,7 @@ var validateVisibilityField = function validateVisibilityField(value) {
 
 
   if (!trimmedValue.match(/^[0-9]+$/)) {
-    return value === 'CAVOK' || invalidVisibilityMessage;
+    return trimmedValue === 'CAVOK' || invalidVisibilityMessage;
   } // validate range
 
 
@@ -1180,9 +1177,10 @@ var invalidWeatherBRVisibility = 'Invalid weather input, weather code BR needs t
 var invalidWeatherFGVisibility = 'Invalid weather input, weather code FG needs to be combined with a visibility below 1000m'; // validations
 
 var WeatherVisibilityBelow5000 = [WeatherPhenomena.FU, WeatherPhenomena.DU, WeatherPhenomena.HZ, WeatherPhenomena.DRDU, WeatherPhenomena.BLDU];
-var validateWeatherField = function validateWeatherField(value, visibilityValue) {
+var validateWeatherField = function validateWeatherField(value, visibilityFieldValue) {
   var NSWAllowed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  var trimmedValue = value.trim(); // if empty, validate as true
+  var trimmedValue = getFieldValue(value);
+  var visibilityValue = getFieldValue(visibilityFieldValue); // if empty, validate as true
 
   if (trimmedValue === '') {
     return true;
@@ -1221,14 +1219,15 @@ var validateWeatherField = function validateWeatherField(value, visibilityValue)
 
   return true;
 };
-var validateSecondWeatherField = function validateSecondWeatherField(weather1Value, weather2Value, visibilityValue) {
-  var trimmedWeather2Value = weather2Value.trim(); // Field can be left empty
+var validateSecondWeatherField = function validateSecondWeatherField(weather1Value, weather2Value, visibilityFieldValue) {
+  var trimmedWeather2Value = getFieldValue(weather2Value);
+  var visibilityValue = getFieldValue(visibilityFieldValue); // Field can be left empty
 
   if (!trimmedWeather2Value.length) {
     return true;
   }
 
-  var trimmedWeather1Value = weather1Value.trim(); // If weather1 is NSW weather2 should be empty
+  var trimmedWeather1Value = getFieldValue(weather1Value); // If weather1 is NSW weather2 should be empty
 
   if (trimmedWeather1Value === 'NSW' && trimmedWeather2Value !== '') {
     return invalidWeatherNonEmptyNSWGroups;
@@ -1246,15 +1245,16 @@ var validateSecondWeatherField = function validateSecondWeatherField(weather1Val
 
   return validateWeatherField(weather2Value, visibilityValue, false);
 };
-var validateThirdWeatherField = function validateThirdWeatherField(weather1Value, weather2Value, weather3Value, visibilityValue) {
-  var trimmedWeather3Value = weather3Value.trim(); // Field can be left empty
+var validateThirdWeatherField = function validateThirdWeatherField(weather1Value, weather2Value, weather3Value, visibilityFieldValue) {
+  var trimmedWeather3Value = getFieldValue(weather3Value);
+  var visibilityValue = getFieldValue(visibilityFieldValue); // Field can be left empty
 
   if (!trimmedWeather3Value.length) {
     return true;
   }
 
-  var trimmedWeather1Value = weather1Value.trim();
-  var trimmedWeather2Value = weather2Value.trim(); // If weather1 is NSW weather3 should be empty
+  var trimmedWeather1Value = getFieldValue(weather1Value);
+  var trimmedWeather2Value = getFieldValue(weather2Value); // If weather1 is NSW weather3 should be empty
 
   if (trimmedWeather1Value === 'NSW' && trimmedWeather3Value !== '') {
     return invalidWeatherNonEmptyNSWGroups;
@@ -1617,10 +1617,10 @@ var validateWindInterSection = function validateWindInterSection(speed, gust, di
 
 
 var validateWindField = function validateWindField(value, weatherfield1, weatherfield2, weatherfield3) {
-  var trimmedWindValue = value.trim();
-  var trimmedWeather1Value = weatherfield1.trim();
-  var trimmedWeather2Value = weatherfield2.trim();
-  var trimmedWeather3Value = weatherfield3.trim();
+  var trimmedWindValue = getFieldValue(value);
+  var trimmedWeather1Value = getFieldValue(weatherfield1);
+  var trimmedWeather2Value = getFieldValue(weatherfield2);
+  var trimmedWeather3Value = getFieldValue(weatherfield3);
 
   if (!trimmedWindValue.length) {
     return true;
@@ -1887,11 +1887,11 @@ var sharedCloudValidations = function sharedCloudValidations(_ref) {
 };
 
 var validateFirstCloud = function validateFirstCloud(value, visibilityValue, weatherfield1, weatherfield2, weatherfield3) {
-  var trimmedValueFirstCloud = value.trim();
-  var trimmedValueVisibility = visibilityValue.trim();
-  var trimmedWeather1Value = weatherfield1.trim();
-  var trimmedWeather2Value = weatherfield2.trim();
-  var trimmedWeather3Value = weatherfield3.trim(); // Field can be left empty
+  var trimmedValueFirstCloud = getFieldValue(value);
+  var trimmedValueVisibility = getFieldValue(visibilityValue);
+  var trimmedWeather1Value = getFieldValue(weatherfield1);
+  var trimmedWeather2Value = getFieldValue(weatherfield2);
+  var trimmedWeather3Value = getFieldValue(weatherfield3); // Field can be left empty
 
   if (!trimmedValueFirstCloud.length) {
     return true;
@@ -1927,9 +1927,10 @@ var validateFirstCloud = function validateFirstCloud(value, visibilityValue, wea
 
   return errorMessages.length ? errorMessages[0] : true;
 };
-var validateSecondCloud = function validateSecondCloud(firstCloudValue, secondCloudValue, visibilityValue) {
-  var trimmedValueFirstCloud = firstCloudValue.trim();
-  var trimmedValueSecondCloud = secondCloudValue.trim(); // Field can be left empty
+var validateSecondCloud = function validateSecondCloud(firstCloudValue, secondCloudValue, visibilityFieldValue) {
+  var trimmedValueFirstCloud = getFieldValue(firstCloudValue);
+  var trimmedValueSecondCloud = getFieldValue(secondCloudValue);
+  var visibilityValue = getFieldValue(visibilityFieldValue); // Field can be left empty
 
   if (!trimmedValueSecondCloud.length) {
     return true;
@@ -1996,10 +1997,11 @@ var validateSecondCloud = function validateSecondCloud(firstCloudValue, secondCl
 
   return true;
 };
-var validateThirdCloud = function validateThirdCloud(firstCloudValue, secondCloudValue, thirdCloudValue, visibilityValue) {
-  var trimmedValueFirstCloud = firstCloudValue.trim();
-  var trimmedValueSecondCloud = secondCloudValue.trim();
-  var trimmedValueThirdCloud = thirdCloudValue.trim(); // Field can be left empty
+var validateThirdCloud = function validateThirdCloud(firstCloudValue, secondCloudValue, thirdCloudValue, visibilityFieldValue) {
+  var trimmedValueFirstCloud = getFieldValue(firstCloudValue);
+  var trimmedValueSecondCloud = getFieldValue(secondCloudValue);
+  var trimmedValueThirdCloud = getFieldValue(thirdCloudValue);
+  var visibilityValue = getFieldValue(visibilityFieldValue); // Field can be left empty
 
   if (!trimmedValueThirdCloud.length) {
     return true;
@@ -2074,11 +2076,12 @@ var validateThirdCloud = function validateThirdCloud(firstCloudValue, secondClou
 
   return true;
 };
-var validateFourthCloud = function validateFourthCloud(firstCloudValue, secondCloudValue, thirdCloudValue, fourthCloudValue, visibilityValue) {
-  var trimmedValueFirstCloud = firstCloudValue.trim();
-  var trimmedValueSecondCloud = secondCloudValue.trim();
-  var trimmedValueThirdCloud = thirdCloudValue.trim();
-  var trimmedValueFourthCloud = fourthCloudValue.trim(); // Field can be left empty
+var validateFourthCloud = function validateFourthCloud(firstCloudValue, secondCloudValue, thirdCloudValue, fourthCloudValue, visibilityFieldValue) {
+  var trimmedValueFirstCloud = getFieldValue(firstCloudValue);
+  var trimmedValueSecondCloud = getFieldValue(secondCloudValue);
+  var trimmedValueThirdCloud = getFieldValue(thirdCloudValue);
+  var trimmedValueFourthCloud = getFieldValue(fourthCloudValue);
+  var visibilityValue = getFieldValue(visibilityFieldValue); // Field can be left empty
 
   if (!trimmedValueFourthCloud.length) {
     return true;
@@ -3257,7 +3260,7 @@ var TafAvatar = function TafAvatar(_ref) {
   }, getInitials(editor))));
 };
 
-var textFieldStyle = function textFieldStyle(theme) {
+var textFieldStyle = function textFieldStyle(theme, shouldPreventUppercase) {
   return {
     // input
     marginRight: '2px',
@@ -3266,6 +3269,7 @@ var textFieldStyle = function textFieldStyle(theme) {
     height: 46,
     input: {
       textAlign: 'center',
+      textTransform: shouldPreventUppercase ? 'none' : 'uppercase',
       fontSize: 10,
       fontWeight: 500,
       paddingLeft: 0,
@@ -3330,11 +3334,17 @@ var getTafErrors = function getTafErrors(name, errors) {
 var getDisplayValue = function getDisplayValue(value, disabled) {
   return disabled && !value ? '-' : value;
 };
-var BaseTextField = /*#__PURE__*/React__default.memo(function (props) {
+var BaseTextField = /*#__PURE__*/React__default.memo(function (_a) {
+  var _a$shouldPreventUpper = _a.shouldPreventUppercase,
+      shouldPreventUppercase = _a$shouldPreventUpper === void 0 ? false : _a$shouldPreventUpper,
+      props = __rest(_a, ["shouldPreventUppercase"]);
+
+  var theme = useTheme();
+  var styling = textFieldStyle(theme, shouldPreventUppercase);
   return /*#__PURE__*/React__default.createElement(TextField, Object.assign({
     type: "text",
     variant: "filled",
-    sx: textFieldStyle
+    sx: styling
   }, props));
 }, function (prevProps, nextProps) {
   return prevProps.value === nextProps.value && prevProps.error === nextProps.error && prevProps.name === nextProps.name && prevProps.disabled === nextProps.disabled;
@@ -3358,7 +3368,9 @@ var TafFormTextField = function TafFormTextField(_ref) {
       _ref$autoComplete = _ref.autoComplete,
       autoComplete = _ref$autoComplete === void 0 ? [] : _ref$autoComplete,
       _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus;
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+      _ref$shouldPreventUpp = _ref.shouldPreventUppercase,
+      shouldPreventUppercase = _ref$shouldPreventUpp === void 0 ? false : _ref$shouldPreventUpp;
 
   var _useFormContext = useFormContext(),
       control = _useFormContext.control,
@@ -3395,9 +3407,10 @@ var TafFormTextField = function TafFormTextField(_ref) {
     }
   }, [name, autoComplete, setValue]);
   var onChangeField = React__default.useCallback(function (event, callback) {
-    var valueUppercase = event.currentTarget.value.toUpperCase();
+    var value = event.currentTarget.value;
 
     if (autoComplete) {
+      var valueUppercase = value.toUpperCase();
       var exist = autoComplete.find(function (e) {
         return e.value === valueUppercase;
       });
@@ -3405,13 +3418,22 @@ var TafFormTextField = function TafFormTextField(_ref) {
       setMaxLength(newMaxLength);
     }
 
-    callback(valueUppercase);
-    onChange(valueUppercase);
+    callback(value);
+    onChange(value);
   }, [onChange, autoComplete]);
-  var onBlurField = React__default.useCallback(function (callback) {
+  var onBlurField = React__default.useCallback(function (event, callback) {
+    var value = event.target.value;
+    var valueUppercase = value.toUpperCase();
+
+    if (value !== valueUppercase && !shouldPreventUppercase) {
+      setValue(name, valueUppercase, {
+        shouldValidate: true
+      });
+    }
+
     callback();
     onBlur();
-  }, [onBlur]);
+  }, [onBlur, name, setValue, shouldPreventUppercase]);
   var hasError = !!fieldErrors;
   return /*#__PURE__*/React__default.createElement(Controller, {
     render: function render(_ref2) {
@@ -3423,18 +3445,19 @@ var TafFormTextField = function TafFormTextField(_ref) {
         name: name,
         value: displayValue,
         inputRef: field.ref,
-        onChange: function onChange(e) {
-          return onChangeField(e, field.onChange);
+        onChange: function onChange(event) {
+          return onChangeField(event, field.onChange);
         },
         onKeyDown: onKeyDown,
         error: hasError,
-        onBlur: function onBlur() {
-          return onBlurField(field.onBlur);
+        onBlur: function onBlur(event) {
+          return onBlurField(event, field.onBlur);
         },
         inputProps: {
           maxLength: maxLength
         },
-        autoFocus: autoFocus
+        autoFocus: autoFocus,
+        shouldPreventUppercase: shouldPreventUppercase
       });
     },
     name: name,
@@ -3750,7 +3773,8 @@ var TafFormRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     formatter: formatIssueTime,
     label: "Issue time",
     name: "issueDate",
-    disabled: true
+    disabled: true,
+    shouldPreventUppercase: true
   })), isChangeGroup && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Box, {
     sx: {
       width: 56,