@opengeoweb/knmi-components 15.3.0 → 17.0.0

package/index.esm.js

@@ -1,8 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { LinearProgress, Box, Grid, FormControlLabel, Radio, MenuItem, Checkbox, Button } from '@mui/material';
 import { useFormContext } from 'react-hook-form';
 import { FORM_FIELDS_NAMESPACE, ReactHookFormTextField, ReactHookFormNumberField, isLatitude, isLongitude, isValidMin, isValidMax, ReactHookFormDateTime, isXHoursBefore, isXHoursAfter, ReactHookFormRadioGroup, ReactHookFormSelect, ReactHookFormFormControl, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
-import { sessionStorageProvider, SHARED_NAMESPACE, dateUtils, usePreventBrowserClose, AlertBanner, ErrorBoundary } from '@opengeoweb/shared';
+import { sessionStorageProvider, SHARED_NAMESPACE, usePreventBrowserClose, AlertBanner, dateUtils, ErrorBoundary } from '@opengeoweb/shared';
 import { useMutation } from '@tanstack/react-query';
 import { useDispatch } from 'react-redux';
 import { useAuthenticationContext } from '@opengeoweb/authentication';
@@ -10,6 +9,7 @@ import { snackbarActions, snackbarTypes } from '@opengeoweb/snackbar';
 import { getHeaders, handleResponse } from '@opengeoweb/api';
 import 'i18next';
 import { useTranslation } from 'react-i18next';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var en = {
 	"error-auth-login": "This feature is protected by authentication. Please log in to proceed",
@@ -68,30 +68,303 @@ var knmicomponentTranslations = {
 	nl: nl
 };
 
-/* *
- * 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 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2026 - Finnish Meteorological Institute (FMI)
- * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
- * */
-const config = sessionStorageProvider.getConfig();
-const publisherBaseUrl = config.GW_KNMI_PUBLISHER_BASE_URL || '';
-const publishProduct = async (auth, data, productType = 'trajks') => fetch(`${publisherBaseUrl}/publish/${productType}`, {
-  headers: getHeaders(auth),
-  method: 'POST',
-  body: JSON.stringify(data)
-}).then(handleResponse);
+function _OverloadYield(e, d) {
+  this.v = e, this.k = d;
+}
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = false,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = true, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
+      };
+    }(r, o, i), true), u;
+  }
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
+    return this;
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+function _regeneratorAsync(n, e, r, t, o) {
+  var a = _regeneratorAsyncGen(n, e, r, t, o);
+  return a.next().then(function (n) {
+    return n.done ? n.value : a.next();
+  });
+}
+function _regeneratorAsyncGen(r, e, t, o, n) {
+  return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise);
+}
+function _regeneratorAsyncIterator(t, e) {
+  function n(r, o, i, f) {
+    try {
+      var c = t[r](o),
+        u = c.value;
+      return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) {
+        n("next", t, i, f);
+      }, function (t) {
+        n("throw", t, i, f);
+      }) : e.resolve(u).then(function (t) {
+        c.value = t, i(c);
+      }, function (t) {
+        return n("throw", t, i, f);
+      });
+    } catch (t) {
+      f(t);
+    }
+  }
+  var r;
+  this.next || (_regeneratorDefine(_regeneratorAsyncIterator.prototype), _regeneratorDefine(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
+    return this;
+  })), _regeneratorDefine(this, "_invoke", function (t, o, i) {
+    function f() {
+      return new e(function (e, r) {
+        n(t, i, e, r);
+      });
+    }
+    return r = r ? r.then(f, f) : f();
+  }, true);
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    if (r) i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n;else {
+      function o(r, n) {
+        _regeneratorDefine(e, r, function (e) {
+          return this._invoke(r, n, e);
+        });
+      }
+      o("next", 0), o("throw", 1), o("return", 2);
+    }
+  }, _regeneratorDefine(e, r, n, t);
+}
+function _regeneratorKeys(e) {
+  var n = Object(e),
+    r = [];
+  for (var t in n) r.unshift(t);
+  return function e() {
+    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = false, e;
+    return e.done = true, e;
+  };
+}
+function _regeneratorValues(e) {
+  if (null != e) {
+    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
+      r = 0;
+    if (t) return t.call(e);
+    if ("function" == typeof e.next) return e;
+    if (!isNaN(e.length)) return {
+      next: function () {
+        return e && r >= e.length && (e = void 0), {
+          value: e && e[r++],
+          done: !e
+        };
+      }
+    };
+  }
+  throw new TypeError(typeof e + " is not iterable");
+}
+function _regeneratorRuntime() {
+
+  var r = _regenerator(),
+    e = r.m(_regeneratorRuntime),
+    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
+  function n(r) {
+    var e = "function" == typeof r && r.constructor;
+    return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
+  }
+  var o = {
+    throw: 1,
+    return: 2,
+    break: 3,
+    continue: 3
+  };
+  function a(r) {
+    var e, t;
+    return function (n) {
+      e || (e = {
+        stop: function () {
+          return t(n.a, 2);
+        },
+        catch: function () {
+          return n.v;
+        },
+        abrupt: function (r, e) {
+          return t(n.a, o[r], e);
+        },
+        delegateYield: function (r, o, a) {
+          return e.resultName = o, t(n.d, _regeneratorValues(r), a);
+        },
+        finish: function (r) {
+          return t(n.f, r);
+        }
+      }, t = function (r, t, o) {
+        n.p = e.prev, n.n = e.next;
+        try {
+          return r(t, o);
+        } finally {
+          e.next = n.n;
+        }
+      }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
+      try {
+        return r.call(this, e);
+      } finally {
+        n.p = e.prev, n.n = e.next;
+      }
+    };
+  }
+  return (_regeneratorRuntime = function () {
+    return {
+      wrap: function (e, t, n, o) {
+        return r.w(a(e), t, n, o && o.reverse());
+      },
+      isGeneratorFunction: n,
+      mark: r.m,
+      awrap: function (r, e) {
+        return new _OverloadYield(r, e);
+      },
+      AsyncIterator: _regeneratorAsyncIterator,
+      async: function (r, e, t, o, u) {
+        return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u);
+      },
+      keys: _regeneratorKeys,
+      values: _regeneratorValues
+    };
+  })();
+}
+
+var config = sessionStorageProvider.getConfig();
+var publisherBaseUrl = config.GW_KNMI_PUBLISHER_BASE_URL || '';
+var publishProduct = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth, data, productType) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (productType === void 0) {
+            productType = 'trajks';
+          }
+          return _context.abrupt("return", fetch(publisherBaseUrl + "/publish/" + productType, {
+            headers: getHeaders(auth),
+            method: 'POST',
+            body: JSON.stringify(data)
+          }).then(handleResponse));
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function publishProduct(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -110,9 +383,70 @@ const publishProduct = async (auth, data, productType = 'trajks') => fetch(`${pu
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-const KNMICOMPONENTS_NAMESPACE = 'KNMIComponents';
-const ns = [KNMICOMPONENTS_NAMESPACE, SHARED_NAMESPACE, FORM_FIELDS_NAMESPACE];
-const useKNMIComponentsTranslation = () => useTranslation(ns);
+
+var KNMICOMPONENTS_NAMESPACE = 'KNMIComponents';
+var ns = [KNMICOMPONENTS_NAMESPACE, SHARED_NAMESPACE, FORM_FIELDS_NAMESPACE];
+var useKNMIComponentsTranslation = function useKNMIComponentsTranslation() {
+  return useTranslation(ns);
+};
+
+var usePublishProduct = function usePublishProduct() {
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
+  var _useKNMIComponentsTra = useKNMIComponentsTranslation(),
+    t = _useKNMIComponentsTra.t;
+  var dispatch = useDispatch();
+  return useMutation({
+    mutationFn: function () {
+      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+        var data;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              data = _ref.data;
+              if (auth) {
+                _context.next = 3;
+                break;
+              }
+              throw new Error('Authentication context not found');
+            case 3:
+              return _context.abrupt("return", publishProduct(auth, data));
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function mutationFn(_x) {
+        return _mutationFn.apply(this, arguments);
+      }
+      return mutationFn;
+    }(),
+    onSuccess: function () {
+      var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_data, _ref2) {
+        var clearForm;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              clearForm = _ref2.clearForm;
+              dispatch(snackbarActions.openSnackbar({
+                type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+                key: t('message-publish-success')
+              }));
+              clearForm();
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function onSuccess(_x2, _x3) {
+        return _onSuccess.apply(this, arguments);
+      }
+      return onSuccess;
+    }()
+  });
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -127,40 +461,12 @@ const useKNMIComponentsTranslation = () => useTranslation(ns);
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2026 - Finnish Meteorological Institute (FMI)
- * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-const usePublishProduct = () => {
-  const {
-    auth
-  } = useAuthenticationContext();
-  const {
-    t
-  } = useKNMIComponentsTranslation();
-  const dispatch = useDispatch();
-  return useMutation({
-    mutationFn: async ({
-      data
-    }) => {
-      if (!auth) {
-        throw new Error('Authentication context not found');
-      }
-      return publishProduct(auth, data);
-    },
-    onSuccess: async (_data, {
-      clearForm
-    }) => {
-      dispatch(snackbarActions.openSnackbar({
-        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
-        key: t('message-publish-success')
-      }));
-      clearForm();
-    }
-  });
-};
 
-const formStyles = {
+var formStyles = {
   padding: '32px 16px',
   '.MuiSelect-select.MuiInputBase-input.MuiFilledInput-input': {
     paddingTop: '17px',
@@ -175,161 +481,164 @@ const formStyles = {
     paddingBottom: '0px'
   }
 };
-const rowStyles = {
+var rowStyles = {
   width: '100%',
   display: 'flex',
   flexWrap: 'wrap',
   gap: '16px',
   marginTop: '-8px'
 };
-const fieldStyles = {
+var fieldStyles = {
   flexGrow: 1,
   flexBasis: '240px',
   minWidth: '240px'
 };
-const fieldStylesRadio = {
+var fieldStylesRadio = {
   flexGrow: 1,
   flexBasis: '112px',
   minWidth: '112px'
 };
-const MIN_HEIGHT = 0;
-const MAX_HEIGHT = 10000;
-const MIN_DURATION = 1;
-const MAX_DURATION = 125;
-const MIN_MAX_TIME = 120;
-const generateDefaultValues = () => {
+var MIN_HEIGHT = 0;
+var MAX_HEIGHT = 10000;
+var MIN_DURATION = 1;
+var MAX_DURATION = 125;
+var MIN_MAX_TIME = 120;
+
+// String type for number fields is to allow empty default values
+
+var generateDefaultValues = function generateDefaultValues() {
+  var _dateUtils$dateToStri;
   return {
     referenceName: '',
     lat: '',
     lon: '',
     releaseHeight: '',
-    start: dateUtils.dateToString(dateUtils.sub(dateUtils.utc(), {})) ?? '',
+    start: (_dateUtils$dateToStri = dateUtils.dateToString(dateUtils.sub(dateUtils.utc(), {}))) != null ? _dateUtils$dateToStri : '',
     direction: 'forward',
     duration: 48,
     numVerticalLevels: 1,
     spatialUncertainty: false
   };
 };
-const Form = () => {
-  const {
-    t
-  } = useKNMIComponentsTranslation();
-  const {
-    handleSubmit,
-    formState,
-    reset,
-    watch,
-    setValue
-  } = useFormContext();
-  const {
-    dirtyFields,
-    isValid
-  } = formState;
-  const isDirty = Object.keys(dirtyFields).length > 0;
+var Form = function Form() {
+  var _useKNMIComponentsTra = useKNMIComponentsTranslation(),
+    t = _useKNMIComponentsTra.t;
+  var _useFormContext = useFormContext(),
+    handleSubmit = _useFormContext.handleSubmit,
+    formState = _useFormContext.formState,
+    reset = _useFormContext.reset,
+    watch = _useFormContext.watch,
+    setValue = _useFormContext.setValue;
+  var dirtyFields = formState.dirtyFields,
+    isValid = formState.isValid;
+  var isDirty = Object.keys(dirtyFields).length > 0;
   usePreventBrowserClose(isDirty);
-  const {
-    mutate: publishProduct,
-    error: publishError,
-    isPending: isPublishing
-  } = usePublishProduct();
-  const handleSendForm = () => {
-    void handleSubmit(data => {
+  var _usePublishProduct = usePublishProduct(),
+    publishProduct = _usePublishProduct.mutate,
+    publishError = _usePublishProduct.error,
+    isPublishing = _usePublishProduct.isPending;
+  var handleSendForm = function handleSendForm() {
+    void handleSubmit(function (data) {
       publishProduct({
         data: data,
         clearForm: handleClearForm
       });
     })();
   };
-  const handleClearForm = () => {
+  var handleClearForm = function handleClearForm() {
     reset(generateDefaultValues());
   };
-  const spatialUncertainty = watch('spatialUncertainty');
-  return jsxs("form", {
+  var spatialUncertainty = watch('spatialUncertainty');
+  return /*#__PURE__*/jsxs("form", {
     "data-testid": "trajks-form",
     style: {
       height: '100%',
       overflowY: 'auto'
     },
-    children: [isPublishing ? jsx(LinearProgress, {
+    children: [isPublishing ? /*#__PURE__*/jsx(LinearProgress, {
       color: "secondary",
       sx: {
         position: 'absolute',
         width: '100%'
       }
-    }) : null, publishError ? jsx(Box, {
+    }) : null, publishError ? /*#__PURE__*/jsx(Box, {
       sx: {
         width: '100%'
       },
-      children: jsx(AlertBanner, {
+      children: /*#__PURE__*/jsx(AlertBanner, {
         info: publishError.message,
         shouldClose: true,
         title: t('error-publish')
       })
-    }) : null, jsxs(Grid, {
+    }) : null, /*#__PURE__*/jsxs(Grid, {
       container: true,
       spacing: 3,
       sx: formStyles,
-      children: [jsx(ReactHookFormTextField, {
+      children: [/*#__PURE__*/jsx(ReactHookFormTextField, {
         label: t('reference-name'),
         name: "referenceName",
         rules: {
           required: true
         },
         size: "small"
-      }), jsxs(Box, {
+      }), /*#__PURE__*/jsxs(Box, {
         sx: rowStyles,
-        children: [jsx(Box, {
+        children: [/*#__PURE__*/jsx(Box, {
           sx: fieldStyles,
-          children: jsx(ReactHookFormNumberField, {
+          children: /*#__PURE__*/jsx(ReactHookFormNumberField, {
             inputMode: "decimal",
             label: t('latitude'),
             name: "lat",
             rules: {
               required: true,
               validate: {
-                isLatitude
+                isLatitude: isLatitude
               }
             },
             size: "small"
           })
-        }), jsx(Box, {
+        }), /*#__PURE__*/jsx(Box, {
           sx: fieldStyles,
-          children: jsx(ReactHookFormNumberField, {
+          children: /*#__PURE__*/jsx(ReactHookFormNumberField, {
             inputMode: "decimal",
             label: t('longitude'),
             name: "lon",
             rules: {
               required: true,
               validate: {
-                isLongitude
+                isLongitude: isLongitude
               }
             },
             size: "small"
           })
         })]
-      }), jsxs(Box, {
+      }), /*#__PURE__*/jsxs(Box, {
         sx: rowStyles,
-        children: [jsx(Box, {
+        children: [/*#__PURE__*/jsx(Box, {
           sx: fieldStyles,
-          children: jsx(ReactHookFormNumberField, {
+          children: /*#__PURE__*/jsx(ReactHookFormNumberField, {
             label: t('release-height'),
             name: "releaseHeight",
             rules: {
               required: true,
               validate: {
-                maxHeight: value => isValidMax(value, MAX_HEIGHT) || t('release-height-max-error', {
-                  maxValue: MAX_HEIGHT
-                }),
-                minHeight: value => isValidMin(value, MIN_HEIGHT) || t('release-height-min-error', {
-                  minHeightValue: MIN_HEIGHT
-                })
+                maxHeight: function maxHeight(value) {
+                  return isValidMax(value, MAX_HEIGHT) || t('release-height-max-error', {
+                    maxValue: MAX_HEIGHT
+                  });
+                },
+                minHeight: function minHeight(value) {
+                  return isValidMin(value, MIN_HEIGHT) || t('release-height-min-error', {
+                    minHeightValue: MIN_HEIGHT
+                  });
+                }
               }
             },
             size: "small"
           })
-        }), jsx(Box, {
+        }), /*#__PURE__*/jsx(Box, {
           sx: fieldStyles,
-          children: jsx(ReactHookFormDateTime, {
+          children: /*#__PURE__*/jsx(ReactHookFormDateTime, {
             format: "dd/MM/yyyy HH:mm",
             label: t('start'),
             name: "start",
@@ -338,14 +647,14 @@ const Form = () => {
               required: true,
               validate: {
                 isValidDate: dateUtils.isValidIsoDateString,
-                isCurrentTimeWithinXHoursValue: value => {
-                  const isValidBefore = isXHoursBefore(dateUtils.getCurrentTimeAsString(), value, MIN_MAX_TIME);
+                isCurrentTimeWithinXHoursValue: function isCurrentTimeWithinXHoursValue(value) {
+                  var isValidBefore = isXHoursBefore(dateUtils.getCurrentTimeAsString(), value, MIN_MAX_TIME);
                   if (!isValidBefore) {
                     return t('start-time-after-error-message', {
                       hours: MIN_MAX_TIME
                     });
                   }
-                  const isValidAfter = isXHoursAfter(dateUtils.getCurrentTimeAsString(), value, MIN_MAX_TIME);
+                  var isValidAfter = isXHoursAfter(dateUtils.getCurrentTimeAsString(), value, MIN_MAX_TIME);
                   return isValidBefore && isValidAfter || t('start-time-before-error-message', {
                     hours: MIN_MAX_TIME
                   });
@@ -354,55 +663,60 @@ const Form = () => {
             }
           })
         })]
-      }), jsx(ReactHookFormRadioGroup, {
+      }), /*#__PURE__*/jsx(ReactHookFormRadioGroup, {
         name: "direction",
         row: true,
         rules: {
           required: true
         },
-        children: jsxs(Box, {
+        children: /*#__PURE__*/jsxs(Box, {
           sx: rowStyles,
-          children: [jsx(Box, {
+          children: [/*#__PURE__*/jsx(Box, {
             sx: fieldStylesRadio,
-            children: jsx(FormControlLabel, {
-              control: jsx(Radio, {}),
+            children: /*#__PURE__*/jsx(FormControlLabel, {
+              control: /*#__PURE__*/jsx(Radio, {}),
               label: t('direction-for'),
               value: "forward"
             }, "forward")
-          }), jsx(Box, {
+          }), /*#__PURE__*/jsx(Box, {
             sx: fieldStylesRadio,
-            children: jsx(FormControlLabel, {
-              control: jsx(Radio, {}),
+            children: /*#__PURE__*/jsx(FormControlLabel, {
+              control: /*#__PURE__*/jsx(Radio, {}),
               label: t('direction-back'),
               value: "backward"
             }, "backward")
           })]
         })
-      }), jsxs(Box, {
+      }), /*#__PURE__*/jsxs(Box, {
         sx: rowStyles,
-        children: [jsx(Box, {
+        children: [/*#__PURE__*/jsx(Box, {
           sx: fieldStyles,
-          children: jsx(ReactHookFormNumberField, {
+          children: /*#__PURE__*/jsx(ReactHookFormNumberField, {
             label: t('trajectory-duration'),
             name: "duration",
             rules: {
               required: true,
               validate: {
-                maxDuration: value => isValidMax(value, MAX_DURATION) || t('trajectory-duration-max-error', {
-                  maxValue: MAX_DURATION
-                }),
-                minDuration: value =>
-                // The min level depends on the unit
-                isValidMin(value, MIN_DURATION) || t('trajectory-duration-min-error', {
-                  minLevelValue: MIN_DURATION
-                })
+                maxDuration: function maxDuration(value) {
+                  return isValidMax(value, MAX_DURATION) || t('trajectory-duration-max-error', {
+                    maxValue: MAX_DURATION
+                  });
+                },
+                minDuration: function minDuration(value) {
+                  return (
+                    // The min level depends on the unit
+                    isValidMin(value, MIN_DURATION) || t('trajectory-duration-min-error', {
+                      minLevelValue: MIN_DURATION
+                    })
+                  );
+                }
               }
             },
             size: "small"
           })
-        }), jsx(Box, {
+        }), /*#__PURE__*/jsx(Box, {
           sx: fieldStyles,
-          children: jsx(ReactHookFormSelect, {
+          children: /*#__PURE__*/jsx(ReactHookFormSelect, {
             label: t('num-vertical-levels'),
             name: "numVerticalLevels",
             rules: {
@@ -411,21 +725,23 @@ const Form = () => {
             size: "small",
             children: Array.from({
               length: 10
-            }, (_, i) => i + 1).map(level => {
-              return jsx(MenuItem, {
+            }, function (_, i) {
+              return i + 1;
+            }).map(function (level) {
+              return /*#__PURE__*/jsx(MenuItem, {
                 value: level,
                 children: level
               }, level);
             })
           })
         })]
-      }), jsx(ReactHookFormFormControl, {
-        children: jsx(FormControlLabel, {
-          control: jsx(Checkbox, {
+      }), /*#__PURE__*/jsx(ReactHookFormFormControl, {
+        children: /*#__PURE__*/jsx(FormControlLabel, {
+          control: /*#__PURE__*/jsx(Checkbox, {
             checked: spatialUncertainty,
             color: "secondary",
             name: "spatialUncertainty",
-            onChange: () => {
+            onChange: function onChange() {
               setValue('spatialUncertainty', !spatialUncertainty, {
                 shouldDirty: true
               });
@@ -433,14 +749,14 @@ const Form = () => {
           }),
           label: t('spatial-uncertainty')
         })
-      }), jsxs(Grid, {
+      }), /*#__PURE__*/jsxs(Grid, {
         alignItems: "center",
         container: true,
         justifyContent: "flex-end",
         size: 12,
         spacing: 2,
-        children: [jsx(Grid, {
-          children: jsx(Button, {
+        children: [/*#__PURE__*/jsx(Grid, {
+          children: /*#__PURE__*/jsx(Button, {
             onClick: handleClearForm,
             size: "small",
             sx: {
@@ -450,8 +766,8 @@ const Form = () => {
             variant: "tertiary",
             children: t('clear-form')
           })
-        }), jsx(Grid, {
-          children: jsx(Button, {
+        }), /*#__PURE__*/jsx(Grid, {
+          children: /*#__PURE__*/jsx(Button, {
             disabled: !isValid || isPublishing,
             onClick: handleSendForm,
             size: "small",
@@ -467,43 +783,70 @@ const Form = () => {
     })]
   });
 };
-const TrajksForm = props => {
-  return jsx(ReactHookFormProvider, {
-    options: {
-      ...defaultFormOptions,
+var TrajksForm = function TrajksForm(props) {
+  return /*#__PURE__*/jsx(ReactHookFormProvider, {
+    options: Object.assign({}, defaultFormOptions, {
       defaultValues: generateDefaultValues()
-    },
-    children: jsx(Form, {
-      ...props
-    })
+    }),
+    children: /*#__PURE__*/jsx(Form, Object.assign({}, props))
   });
 };
 
-const TrajksFormWrapper = () => {
-  const {
-    t
-  } = useKNMIComponentsTranslation();
-  const {
-    isLoggedIn
-  } = useAuthenticationContext();
+/* *
+ * 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 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var TrajksFormWrapper = function TrajksFormWrapper() {
+  var _useKNMIComponentsTra = useKNMIComponentsTranslation(),
+    t = _useKNMIComponentsTra.t;
+  var _useAuthenticationCon = useAuthenticationContext(),
+    isLoggedIn = _useAuthenticationCon.isLoggedIn;
   if (!isLoggedIn) {
-    return jsx(AlertBanner, {
+    return /*#__PURE__*/jsx(AlertBanner, {
       title: t('error-auth-login')
     });
   }
-  return jsx(ErrorBoundary, {
-    children: jsx(TrajksForm, {})
+  return /*#__PURE__*/jsx(ErrorBoundary, {
+    children: /*#__PURE__*/jsx(TrajksForm, {})
   });
 };
 
-const TRAJKS_COMPONENT_TYPE = 'TrajksModule';
-const componentsLookUp = payload => {
-  const {
-    componentType
-  } = payload;
+/* *
+ * 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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var TRAJKS_COMPONENT_TYPE = 'TrajksModule';
+var componentsLookUp = function componentsLookUp(payload) {
+  var componentType = payload.componentType;
   switch (componentType) {
     case TRAJKS_COMPONENT_TYPE:
-      return jsx(TrajksFormWrapper, {});
+      return /*#__PURE__*/jsx(TrajksFormWrapper, {});
     default:
       return null;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/knmi-components",
-  "version": "15.3.0",
+  "version": "17.0.0",
   "description": "GeoWeb knmi-components library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,21 +8,21 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/form-fields": "15.3.0",
+    "@opengeoweb/form-fields": "17.0.0",
     "react-hook-form": "^7.61.1",
     "@mui/material": "^7.2.0",
-    "@opengeoweb/shared": "15.3.0",
-    "@opengeoweb/theme": "15.3.0",
+    "@opengeoweb/shared": "17.0.0",
+    "@opengeoweb/theme": "17.0.0",
     "i18next": "^25.3.2",
     "react-i18next": "^15.1.1",
-    "@opengeoweb/api": "15.3.0",
-    "@opengeoweb/authentication": "15.3.0",
+    "@opengeoweb/api": "17.0.0",
+    "@opengeoweb/authentication": "17.0.0",
     "@tanstack/react-query": "^5.85.5",
     "react-redux": "^9.2.0",
-    "@opengeoweb/snackbar": "15.3.0"
+    "@opengeoweb/snackbar": "17.0.0"
   },
   "devDependencies": {
-    "eslint-plugin-storybook": "9.0.17"
+    "eslint-plugin-storybook": "10.3.3"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/index.d.ts

@@ -1,5 +0,0 @@
-import knmiComponentTranslations from '../locales/knmicomponents.json';
-export * from './lib/components/Trajks';
-export * from './lib/components/ComponentsLookup';
-export { KNMICOMPONENTS_NAMESPACE } from './lib/utils/i18n';
-export { knmiComponentTranslations };

package/src/lib/api/api.d.ts

@@ -1,3 +0,0 @@
-import type { Credentials } from '@opengeoweb/authentication';
-import type { TrajksFormValues } from '../components/Trajks';
-export declare const publishProduct: (auth: Credentials, data: TrajksFormValues, productType?: string) => Promise<Headers | null>;

package/src/lib/api/fakeApi.d.ts

@@ -1 +0,0 @@
-export declare const requestHandlers: import("msw").HttpHandler[];

package/src/lib/api/hooks.d.ts

@@ -1,9 +0,0 @@
-import type { UseMutationResult } from '@tanstack/react-query';
-import type { TrajksFormValues } from '../components/Trajks';
-type MutationReturnType<T> = UseMutationResult<Headers | null, Error, T>;
-interface PublishProductProps {
-    data: TrajksFormValues;
-    clearForm: () => void;
-}
-export declare const usePublishProduct: () => MutationReturnType<PublishProductProps>;
-export {};

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

@@ -1,10 +0,0 @@
-declare const TRAJKS_COMPONENT_TYPE: "TrajksModule";
-export type TrajksComponentType = typeof TRAJKS_COMPONENT_TYPE;
-export interface ComponentsLookUpPayload {
-    componentType: TrajksComponentType;
-    id: string;
-    title?: string;
-    initialProps: unknown;
-}
-export declare const componentsLookUp: (payload: ComponentsLookUpPayload) => React.ReactElement;
-export {};

package/src/lib/components/ComponentsLookup/ComponentsLookUp.spec.d.ts

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

package/src/lib/components/ComponentsLookup/index.d.ts

@@ -1 +0,0 @@
-export * from './ComponentsLookUp';

package/src/lib/components/Trajks/TrajksForm.d.ts

@@ -1,14 +0,0 @@
-export interface TrajksFormValues {
-    referenceName: string;
-    lat: number | string;
-    lon: number | string;
-    releaseHeight: number | string;
-    start: string;
-    direction: string;
-    duration: number;
-    numVerticalLevels: number;
-    spatialUncertainty: boolean;
-}
-export declare const generateDefaultValues: () => TrajksFormValues;
-export declare const Form: () => React.JSX.Element;
-export declare const TrajksForm: React.FC;

package/src/lib/components/Trajks/TrajksForm.spec.d.ts

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

package/src/lib/components/Trajks/TrajksForm.stories.d.ts

@@ -1,11 +0,0 @@
-import type { StoryObj } from '@storybook/react-webpack5';
-import { Form } from './TrajksForm';
-type Story = StoryObj<typeof Form>;
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const TrajksLight: Story;
-export declare const TrajksDark: Story;
-export declare const TrajksLightLarge: Story;
-export declare const TrajksDarkLarge: Story;

package/src/lib/components/Trajks/TrajksFormWrapper.d.ts

@@ -1 +0,0 @@
-export declare const TrajksFormWrapper: React.FC;

package/src/lib/components/Trajks/TrajksFormWrapper.spec.d.ts

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

package/src/lib/components/Trajks/TrajksFormWrapper.stories.d.ts

@@ -1,9 +0,0 @@
-import type { StoryObj } from '@storybook/react-webpack5';
-import { TrajksFormWrapper } from './TrajksFormWrapper';
-type Story = StoryObj<typeof TrajksFormWrapper>;
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Demo: Story;
-export declare const DemoError: Story;

package/src/lib/components/Trajks/index.d.ts

@@ -1 +0,0 @@
-export * from './TrajksForm';

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

@@ -1,9 +0,0 @@
-import type { Theme } from '@mui/material';
-import type { UseFormProps } from 'react-hook-form';
-interface KNMIComponentsThemeFormProviderProps {
-    children: React.ReactNode;
-    options?: UseFormProps;
-    theme?: Theme;
-}
-export declare const KNMIComponentsThemeFormProvider: React.FC<KNMIComponentsThemeFormProviderProps>;
-export {};

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

@@ -1,6 +0,0 @@
-import i18n from 'i18next';
-import type { UseTranslationResponse } from 'react-i18next';
-export declare const KNMICOMPONENTS_NAMESPACE = "KNMIComponents";
-export declare const initKNMIComponentsI18n: () => void;
-export declare const translateInTestsAndStories: (key: string, params?: Record<string, string | number> | undefined) => string;
-export declare const useKNMIComponentsTranslation: () => UseTranslationResponse<typeof KNMICOMPONENTS_NAMESPACE, typeof i18n>;