@opengeoweb/form-fields 9.31.0 → 9.32.1

package/index.esm.js

@@ -4,7 +4,7 @@ import { useFormContext, useController, useForm, FormProvider } from 'react-hook
 import { isEqual } from 'lodash';
 import { dateUtils } from '@opengeoweb/shared';
 import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
+import { initReactI18next, useTranslation } from 'react-i18next';
 import * as React from 'react';
 import { DateTimePicker } from '@mui/x-date-pickers';
 import { CalendarToday } from '@opengeoweb/theme';
@@ -82,6 +82,16 @@ var formFieldsTranslations = {
 	nl: nl
 };
 
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.indexOf(n) >= 0) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var check = function (it) {
@@ -89,7 +99,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$h =
+var globalThis_1 =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -240,7 +250,7 @@ var isObject$9 = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$f(it);
 };
 
-var global$g = global$h;
+var globalThis$i = globalThis_1;
 var isCallable$e = isCallable$g;
 
 var aFunction = function (argument) {
@@ -248,21 +258,26 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$3 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$g[namespace]) : global$g[namespace] && global$g[namespace][method];
+  return arguments.length < 2 ? aFunction(globalThis$i[namespace]) : globalThis$i[namespace] && globalThis$i[namespace][method];
 };
 
 var uncurryThis$e = functionUncurryThis;
 
 var objectIsPrototypeOf = uncurryThis$e({}.isPrototypeOf);
 
-var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
+var globalThis$h = globalThis_1;
+
+var navigator = globalThis$h.navigator;
+var userAgent$2 = navigator && navigator.userAgent;
 
-var global$f = global$h;
-var userAgent = engineUserAgent;
+var environmentUserAgent = userAgent$2 ? String(userAgent$2) : '';
 
-var process = global$f.process;
-var Deno = global$f.Deno;
-var versions = process && process.versions || Deno && Deno.version;
+var globalThis$g = globalThis_1;
+var userAgent$1 = environmentUserAgent;
+
+var process = globalThis$g.process;
+var Deno$1 = globalThis$g.Deno;
+var versions = process && process.versions || Deno$1 && Deno$1.version;
 var v8 = versions && versions.v8;
 var match, version;
 
@@ -275,22 +290,22 @@ if (v8) {
 
 // BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
 // so check `userAgent` even if `.v8` exists, but 0
-if (!version && userAgent) {
-  match = userAgent.match(/Edge\/(\d+)/);
+if (!version && userAgent$1) {
+  match = userAgent$1.match(/Edge\/(\d+)/);
   if (!match || match[1] >= 74) {
-    match = userAgent.match(/Chrome\/(\d+)/);
+    match = userAgent$1.match(/Chrome\/(\d+)/);
     if (match) version = +match[1];
   }
 }
 
-var engineV8Version = version;
+var environmentV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
-var V8_VERSION = engineV8Version;
+var V8_VERSION = environmentV8Version;
 var fails$h = fails$l;
-var global$e = global$h;
+var globalThis$f = globalThis_1;
 
-var $String$5 = global$e.String;
+var $String$5 = globalThis$f.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$h(function () {
@@ -307,9 +322,9 @@ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$h(func
 /* eslint-disable es/no-symbol -- required for testing */
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
-var useSymbolAsUid = NATIVE_SYMBOL$1
-  && !Symbol.sham
-  && typeof Symbol.iterator == 'symbol';
+var useSymbolAsUid = NATIVE_SYMBOL$1 &&
+  !Symbol.sham &&
+  typeof Symbol.iterator == 'symbol';
 
 var getBuiltIn$2 = getBuiltIn$3;
 var isCallable$d = isCallable$g;
@@ -374,30 +389,30 @@ var ordinaryToPrimitive$1 = function (input, pref) {
 
 var sharedStore = {exports: {}};
 
-var global$d = global$h;
+var globalThis$e = globalThis_1;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$5 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$5(global$d, key, { value: value, configurable: true, writable: true });
+    defineProperty$5(globalThis$e, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$d[key] = value;
+    globalThis$e[key] = value;
   } return value;
 };
 
-var globalThis$1 = global$h;
+var globalThis$d = globalThis_1;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = sharedStore.exports = globalThis$d[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 (store$3.versions || (store$3.versions = [])).push({
-  version: '3.37.1',
+  version: '3.39.0',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.37.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.39.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -441,14 +456,14 @@ var uid$2 = function (key) {
   return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$9(++id + postfix, 36);
 };
 
-var global$c = global$h;
+var globalThis$c = globalThis_1;
 var shared$3 = shared$4;
 var hasOwn$9 = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
-var Symbol$3 = global$c.Symbol;
+var Symbol$3 = globalThis$c.Symbol;
 var WellKnownSymbolsStore = shared$3('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$3['for'] || Symbol$3 : Symbol$3 && Symbol$3.withoutSetter || uid$1;
 
@@ -496,10 +511,10 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
 
-var global$b = global$h;
+var globalThis$b = globalThis_1;
 var isObject$6 = isObject$9;
 
-var document$1 = global$b.document;
+var document$1 = globalThis$b.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS$1 = isObject$6(document$1) && isObject$6(document$1.createElement);
 
@@ -658,10 +673,10 @@ if (!isCallable$a(store$1.inspectSource)) {
 
 var inspectSource$1 = store$1.inspectSource;
 
-var global$a = global$h;
+var globalThis$a = globalThis_1;
 var isCallable$9 = isCallable$g;
 
-var WeakMap$1 = global$a.WeakMap;
+var WeakMap$1 = globalThis$a.WeakMap;
 
 var weakMapBasicDetection = isCallable$9(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
@@ -677,7 +692,7 @@ var sharedKey$3 = function (key) {
 var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$9 = global$h;
+var globalThis$9 = globalThis_1;
 var isObject$4 = isObject$9;
 var createNonEnumerableProperty$4 = createNonEnumerableProperty$5;
 var hasOwn$6 = hasOwnProperty_1;
@@ -686,8 +701,8 @@ var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = global$9.TypeError;
-var WeakMap = global$9.WeakMap;
+var TypeError$1 = globalThis$9.TypeError;
+var WeakMap = globalThis$9.WeakMap;
 var set, get, has;
 
 var enforce = function (it) {
@@ -1025,7 +1040,7 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$8 = global$h;
+var globalThis$8 = globalThis_1;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$5;
 var defineBuiltIn$4 = defineBuiltIn$5;
@@ -1054,11 +1069,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$8;
+    target = globalThis$8;
   } else if (STATIC) {
-    target = global$8[TARGET] || defineGlobalProperty(TARGET, {});
+    target = globalThis$8[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = global$8[TARGET] && global$8[TARGET].prototype;
+    target = globalThis$8[TARGET] && globalThis$8[TARGET].prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1157,40 +1172,6 @@ $$9({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 var objectDefineProperties = {};
 
 var DESCRIPTORS$1 = descriptors;
@@ -1244,7 +1225,8 @@ var NullProtoObjectViaActiveX = function (activeXDocument) {
   activeXDocument.write(scriptTag(''));
   activeXDocument.close();
   var temp = activeXDocument.parentWindow.Object;
-  activeXDocument = null; // avoid memory leak
+  // eslint-disable-next-line no-useless-assignment -- avoid memory leak
+  activeXDocument = null;
   return temp;
 };
 
@@ -1629,7 +1611,7 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
   var target = state.target;
   var index = state.index++;
   if (!target || index >= target.length) {
-    state.target = undefined;
+    state.target = null;
     return createIterResultObject(undefined, true);
   }
   switch (state.kind) {
@@ -1736,7 +1718,7 @@ var stringTrim = {
   trim: createMethod$2(3)
 };
 
-var global$7 = global$h;
+var globalThis$7 = globalThis_1;
 var fails$9 = fails$l;
 var uncurryThis$4 = functionUncurryThis;
 var toString$6 = toString$8;
@@ -1744,8 +1726,8 @@ var trim$1 = stringTrim.trim;
 var whitespaces$2 = whitespaces$4;
 
 var charAt$3 = uncurryThis$4(''.charAt);
-var $parseFloat$1 = global$7.parseFloat;
-var Symbol$2 = global$7.Symbol;
+var $parseFloat$1 = globalThis$7.parseFloat;
+var Symbol$2 = globalThis$7.Symbol;
 var ITERATOR$2 = Symbol$2 && Symbol$2.iterator;
 var FORCED$2 = 1 / $parseFloat$1(whitespaces$2 + '-0') !== -Infinity
   // MS Edge 18- broken with boxed symbols
@@ -1787,10 +1769,10 @@ var regexpFlags$1 = function () {
 };
 
 var fails$8 = fails$l;
-var global$6 = global$h;
+var globalThis$6 = globalThis_1;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
-var $RegExp$2 = global$6.RegExp;
+var $RegExp$2 = globalThis$6.RegExp;
 
 var UNSUPPORTED_Y$1 = fails$8(function () {
   var re = $RegExp$2('a', 'y');
@@ -1818,10 +1800,10 @@ var regexpStickyHelpers = {
 };
 
 var fails$7 = fails$l;
-var global$5 = global$h;
+var globalThis$5 = globalThis_1;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-var $RegExp$1 = global$5.RegExp;
+var $RegExp$1 = globalThis$5.RegExp;
 
 var regexpUnsupportedDotAll = fails$7(function () {
   var re = $RegExp$1('.', 's');
@@ -1829,10 +1811,10 @@ var regexpUnsupportedDotAll = fails$7(function () {
 });
 
 var fails$6 = fails$l;
-var global$4 = global$h;
+var globalThis$4 = globalThis_1;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
-var $RegExp = global$4.RegExp;
+var $RegExp = globalThis$4.RegExp;
 
 var regexpUnsupportedNcg = fails$6(function () {
   var re = $RegExp('(?<a>b)', 'g');
@@ -2112,7 +2094,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$3 = global$h;
+var globalThis$3 = globalThis_1;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
@@ -2144,7 +2126,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$3[COLLECTION_NAME] && global$3[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(globalThis$3[COLLECTION_NAME] && globalThis$3[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
@@ -2301,8 +2283,8 @@ const hasMulitpleIntersections = geojson => {
   return false;
 };
 const countIntersectionPoints = (geojson, intersection) => {
-  var _a, _b;
-  if (!(geojson === null || geojson === void 0 ? void 0 : geojson.features) || !((_a = geojson.features[0]) === null || _a === void 0 ? void 0 : _a.geometry) || !(intersection === null || intersection === void 0 ? void 0 : intersection.features) || !((_b = intersection.features[0]) === null || _b === void 0 ? void 0 : _b.geometry)) {
+  var _geojson$features$, _intersection$feature;
+  if (!(geojson != null && geojson.features) || !((_geojson$features$ = geojson.features[0]) != null && _geojson$features$.geometry) || !(intersection != null && intersection.features) || !((_intersection$feature = intersection.features[0]) != null && _intersection$feature.geometry)) {
     return 0;
   }
   const geojsonGeometry = geojson.features[0].geometry;
@@ -2353,7 +2335,7 @@ const isNonOrBothCoordinates = (coordinate, otherCoordinate) => {
 };
 
 const FORM_FIELDS_NAMESPACE = 'form-fields';
-i18n.use(initReactI18next).init({
+void i18n.use(initReactI18next).init({
   lng: 'en',
   ns: FORM_FIELDS_NAMESPACE,
   interpolation: {
@@ -2375,10 +2357,9 @@ i18n.use(initReactI18next).init({
   }
 });
 const ns = [FORM_FIELDS_NAMESPACE];
-const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
-  ns
-}, params));
+const useFormFieldsTranslation = () => useTranslation(ns);
 
+const _excluded$6 = ["children", "errors", "isReadOnly", "sx", "className", "size"];
 const radioCheckboxStyle = {
   // hides unchecked values
   display: 'none',
@@ -2399,31 +2380,34 @@ const radioCheckboxStyle = {
     color: 'geowebColors.typographyAndIcons.iconLinkActive'
   }
 };
-const getErrorMessage = errors => {
+const getErrorMessage = (t, errors) => {
   if (errors && errors.message && typeof errors.message === 'string') {
-    return translateKeyOutsideComponents(errors.message);
+    return t(errors.message);
   }
   if (errors && errors.type && typeof errors.type === 'string') {
-    return translateKeyOutsideComponents(errorMessages[errors.type]);
+    return t(errorMessages[errors.type]);
   }
   return '';
 };
-const ReactHookFormFormControl = _a => {
-  var {
+const ReactHookFormFormControl = _ref => {
+  let {
       children,
       errors,
       isReadOnly,
       sx = {},
       className = '',
       size = 'medium'
-    } = _a,
-    props = __rest(_a, ["children", "errors", "isReadOnly", "sx", "className", "size"]);
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+  const {
+    t
+  } = useFormFieldsTranslation();
   return jsxs(FormControl, Object.assign({
     fullWidth: true,
     error: !!errors,
     className: `${isReadOnly ? 'is-read-only' : ''} ${className}`,
     size: size,
-    sx: Object.assign(Object.assign({}, isReadOnly && {
+    sx: Object.assign({}, isReadOnly && {
       // Radio input
       '.MuiRadio-root': radioCheckboxStyle,
       // Checkbox input
@@ -2442,14 +2426,13 @@ const ReactHookFormFormControl = _a => {
       '.Mui-disabled:before': {
         border: 'transparent'
       }
-    }), sx)
+    }, sx)
   }, props, {
-    children: [children, errors && jsx(FormHelperText, Object.assign({
+    children: [children, errors && jsx(FormHelperText, {
       variant: "filled",
-      role: "alert"
-    }, {
-      children: getErrorMessage(errors)
-    }))]
+      role: "alert",
+      children: getErrorMessage(t, errors)
+    })]
   }));
 };
 
@@ -2509,16 +2492,36 @@ var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
   });
 };
 
-var global$2 = global$h;
+/* global Bun, Deno -- detection */
+var globalThis$2 = globalThis_1;
+var userAgent = environmentUserAgent;
 var classof$2 = classofRaw$1;
 
-var engineIsNode = classof$2(global$2.process) === 'process';
+var userAgentStartsWith = function (string) {
+  return userAgent.slice(0, string.length) === string;
+};
+
+var environment = (function () {
+  if (userAgentStartsWith('Bun/')) return 'BUN';
+  if (userAgentStartsWith('Cloudflare-Workers')) return 'CLOUDFLARE';
+  if (userAgentStartsWith('Deno/')) return 'DENO';
+  if (userAgentStartsWith('Node.js/')) return 'NODE';
+  if (globalThis$2.Bun && typeof Bun.version == 'string') return 'BUN';
+  if (globalThis$2.Deno && typeof Deno.version == 'object') return 'DENO';
+  if (classof$2(globalThis$2.process) === 'process') return 'NODE';
+  if (globalThis$2.window && globalThis$2.document) return 'BROWSER';
+  return 'REST';
+})();
+
+var ENVIRONMENT = environment;
+
+var environmentIsNode = ENVIRONMENT === 'NODE';
 
 var $$3 = _export;
 var $reduce = arrayReduce.left;
 var arrayMethodIsStrict = arrayMethodIsStrict$1;
-var CHROME_VERSION = engineV8Version;
-var IS_NODE = engineIsNode;
+var CHROME_VERSION = environmentV8Version;
+var IS_NODE = environmentIsNode;
 
 // Chrome 80-82 has a critical bug
 // https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
@@ -2542,8 +2545,9 @@ const getErrors = (name, errors) => {
   return getDeepProperty(nameAsArray, errors);
 };
 
-const ReactHookFormSelect = _a => {
-  var {
+const _excluded$5 = ["name", "label", "defaultValue", "children", "rules", "onChange", "disabled", "className", "sx", "isReadOnly", "size"];
+const ReactHookFormSelect = _ref => {
+  let {
       name,
       label,
       defaultValue = '',
@@ -2555,8 +2559,8 @@ const ReactHookFormSelect = _a => {
       sx,
       isReadOnly,
       size = 'medium'
-    } = _a,
-    otherProps = __rest(_a, ["name", "label", "defaultValue", "children", "rules", "onChange", "disabled", "className", "sx", "isReadOnly", "size"]);
+    } = _ref,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   const labelId = `${name}-label`;
   const {
     control
@@ -2577,20 +2581,18 @@ const ReactHookFormSelect = _a => {
     defaultValue
   }, defaultProps));
   const errors = getErrors(name, formErrors);
-  return jsxs(ReactHookFormFormControl, Object.assign({
+  return jsxs(ReactHookFormFormControl, {
     className: className,
     sx: sx,
     disabled: disabled,
     errors: errors,
     isReadOnly: isReadOnly,
-    size: size
-  }, {
-    children: [jsx(InputLabel, Object.assign({
+    size: size,
+    children: [jsx(InputLabel, {
       variant: "filled",
-      id: labelId
-    }, {
+      id: labelId,
       children: label
-    })), jsx(Select, Object.assign({
+    }), jsx(Select, Object.assign({
       labelId: labelId,
       label: label,
       inputRef: ref,
@@ -2605,11 +2607,12 @@ const ReactHookFormSelect = _a => {
     }, otherProps, {
       children: children
     }))]
-  }));
+  });
 };
 
-const ReactHookFormRadioGroup = _a => {
-  var {
+const _excluded$4 = ["name", "label", "defaultValue", "children", "rules", "disabled", "onChange", "isReadOnly"];
+const ReactHookFormRadioGroup = _ref => {
+  let {
       name,
       label,
       defaultValue = '',
@@ -2618,8 +2621,8 @@ const ReactHookFormRadioGroup = _a => {
       disabled = false,
       onChange = () => {},
       isReadOnly
-    } = _a,
-    otherProps = __rest(_a, ["name", "label", "defaultValue", "children", "rules", "disabled", "onChange", "isReadOnly"]);
+    } = _ref,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   const labelId = `${name}-label`;
   const {
     control
@@ -2652,16 +2655,14 @@ const ReactHookFormRadioGroup = _a => {
       }
     }
   }, [errors, formErrors, name]);
-  return jsxs(ReactHookFormFormControl, Object.assign({
+  return jsxs(ReactHookFormFormControl, {
     disabled: disabled,
     errors: errors,
-    isReadOnly: isReadOnly
-  }, {
-    children: [jsx(InputLabel, Object.assign({
-      id: labelId
-    }, {
+    isReadOnly: isReadOnly,
+    children: [jsx(InputLabel, {
+      id: labelId,
       children: label
-    })), jsx(RadioGroup, Object.assign({
+    }), jsx(RadioGroup, Object.assign({
       value: value,
       onChange: changeEvent => {
         onChangeField(changeEvent.target.value);
@@ -2672,14 +2673,15 @@ const ReactHookFormRadioGroup = _a => {
     }, otherProps, {
       children: children
     }))]
-  }));
+  });
 };
 
+const _excluded$3 = ["name", "label", "defaultValue", "rules", "disabled", "upperCase", "helperText", "className", "sx", "onChange", "isReadOnly", "inputSlotProps"];
 const convertTextInputValue = (value, inCapitals) => {
   return inCapitals ? value.toUpperCase() : value;
 };
-const ReactHookFormTextField = _a => {
-  var {
+const ReactHookFormTextField = _ref => {
+  let {
       name,
       label,
       defaultValue = '',
@@ -2692,8 +2694,8 @@ const ReactHookFormTextField = _a => {
       onChange = () => {},
       isReadOnly,
       inputSlotProps
-    } = _a,
-    otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "upperCase", "helperText", "className", "sx", "onChange", "isReadOnly", "inputSlotProps"]);
+    } = _ref,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   const {
     control
   } = useFormContext();
@@ -2713,13 +2715,12 @@ const ReactHookFormTextField = _a => {
     defaultValue
   }, defaultProps));
   const errors = getErrors(name, formErrors);
-  return jsx(ReactHookFormFormControl, Object.assign({
+  return jsx(ReactHookFormFormControl, {
     className: className,
     sx: sx,
     disabled: disabled,
     errors: errors,
-    isReadOnly: isReadOnly
-  }, {
+    isReadOnly: isReadOnly,
     children: jsx(TextField, Object.assign({
       label: label,
       error: !!errors,
@@ -2739,13 +2740,13 @@ const ReactHookFormTextField = _a => {
       disabled: disabled,
       inputRef: ref
     }, otherProps, {
-      slotProps: Object.assign(Object.assign({}, otherProps.slotProps), {
-        input: Object.assign(Object.assign({}, inputSlotProps), isReadOnly && {
+      slotProps: Object.assign({}, otherProps.slotProps, {
+        input: Object.assign({}, inputSlotProps, isReadOnly && {
           readOnly: true
         })
       })
     }))
-  }));
+  });
 };
 
 var $$2 = _export;
@@ -2770,15 +2771,15 @@ $$2({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('includes');
 
-var global$1 = global$h;
+var globalThis$1 = globalThis_1;
 var fails$1 = fails$l;
 var uncurryThis$2 = functionUncurryThis;
 var toString$3 = toString$8;
 var trim = stringTrim.trim;
 var whitespaces = whitespaces$4;
 
-var $parseInt$1 = global$1.parseInt;
-var Symbol$1 = global$1.Symbol;
+var $parseInt$1 = globalThis$1.parseInt;
+var Symbol$1 = globalThis$1.Symbol;
 var ITERATOR = Symbol$1 && Symbol$1.iterator;
 var hex = /^[+-]?0x/i;
 var exec = uncurryThis$2(hex.exec);
@@ -3052,6 +3053,7 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
   ];
 });
 
+const _excluded$2 = ["name", "label", "defaultValue", "rules", "disabled", "inputMode", "helperText", "className", "size", "sx", "onChange", "isReadOnly"];
 const convertNumericInputValue = (value, inputMode) => {
   if (value !== '' && !isNaN(parseFloat(value))) {
     return inputMode === 'numeric' ? parseInt(value, 10) : parseFloat(value);
@@ -3062,9 +3064,9 @@ const getAllowedKeys = (inputMode = 'numeric') => {
   const allowedKeys = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-', 'Backspace', 'ArrowRight', 'ArrowLeft', 'Tab', 'Home', 'End', 'PageDown', 'PageUp', 'Delete', ...(inputMode === 'decimal' ? ['.'] : [])];
   return allowedKeys;
 };
-const ReactHookFormNumberField = _a => {
-  var _b;
-  var {
+const ReactHookFormNumberField = _ref => {
+  var _otherProps$slotProps;
+  let {
       name,
       label,
       defaultValue = null,
@@ -3077,8 +3079,8 @@ const ReactHookFormNumberField = _a => {
       sx,
       onChange = () => {},
       isReadOnly
-    } = _a,
-    otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "inputMode", "helperText", "className", "size", "sx", "onChange", "isReadOnly"]);
+    } = _ref,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   const {
     control
   } = useFormContext();
@@ -3130,13 +3132,12 @@ const ReactHookFormNumberField = _a => {
     }
   };
   const [displayValue, setDisplayValue] = React.useState(value === null || isNaN(value) ? '' : value);
-  return jsx(ReactHookFormFormControl, Object.assign({
+  return jsx(ReactHookFormFormControl, {
     className: className,
     sx: sx,
     disabled: disabled,
     errors: errors,
-    isReadOnly: isReadOnly
-  }, {
+    isReadOnly: isReadOnly,
     children: jsx(TextField, Object.assign({
       label: label,
       error: !!errors,
@@ -3159,20 +3160,21 @@ const ReactHookFormNumberField = _a => {
       disabled: disabled,
       inputRef: ref
     }, otherProps, {
-      slotProps: Object.assign(Object.assign({}, otherProps.slotProps), {
-        input: Object.assign(Object.assign({}, isReadOnly && {
+      slotProps: Object.assign({}, otherProps.slotProps, {
+        input: Object.assign({}, isReadOnly && {
           readOnly: true
-        }), {
+        }, {
           onPaste
         }),
-        htmlInput: Object.assign(Object.assign({}, (_b = otherProps.slotProps) === null || _b === void 0 ? void 0 : _b.htmlInput), {
+        htmlInput: Object.assign({}, (_otherProps$slotProps = otherProps.slotProps) == null ? void 0 : _otherProps$slotProps.htmlInput, {
           inputMode
         })
       })
     }))
-  }));
+  });
 };
 
+const _excluded$1 = ["name", "rules", "disabled", "label", "format", "openTo", "defaultNullValue", "helperText", "onChange", "className", "sx", "isReadOnly", "inputAdornment", "shouldHideUTC", "disablePast", "disableFuture"];
 const OpenPicker = () => jsx(CalendarToday, {});
 const getTimezoneOffset = value => value.getTimezoneOffset() * 60000;
 const makeLocalAppearUTC = value => new Date(value.getTime() + getTimezoneOffset(value));
@@ -3184,13 +3186,13 @@ const localToUTC = dateTime => new Date(dateTime.getTime() - getTimezoneOffset(d
  * @returns iso string in YYYY-MM-DDThh:mm:ssZ format.
  */
 const getFormattedValueForDatePicker = value => {
-  var _a;
-  return (_a = dateUtils.dateToString(value, "yyyy-MM-dd'T'HH:mm:ss'Z'", true)) !== null && _a !== void 0 ? _a : null;
+  var _dateUtils$dateToStri;
+  return (_dateUtils$dateToStri = dateUtils.dateToString(value, "yyyy-MM-dd'T'HH:mm:ss'Z'", true)) != null ? _dateUtils$dateToStri : null;
 };
 const getDateValue = value => {
-  var _a, _b;
   if (value) {
-    const dateValue = (_b = (_a = dateUtils.stringToDate(value, 'yyyy/MM/dd HH:mm', false)) !== null && _a !== void 0 ? _a : dateUtils.isoStringToDate(value, false)) !== null && _b !== void 0 ? _b : null;
+    var _ref, _dateUtils$stringToDa;
+    const dateValue = (_ref = (_dateUtils$stringToDa = dateUtils.stringToDate(value, 'yyyy/MM/dd HH:mm', false)) != null ? _dateUtils$stringToDa : dateUtils.isoStringToDate(value, false)) != null ? _ref : null;
     if (dateValue) {
       return makeLocalAppearUTC(dateValue);
     }
@@ -3198,8 +3200,8 @@ const getDateValue = value => {
   }
   return null;
 };
-const ReactHookKeyboardDateTimePicker = _a => {
-  var {
+const ReactHookKeyboardDateTimePicker = _ref2 => {
+  let {
       name,
       rules,
       disabled,
@@ -3216,8 +3218,8 @@ const ReactHookKeyboardDateTimePicker = _a => {
       shouldHideUTC,
       disablePast,
       disableFuture
-    } = _a,
-    otherProps = __rest(_a, ["name", "rules", "disabled", "label", "format", "openTo", "defaultNullValue", "helperText", "onChange", "className", "sx", "isReadOnly", "inputAdornment", "shouldHideUTC", "disablePast", "disableFuture"]);
+    } = _ref2,
+    otherProps = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
   const {
     control
   } = useFormContext();
@@ -3242,13 +3244,12 @@ const ReactHookKeyboardDateTimePicker = _a => {
   const now = makeLocalAppearUTC(dateUtils.utc());
   const minDateTime = disablePast ? now : null;
   const maxDateTime = disableFuture ? now : null;
-  return jsx(ReactHookFormFormControl, Object.assign({
+  return jsx(ReactHookFormFormControl, {
     disabled: disabled,
     errors: errors,
     className: className,
     sx: sx,
-    isReadOnly: isReadOnly
-  }, {
+    isReadOnly: isReadOnly,
     children: jsx(DateTimePicker, Object.assign({
       desktopModeMediaQuery: "@media (min-width: 720px)",
       ampm: false,
@@ -3276,14 +3277,13 @@ const ReactHookKeyboardDateTimePicker = _a => {
           name,
           placeholder: disabled ? '' : format.toLowerCase(),
           InputProps: Object.assign({}, !shouldHideUTC && {
-            endAdornment: jsx(InputAdornment, Object.assign({
+            endAdornment: jsx(InputAdornment, {
               style: {
                 paddingTop: '16px'
               },
-              position: "end"
-            }, {
+              position: "end",
               children: "UTC"
-            }))
+            })
           }),
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
@@ -3310,7 +3310,7 @@ const ReactHookKeyboardDateTimePicker = _a => {
       minDateTime: minDateTime,
       maxDateTime: maxDateTime
     }, otherProps))
-  }));
+  });
 };
 
 const defaultFormOptions = {
@@ -3332,23 +3332,22 @@ const ReactHookFormProvider = ({
 const ReactHookFormProviderWrapper = ({
   children,
   options: _options2 = defaultFormOptions
-}) => jsx(LocalizationProvider, Object.assign({
-  dateAdapter: AdapterDateFns
-}, {
-  children: jsx(ReactHookFormProvider, Object.assign({
-    options: _options2
-  }, {
+}) => jsx(LocalizationProvider, {
+  dateAdapter: AdapterDateFns,
+  children: jsx(ReactHookFormProvider, {
+    options: _options2,
     children: children
-  }))
-}));
+  })
+});
 
-const ReactHookFormHiddenInput = _a => {
-  var {
+const _excluded = ["name", "defaultValue", "rules"];
+const ReactHookFormHiddenInput = _ref => {
+  let {
       name,
       defaultValue = null,
       rules
-    } = _a,
-    props = __rest(_a, ["name", "defaultValue", "rules"]);
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     control
   } = useFormContext();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/form-fields",
-  "version": "9.31.0",
+  "version": "9.32.1",
   "description": "GeoWeb form-fields library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,8 +12,8 @@
     "react-hook-form": "^7.50.1",
     "@mui/x-date-pickers": "^7.17.0",
     "lodash": "^4.17.21",
-    "@opengeoweb/shared": "9.31.0",
-    "react-i18next": "^14.1.2",
+    "@opengeoweb/shared": "*",
+    "react-i18next": "^15.1.1",
     "@mui/material": "^6.1.1",
     "i18next": "^23.11.5"
   },
@@ -24,5 +24,6 @@
   },
   "module": "./index.esm.js",
   "type": "module",
-  "main": "./index.esm.js"
+  "main": "./index.esm.js",
+  "types": "./index.esm.d.ts"
 }

package/src/lib/components/ReactHookFormFormControl.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { FormControlProps } from '@mui/material';
 import { FieldErrors } from 'react-hook-form';
+import { TFunction } from 'i18next';
 interface ReactHookFormFormControlProps extends FormControlProps {
     children?: React.ReactNode;
     errors?: FieldErrors;
     isReadOnly?: boolean;
 }
-export declare const getErrorMessage: (errors: FieldErrors) => string;
+export declare const getErrorMessage: (t: TFunction, errors: FieldErrors) => string;
 declare const ReactHookFormFormControl: React.FC<ReactHookFormFormControlProps>;
 export default ReactHookFormFormControl;

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

@@ -1,4 +1,6 @@
 import i18n from 'i18next';
+import { UseTranslationResponse } from 'react-i18next';
 export declare const FORM_FIELDS_NAMESPACE = "form-fields";
 export declare const translateKeyOutsideComponents: (key: string, params?: Record<string, string | number> | undefined) => string;
+export declare const useFormFieldsTranslation: () => UseTranslationResponse<typeof FORM_FIELDS_NAMESPACE, typeof i18n>;
 export { i18n };