@opengeoweb/shared 9.14.0 → 9.16.0

package/index.esm.js

@@ -7,9 +7,10 @@ import Draggable from 'react-draggable';
 import { Resizable } from 're-resizable';
 import { styled } from '@mui/material/styles';
 import { useStore } from 'react-redux';
-import { parseISO, parse, format, isEqual, add as add$1, sub as sub$1, differenceInYears as differenceInYears$1, differenceInMonths as differenceInMonths$1, differenceInDays as differenceInDays$1, differenceInMinutes as differenceInMinutes$1, differenceInHours as differenceInHours$1, differenceInSeconds as differenceInSeconds$1, isBefore as isBefore$1, isAfter as isAfter$1, isValid as isValid$1, getUnixTime, fromUnixTime, set as set$3, startOfDay, isWithinInterval } from 'date-fns';
+import { parseISO, parse, format, isEqual, add as add$1, sub as sub$1, differenceInYears as differenceInYears$1, differenceInMonths as differenceInMonths$1, differenceInDays as differenceInDays$1, differenceInMinutes as differenceInMinutes$1, differenceInHours as differenceInHours$1, differenceInSeconds as differenceInSeconds$1, isBefore as isBefore$1, isAfter as isAfter$1, isValid as isValid$1, getUnixTime, fromUnixTime, set as set$3, getHours as getHours$1, startOfDay, isWithinInterval, getDay, getMonth, getYear, getWeek } from 'date-fns';
 import configureStore from 'redux-mock-store';
 import { configureStore as configureStore$1 } from '@reduxjs/toolkit';
+import i18next from 'i18next';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -18,7 +19,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$q =
+var global$p =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -138,17 +139,17 @@ var $TypeError$h = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$8 = function (it) {
+var requireObjectCoercible$9 = function (it) {
   if (isNullOrUndefined$6(it)) throw new $TypeError$h("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$2 = indexedObject;
-var requireObjectCoercible$7 = requireObjectCoercible$8;
+var requireObjectCoercible$8 = requireObjectCoercible$9;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$2(requireObjectCoercible$7(it));
+  return IndexedObject$2(requireObjectCoercible$8(it));
 };
 
 // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
@@ -165,11 +166,11 @@ var isCallable$n = typeof documentAll == 'undefined' && documentAll !== undefine
 
 var isCallable$m = isCallable$n;
 
-var isObject$d = function (it) {
+var isObject$e = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$m(it);
 };
 
-var global$p = global$q;
+var global$o = global$p;
 var isCallable$l = isCallable$n;
 
 var aFunction = function (argument) {
@@ -177,7 +178,7 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$8 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$p[namespace]) : global$p[namespace] && global$p[namespace][method];
+  return arguments.length < 2 ? aFunction(global$o[namespace]) : global$o[namespace] && global$o[namespace][method];
 };
 
 var uncurryThis$m = functionUncurryThis;
@@ -186,11 +187,11 @@ var objectIsPrototypeOf = uncurryThis$m({}.isPrototypeOf);
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$o = global$q;
+var global$n = global$p;
 var userAgent$3 = engineUserAgent;
 
-var process$3 = global$o.process;
-var Deno$1 = global$o.Deno;
+var process$3 = global$n.process;
+var Deno$1 = global$n.Deno;
 var versions = process$3 && process$3.versions || Deno$1 && Deno$1.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -217,9 +218,9 @@ var engineV8Version = version;
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION$1 = engineV8Version;
 var fails$k = fails$o;
-var global$n = global$q;
+var global$m = global$p;
 
-var $String$5 = global$n.String;
+var $String$5 = global$m.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$k(function () {
@@ -287,7 +288,7 @@ var getMethod$6 = function (V, P) {
 
 var call$j = functionCall;
 var isCallable$i = isCallable$n;
-var isObject$c = isObject$d;
+var isObject$d = isObject$e;
 
 var $TypeError$f = TypeError;
 
@@ -295,55 +296,55 @@ var $TypeError$f = TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$i(fn = input.toString) && !isObject$c(val = call$j(fn, input))) return val;
-  if (isCallable$i(fn = input.valueOf) && !isObject$c(val = call$j(fn, input))) return val;
-  if (pref !== 'string' && isCallable$i(fn = input.toString) && !isObject$c(val = call$j(fn, input))) return val;
+  if (pref === 'string' && isCallable$i(fn = input.toString) && !isObject$d(val = call$j(fn, input))) return val;
+  if (isCallable$i(fn = input.valueOf) && !isObject$d(val = call$j(fn, input))) return val;
+  if (pref !== 'string' && isCallable$i(fn = input.toString) && !isObject$d(val = call$j(fn, input))) return val;
   throw new $TypeError$f("Can't convert object to primitive value");
 };
 
-var shared$4 = {exports: {}};
+var sharedStore = {exports: {}};
 
-var global$m = global$q;
+var global$l = global$p;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$7 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$7(global$m, key, { value: value, configurable: true, writable: true });
+    defineProperty$7(global$l, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$m[key] = value;
+    global$l[key] = value;
   } return value;
 };
 
-var global$l = global$q;
+var globalThis$1 = global$p;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$l[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
-var sharedStore = store$3;
-
-var store$2 = sharedStore;
-
-(shared$4.exports = function (key, value) {
-  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
-})('versions', []).push({
-  version: '3.35.1',
+(store$3.versions || (store$3.versions = [])).push({
+  version: '3.36.1',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.35.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible$6 = requireObjectCoercible$8;
+var store$2 = sharedStore.exports;
+
+var shared$4 = function (key, value) {
+  return store$2[key] || (store$2[key] = value || {});
+};
+
+var requireObjectCoercible$7 = requireObjectCoercible$9;
 
 var $Object$2 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$5 = function (argument) {
-  return $Object$2(requireObjectCoercible$6(argument));
+  return $Object$2(requireObjectCoercible$7(argument));
 };
 
 var uncurryThis$l = functionUncurryThis;
@@ -368,8 +369,8 @@ var uid$2 = function (key) {
   return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$d(++id + postfix, 36);
 };
 
-var global$k = global$q;
-var shared$3 = shared$4.exports;
+var global$k = global$p;
+var shared$3 = shared$4;
 var hasOwn$d = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
@@ -388,7 +389,7 @@ var wellKnownSymbol$j = function (name) {
 };
 
 var call$i = functionCall;
-var isObject$b = isObject$d;
+var isObject$c = isObject$e;
 var isSymbol$1 = isSymbol$2;
 var getMethod$5 = getMethod$6;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
@@ -400,13 +401,13 @@ var TO_PRIMITIVE = wellKnownSymbol$i('toPrimitive');
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$b(input) || isSymbol$1(input)) return input;
+  if (!isObject$c(input) || isSymbol$1(input)) return input;
   var exoticToPrim = getMethod$5(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = call$i(exoticToPrim, input, pref);
-    if (!isObject$b(result) || isSymbol$1(result)) return result;
+    if (!isObject$c(result) || isSymbol$1(result)) return result;
     throw new $TypeError$e("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
@@ -423,12 +424,12 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
 
-var global$j = global$q;
-var isObject$a = isObject$d;
+var global$j = global$p;
+var isObject$b = isObject$e;
 
 var document$3 = global$j.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$a(document$3) && isObject$a(document$3.createElement);
+var EXISTS$1 = isObject$b(document$3) && isObject$b(document$3.createElement);
 
 var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$3.createElement(it) : {};
@@ -484,21 +485,21 @@ var v8PrototypeDefineBug = DESCRIPTORS$d && fails$i(function () {
   }).prototype !== 42;
 });
 
-var isObject$9 = isObject$d;
+var isObject$a = isObject$e;
 
 var $String$3 = String;
 var $TypeError$d = TypeError;
 
 // `Assert: Type(argument) is Object`
-var anObject$h = function (argument) {
-  if (isObject$9(argument)) return argument;
+var anObject$g = function (argument) {
+  if (isObject$a(argument)) return argument;
   throw new $TypeError$d($String$3(argument) + ' is not an object');
 };
 
 var DESCRIPTORS$c = descriptors;
 var IE8_DOM_DEFINE = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$g = anObject$h;
+var anObject$f = anObject$g;
 var toPropertyKey = toPropertyKey$2;
 
 var $TypeError$c = TypeError;
@@ -513,9 +514,9 @@ var WRITABLE = 'writable';
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
 objectDefineProperty.f = DESCRIPTORS$c ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$g(O);
+  anObject$f(O);
   P = toPropertyKey(P);
-  anObject$g(Attributes);
+  anObject$f(Attributes);
   if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
     var current = $getOwnPropertyDescriptor(O, P);
     if (current && current[WRITABLE]) {
@@ -528,9 +529,9 @@ objectDefineProperty.f = DESCRIPTORS$c ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
     }
   } return $defineProperty(O, P, Attributes);
 } : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$g(O);
+  anObject$f(O);
   P = toPropertyKey(P);
-  anObject$g(Attributes);
+  anObject$f(Attributes);
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
@@ -572,7 +573,7 @@ var functionName = {
 
 var uncurryThis$j = functionUncurryThis;
 var isCallable$h = isCallable$n;
-var store$1 = sharedStore;
+var store$1 = sharedStore.exports;
 
 var functionToString = uncurryThis$j(Function.toString);
 
@@ -585,14 +586,14 @@ if (!isCallable$h(store$1.inspectSource)) {
 
 var inspectSource$3 = store$1.inspectSource;
 
-var global$i = global$q;
+var global$i = global$p;
 var isCallable$g = isCallable$n;
 
 var WeakMap$1 = global$i.WeakMap;
 
 var weakMapBasicDetection = isCallable$g(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
-var shared$2 = shared$4.exports;
+var shared$2 = shared$4;
 var uid = uid$2;
 
 var keys$1 = shared$2('keys');
@@ -604,11 +605,11 @@ var sharedKey$3 = function (key) {
 var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$h = global$q;
-var isObject$8 = isObject$d;
+var global$h = global$p;
+var isObject$9 = isObject$e;
 var createNonEnumerableProperty$8 = createNonEnumerableProperty$9;
 var hasOwn$a = hasOwnProperty_1;
-var shared$1 = sharedStore;
+var shared$1 = sharedStore.exports;
 var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
@@ -624,7 +625,7 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$8(it) || (state = get(it)).type !== TYPE) {
+    if (!isObject$9(it) || (state = get(it)).type !== TYPE) {
       throw new TypeError$2('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
@@ -821,6 +822,7 @@ var createMethod$3 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$3($this);
     var length = lengthOfArrayLike$4(O);
+    if (length === 0) return !IS_INCLUDES && -1;
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
@@ -898,13 +900,13 @@ var getBuiltIn$6 = getBuiltIn$8;
 var uncurryThis$g = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
-var anObject$f = anObject$h;
+var anObject$e = anObject$g;
 
 var concat$1 = uncurryThis$g([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$6('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject$f(it));
+  var keys = getOwnPropertyNamesModule.f(anObject$e(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
   return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
 };
@@ -949,7 +951,7 @@ var POLYFILL = isForced$3.POLYFILL = 'P';
 
 var isForced_1 = isForced$3;
 
-var global$g = global$q;
+var global$g = global$p;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$7 = createNonEnumerableProperty$9;
 var defineBuiltIn$7 = defineBuiltIn$8;
@@ -1223,7 +1225,7 @@ var defineBuiltInAccessor$3 = function (target, name, descriptor) {
 
 var $$g = _export;
 var DESCRIPTORS$7 = descriptors;
-var global$f = global$q;
+var global$f = global$p;
 var uncurryThis$e = functionUncurryThis;
 var hasOwn$6 = hasOwnProperty_1;
 var isCallable$b = isCallable$n;
@@ -1283,7 +1285,7 @@ var objectDefineProperties = {};
 var DESCRIPTORS$6 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule = objectDefineProperty;
-var anObject$e = anObject$h;
+var anObject$d = anObject$g;
 var toIndexedObject$1 = toIndexedObject$5;
 var objectKeys = objectKeys$2;
 
@@ -1291,7 +1293,7 @@ var objectKeys = objectKeys$2;
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
 objectDefineProperties.f = DESCRIPTORS$6 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$e(O);
+  anObject$d(O);
   var props = toIndexedObject$1(Properties);
   var keys = objectKeys(Properties);
   var length = keys.length;
@@ -1306,7 +1308,7 @@ var getBuiltIn$5 = getBuiltIn$8;
 var html$2 = getBuiltIn$5('document', 'documentElement');
 
 /* global ActiveXObject -- old IE, WSH */
-var anObject$d = anObject$h;
+var anObject$c = anObject$g;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys = enumBugKeys$3;
 var hiddenKeys = hiddenKeys$4;
@@ -1380,7 +1382,7 @@ hiddenKeys[IE_PROTO$1] = true;
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject$d(O);
+    EmptyConstructor[PROTOTYPE] = anObject$c(O);
     result = new EmptyConstructor();
     EmptyConstructor[PROTOTYPE] = null;
     // add "__proto__" for Object.getPrototypeOf polyfill
@@ -1445,7 +1447,7 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : f
 
 var fails$d = fails$o;
 var isCallable$9 = isCallable$n;
-var isObject$7 = isObject$d;
+var isObject$8 = isObject$e;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$6 = defineBuiltIn$8;
 var wellKnownSymbol$e = wellKnownSymbol$j;
@@ -1468,7 +1470,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$7(IteratorPrototype$2) || fails$d(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$8(IteratorPrototype$2) || fails$d(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$6].call(test) !== test;
@@ -1528,10 +1530,10 @@ var functionUncurryThisAccessor = function (object, key, method) {
   } catch (error) { /* empty */ }
 };
 
-var isObject$6 = isObject$d;
+var isObject$7 = isObject$e;
 
 var isPossiblePrototype$1 = function (argument) {
-  return isObject$6(argument) || argument === null;
+  return isObject$7(argument) || argument === null;
 };
 
 var isPossiblePrototype = isPossiblePrototype$1;
@@ -1546,7 +1548,8 @@ var aPossiblePrototype$1 = function (argument) {
 
 /* eslint-disable no-proto -- safe */
 var uncurryThisAccessor = functionUncurryThisAccessor;
-var anObject$c = anObject$h;
+var isObject$6 = isObject$e;
+var requireObjectCoercible$6 = requireObjectCoercible$9;
 var aPossiblePrototype = aPossiblePrototype$1;
 
 // `Object.setPrototypeOf` method
@@ -1563,8 +1566,9 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
   return function setPrototypeOf(O, proto) {
-    anObject$c(O);
+    requireObjectCoercible$6(O);
     aPossiblePrototype(proto);
+    if (!isObject$6(O)) return O;
     if (CORRECT_SETTER) setter(O, proto);
     else O.__proto__ = proto;
     return O;
@@ -1782,7 +1786,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$e = global$q;
+var global$e = global$p;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
@@ -2031,7 +2035,7 @@ const ConfirmationDialog = _a => {
   }, rest), content);
 };
 
-var global$d = global$q;
+var global$d = global$p;
 var classof$6 = classofRaw$2;
 
 var engineIsNode = classof$6(global$d.process) === 'process';
@@ -2126,7 +2130,7 @@ var aConstructor$1 = function (argument) {
   throw new $TypeError$9(tryToString$2(argument) + ' is not a constructor');
 };
 
-var anObject$b = anObject$h;
+var anObject$b = anObject$g;
 var aConstructor = aConstructor$1;
 var isNullOrUndefined$4 = isNullOrUndefined$7;
 var wellKnownSymbol$9 = wellKnownSymbol$j;
@@ -2192,7 +2196,7 @@ var userAgent$2 = engineUserAgent;
 // eslint-disable-next-line redos/no-vulnerable -- safe
 var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
 
-var global$c = global$q;
+var global$c = global$p;
 var apply$1 = functionApply;
 var bind$4 = functionBindContext;
 var isCallable$6 = isCallable$n;
@@ -2309,7 +2313,7 @@ var task$1 = {
   clear: clear
 };
 
-var global$b = global$q;
+var global$b = global$p;
 var DESCRIPTORS$3 = descriptors;
 
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -2355,7 +2359,7 @@ var userAgent = engineUserAgent;
 
 var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
 
-var global$a = global$q;
+var global$a = global$p;
 var safeGetBuiltIn = safeGetBuiltIn$1;
 var bind$3 = functionBindContext;
 var macrotask = task$1.set;
@@ -2449,7 +2453,7 @@ var perform$3 = function (exec) {
   }
 };
 
-var global$9 = global$q;
+var global$9 = global$p;
 
 var promiseNativeConstructor = global$9.Promise;
 
@@ -2463,7 +2467,7 @@ var engineIsBrowser = !IS_DENO$1 && !IS_NODE$2
   && typeof window == 'object'
   && typeof document == 'object';
 
-var global$8 = global$q;
+var global$8 = global$p;
 var NativePromiseConstructor$3 = promiseNativeConstructor;
 var isCallable$5 = isCallable$n;
 var isForced$1 = isForced_1;
@@ -2533,7 +2537,7 @@ newPromiseCapability$2.f = function (C) {
 
 var $$e = _export;
 var IS_NODE$1 = engineIsNode;
-var global$7 = global$q;
+var global$7 = global$p;
 var call$d = functionCall;
 var defineBuiltIn$4 = defineBuiltIn$8;
 var setPrototypeOf$2 = objectSetPrototypeOf;
@@ -2541,7 +2545,7 @@ var setToStringTag = setToStringTag$4;
 var setSpecies$1 = setSpecies$2;
 var aCallable$4 = aCallable$9;
 var isCallable$4 = isCallable$n;
-var isObject$5 = isObject$d;
+var isObject$5 = isObject$e;
 var anInstance = anInstance$1;
 var speciesConstructor$1 = speciesConstructor$2;
 var task = task$1.set;
@@ -2845,7 +2849,7 @@ var getIteratorMethod$2 = function (it) {
 
 var call$c = functionCall;
 var aCallable$3 = aCallable$9;
-var anObject$a = anObject$h;
+var anObject$a = anObject$g;
 var tryToString$1 = tryToString$4;
 var getIteratorMethod$1 = getIteratorMethod$2;
 
@@ -2858,7 +2862,7 @@ var getIterator$1 = function (argument, usingIterator) {
 };
 
 var call$b = functionCall;
-var anObject$9 = anObject$h;
+var anObject$9 = anObject$g;
 var getMethod$3 = getMethod$6;
 
 var iteratorClose$1 = function (iterator, kind, value) {
@@ -2883,7 +2887,7 @@ var iteratorClose$1 = function (iterator, kind, value) {
 
 var bind$1 = functionBindContext;
 var call$a = functionCall;
-var anObject$8 = anObject$h;
+var anObject$8 = anObject$g;
 var tryToString = tryToString$4;
 var isArrayIteratorMethod = isArrayIteratorMethod$1;
 var lengthOfArrayLike$3 = lengthOfArrayLike$5;
@@ -3104,8 +3108,8 @@ $$a({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
   }
 });
 
-var anObject$7 = anObject$h;
-var isObject$4 = isObject$d;
+var anObject$7 = anObject$g;
+var isObject$4 = isObject$e;
 var newPromiseCapability = newPromiseCapability$2;
 
 var promiseResolve$1 = function (C, x) {
@@ -3323,6 +3327,25 @@ const useMakeSureContainerStaysInsideWindow = (nodeRef, position, setPosition) =
   }, [onResizeWindow]);
 };
 
+/*
+  Accepts a value and timeout and will debounce
+  
+  @param {string} value: value of element
+  @param {timeout} number: timer
+  @return {value: string}
+
+  @example:
+   const debouncedName = useDebounce('testing', 2000)
+*/
+const useDebounce = (value, timeout) => {
+  const [state, setState] = React.useState(value);
+  React.useEffect(() => {
+    const handler = setTimeout(() => setState(value), timeout);
+    return () => clearTimeout(handler);
+  }, [value, timeout]);
+  return state;
+};
+
 const ConfirmationServiceContext = /*#__PURE__*/React.createContext(Promise.reject);
 const useConfirmationDialog = () => React.useContext(ConfirmationServiceContext);
 const useDialogActions = (awaitingPromiseRef, defaultOptions = null) => {
@@ -3753,7 +3776,7 @@ var flattenIntoArray_1 = flattenIntoArray$1;
 
 var isArray$1 = isArray$3;
 var isConstructor = isConstructor$2;
-var isObject$3 = isObject$d;
+var isObject$3 = isObject$e;
 var wellKnownSymbol$4 = wellKnownSymbol$j;
 
 var SPECIES$1 = wellKnownSymbol$4('species');
@@ -3814,7 +3837,7 @@ var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u200
   '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
 var uncurryThis$8 = functionUncurryThis;
-var requireObjectCoercible$5 = requireObjectCoercible$8;
+var requireObjectCoercible$5 = requireObjectCoercible$9;
 var toString$a = toString$c;
 var whitespaces$1 = whitespaces$2;
 
@@ -3844,7 +3867,7 @@ var stringTrim = {
   trim: createMethod$2(3)
 };
 
-var global$6 = global$q;
+var global$6 = global$p;
 var fails$a = fails$o;
 var uncurryThis$7 = functionUncurryThis;
 var toString$9 = toString$c;
@@ -3958,7 +3981,7 @@ const ResizeComponent = _a => {
   }, props), children);
 };
 
-var anObject$6 = anObject$h;
+var anObject$6 = anObject$g;
 
 // `RegExp.prototype.flags` getter implementation
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
@@ -3991,7 +4014,7 @@ var regexpGetFlags = function (R) {
 
 var PROPER_FUNCTION_NAME = functionName.PROPER;
 var defineBuiltIn$2 = defineBuiltIn$8;
-var anObject$5 = anObject$h;
+var anObject$5 = anObject$g;
 var $toString = toString$c;
 var fails$9 = fails$o;
 var getRegExpFlags$1 = regexpGetFlags;
@@ -4244,6 +4267,18 @@ const ToolFooter = () => {
   });
 };
 
+const headerStyle = {
+  containerType: 'inline-size',
+  containerName: 'tool-header',
+  '.header-title': {
+    display: 'none'
+  },
+  '@container tool-header (min-width: 321px)': {
+    '.header-title': {
+      display: 'block'
+    }
+  }
+};
 const getStyle = size => {
   switch (size) {
     case 'xs':
@@ -4307,17 +4342,18 @@ const ToolHeader = ({
   })
 }) => {
   const styles = getStyle(size);
-  const columnSizeIcon = _leftHeaderComponent || _rightHeaderComponent ? 4 : 1;
+  const columnSizeIcon = title && (_leftHeaderComponent || _rightHeaderComponent) ? 4 : 1;
   const columnSizeTitle = _leftHeaderComponent || _rightHeaderComponent ? 4 : 10;
+  const columnSizeLeft = title ? columnSizeIcon : 12 - columnSizeIcon;
   return /*#__PURE__*/React__default.createElement(Box, {
     component: "header",
     className: _className,
-    sx: {
+    sx: Object.assign(Object.assign({}, _rightHeaderComponent ? headerStyle : {}), {
       boxShadow: 1,
       backgroundColor: 'geowebColors.background.surface',
       zIndex: 2,
       cursor: _isDraggable ? 'move' : null
-    },
+    }),
     role: "heading",
     "aria-label": "toolheader"
   }, /*#__PURE__*/React__default.createElement(Grid, {
@@ -4330,7 +4366,7 @@ const ToolHeader = ({
   }, /*#__PURE__*/React__default.createElement(Grid, {
     className: "header-left",
     item: true,
-    xs: columnSizeIcon,
+    xs: columnSizeLeft,
     sx: {
       paddingRight: 1
     }
@@ -4347,7 +4383,7 @@ const ToolHeader = ({
   }, _dragHandleIcon))), _leftHeaderComponent && _leftHeaderComponent), /*#__PURE__*/React__default.createElement(Grid, {
     className: "header-title",
     item: true,
-    xs: columnSizeTitle
+    xs: title ? columnSizeTitle : 0
   }, /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     justifyContent: "center",
@@ -5434,9 +5470,10 @@ const TooltipSelect = _a => {
       isEnabled,
       hasBackgroundColor,
       variant = 'standard',
-      additionalStyling = {}
+      additionalStyling = {},
+      skipLocalStyling = false
     } = _a,
-    props = __rest(_a, ["tooltip", "list", "currentIndex", "onChangeMouseWheel", "requiresCtrlToChange", "isEnabled", "hasBackgroundColor", "variant", "additionalStyling"]);
+    props = __rest(_a, ["tooltip", "list", "currentIndex", "onChangeMouseWheel", "requiresCtrlToChange", "isEnabled", "hasBackgroundColor", "variant", "additionalStyling", "skipLocalStyling"]);
   const [selectOpen, setSelectOpen] = React.useState(false);
   const [tooltipOpen, setTooltipOpen] = useControlledTooltip();
   const onWheel = React.useCallback(event => {
@@ -5489,18 +5526,20 @@ const TooltipSelect = _a => {
     onWheel: onWheel,
     isEnabled: isEnabled,
     hasBackgroundColor: hasBackgroundColor,
-    additionalStyling: additionalStyling
+    additionalStyling: additionalStyling,
+    skipLocalStyling: skipLocalStyling
   }, props)));
 };
 // Style the select
 const BaseSelect = styled(Select, {
-  shouldForwardProp: prop => prop !== 'isEnabled' && prop !== 'hasBackgroundColor'
+  shouldForwardProp: prop => prop !== 'isEnabled' && prop !== 'hasBackgroundColor' && prop !== 'skipLocalStyling'
 })(({
   theme,
   isEnabled,
-  hasBackgroundColor
+  hasBackgroundColor,
+  skipLocalStyling
 }) => {
-  return Object.assign(Object.assign({}, tooltipContainerStyles(theme, !!isEnabled, hasBackgroundColor)), theme.palette.geowebColors.tooltips.tooltipSelect.select);
+  return Object.assign({}, !skipLocalStyling && tooltipContainerStyles(theme, !!isEnabled, hasBackgroundColor));
 });
 // Style the menu pop-over
 const StyledSelect = styled( /*#__PURE__*/React.forwardRef((_a, ref) => {
@@ -5568,7 +5607,7 @@ const StyledSelect = styled( /*#__PURE__*/React.forwardRef((_a, ref) => {
     }
   }
 }));
-const tooltipContainerStyles = (theme, isEnabled, hasBackgroundColor = true) => Object.assign({
+const tooltipContainerStyles = (theme, isEnabled, hasBackgroundColor = true) => Object.assign(Object.assign({
   width: '100%',
   height: 32,
   fontWeight: 500,
@@ -5596,7 +5635,7 @@ const tooltipContainerStyles = (theme, isEnabled, hasBackgroundColor = true) =>
   '&>div': {
     paddingLeft: '8px!important'
   }
-}, hasBackgroundColor && {
+}, theme.palette.geowebColors.tooltips.tooltipSelect.select), hasBackgroundColor && {
   '&:hover': {
     backgroundColor: theme.palette.geowebColors.buttons.tool.mouseOver.fill,
     borderRadius: 0
@@ -5692,6 +5731,8 @@ var lengthOfArrayLike = lengthOfArrayLike$5;
 
 var $TypeError$3 = TypeError;
 
+var REDUCE_EMPTY = 'Reduce of empty array with no initial value';
+
 // `Array.prototype.{ reduce, reduceRight }` methods implementation
 var createMethod$1 = function (IS_RIGHT) {
   return function (that, callbackfn, argumentsLength, memo) {
@@ -5699,6 +5740,7 @@ var createMethod$1 = function (IS_RIGHT) {
     var self = IndexedObject(O);
     var length = lengthOfArrayLike(O);
     aCallable(callbackfn);
+    if (length === 0 && argumentsLength < 2) throw new $TypeError$3(REDUCE_EMPTY);
     var index = IS_RIGHT ? length - 1 : 0;
     var i = IS_RIGHT ? -1 : 1;
     if (argumentsLength < 2) while (true) {
@@ -5709,7 +5751,7 @@ var createMethod$1 = function (IS_RIGHT) {
       }
       index += i;
       if (IS_RIGHT ? index < 0 : length <= index) {
-        throw new $TypeError$3('Reduce of empty array with no initial value');
+        throw new $TypeError$3(REDUCE_EMPTY);
       }
     }
     for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
@@ -5759,7 +5801,7 @@ $$4({ target: 'Array', proto: true, forced: FORCED$1 }, {
 });
 
 var isCallable$2 = isCallable$n;
-var isObject$2 = isObject$d;
+var isObject$2 = isObject$e;
 var setPrototypeOf$1 = objectSetPrototypeOf;
 
 // makes subclassing work correct for wrapped built-ins
@@ -5777,7 +5819,7 @@ var inheritIfRequired$2 = function ($this, dummy, Wrapper) {
   return $this;
 };
 
-var isObject$1 = isObject$d;
+var isObject$1 = isObject$e;
 var classof$2 = classofRaw$2;
 var wellKnownSymbol$3 = wellKnownSymbol$j;
 
@@ -5791,7 +5833,7 @@ var isRegexp = function (it) {
 };
 
 var fails$6 = fails$o;
-var global$5 = global$q;
+var global$5 = global$p;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
 var $RegExp$2 = global$5.RegExp;
@@ -5832,7 +5874,7 @@ var proxyAccessor$2 = function (Target, Source, key) {
 };
 
 var fails$5 = fails$o;
-var global$4 = global$q;
+var global$4 = global$p;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
 var $RegExp$1 = global$4.RegExp;
@@ -5843,7 +5885,7 @@ var regexpUnsupportedDotAll = fails$5(function () {
 });
 
 var fails$4 = fails$o;
-var global$3 = global$q;
+var global$3 = global$p;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
 var $RegExp = global$3.RegExp;
@@ -5855,7 +5897,7 @@ var regexpUnsupportedNcg = fails$4(function () {
 });
 
 var DESCRIPTORS$2 = descriptors;
-var global$2 = global$q;
+var global$2 = global$p;
 var uncurryThis$5 = functionUncurryThis;
 var isForced = isForced_1;
 var inheritIfRequired$1 = inheritIfRequired$2;
@@ -6079,7 +6121,7 @@ var uncurryThis$4 = functionUncurryThis;
 var toString$7 = toString$c;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers$1 = regexpStickyHelpers;
-var shared = shared$4.exports;
+var shared = shared$4;
 var create = objectCreate;
 var getInternalState = internalState.get;
 var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
@@ -6227,7 +6269,7 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
 var $$2 = _export;
 var uncurryThis$3 = functionUncurryThis;
 var notARegExp = notARegexp;
-var requireObjectCoercible$4 = requireObjectCoercible$8;
+var requireObjectCoercible$4 = requireObjectCoercible$9;
 var toString$6 = toString$c;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 
@@ -6330,7 +6372,7 @@ var sameValue$1 = Object.is || function is(x, y) {
 };
 
 var call$4 = functionCall;
-var anObject$4 = anObject$h;
+var anObject$4 = anObject$g;
 var isCallable$1 = isCallable$n;
 var classof = classofRaw$2;
 var regexpExec = regexpExec$2;
@@ -6352,9 +6394,9 @@ var regexpExecAbstract = function (R, S) {
 
 var call$3 = functionCall;
 var fixRegExpWellKnownSymbolLogic$2 = fixRegexpWellKnownSymbolLogic;
-var anObject$3 = anObject$h;
+var anObject$3 = anObject$g;
 var isNullOrUndefined$2 = isNullOrUndefined$7;
-var requireObjectCoercible$3 = requireObjectCoercible$8;
+var requireObjectCoercible$3 = requireObjectCoercible$9;
 var sameValue = sameValue$1;
 var toString$5 = toString$c;
 var getMethod$2 = getMethod$6;
@@ -6391,7 +6433,7 @@ fixRegExpWellKnownSymbolLogic$2('search', function (SEARCH, nativeSearch, maybeC
 var uncurryThis$2 = functionUncurryThis;
 var toIntegerOrInfinity = toIntegerOrInfinity$4;
 var toString$4 = toString$c;
-var requireObjectCoercible$2 = requireObjectCoercible$8;
+var requireObjectCoercible$2 = requireObjectCoercible$9;
 
 var charAt$1 = uncurryThis$2(''.charAt);
 var charCodeAt = uncurryThis$2(''.charCodeAt);
@@ -6436,9 +6478,9 @@ var advanceStringIndex$2 = function (S, index, unicode) {
 var call$2 = functionCall;
 var uncurryThis$1 = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
-var anObject$2 = anObject$h;
+var anObject$2 = anObject$g;
 var isNullOrUndefined$1 = isNullOrUndefined$7;
-var requireObjectCoercible$1 = requireObjectCoercible$8;
+var requireObjectCoercible$1 = requireObjectCoercible$9;
 var speciesConstructor = speciesConstructor$2;
 var advanceStringIndex$1 = advanceStringIndex$2;
 var toLength$1 = toLength$3;
@@ -6580,16 +6622,24 @@ const styles = {
     fontWeight: 500
   }
 };
-const SwitchButton = props => {
+const SwitchButton = _a => {
+  var {
+      activeLabel = 'Editor',
+      inActiveLabel = 'Viewer',
+      tooltip = 'Switch mode'
+    } = _a,
+    props = __rest(_a, ["activeLabel", "inActiveLabel", "tooltip"]);
   return /*#__PURE__*/React.createElement(CustomTooltip, {
-    title: "Switch mode"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormLabel, {
+    title: tooltip
+  }, /*#__PURE__*/React.createElement("span", {
+    role: "button"
+  }, /*#__PURE__*/React.createElement(FormLabel, {
     sx: styles.label
-  }, "Viewer"), /*#__PURE__*/React.createElement(Switch, Object.assign({
+  }, inActiveLabel), /*#__PURE__*/React.createElement(Switch, Object.assign({
     "data-testid": "switchMode"
   }, props)), /*#__PURE__*/React.createElement(FormLabel, {
     sx: styles.label
-  }, "Editor")));
+  }, activeLabel)));
 };
 
 // TODO: Remove from `core-js@4` since it's moved to entry points
@@ -6597,7 +6647,7 @@ const SwitchButton = props => {
 var $$1 = _export;
 var call$1 = functionCall;
 var isCallable = isCallable$n;
-var anObject$1 = anObject$h;
+var anObject$1 = anObject$g;
 var toString$2 = toString$c;
 
 var DELEGATES_TO_EXEC = function () {
@@ -7216,7 +7266,7 @@ var normalizeStringArgument$1 = function (argument, $default) {
   return argument === undefined ? arguments.length < 2 ? '' : $default : toString$1(argument);
 };
 
-var isObject = isObject$d;
+var isObject = isObject$e;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$9;
 
 // `InstallErrorCause` abstract operation
@@ -7334,7 +7384,7 @@ var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_A
 
 /* eslint-disable no-unused-vars -- required for functions `.length` */
 var $ = _export;
-var global$1 = global$q;
+var global$1 = global$p;
 var apply = functionApply;
 var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
 
@@ -7392,11 +7442,11 @@ exportWebAssemblyErrorCauseWrapper('RuntimeError', function (init) {
 
 var call = functionCall;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-var anObject = anObject$h;
+var anObject = anObject$g;
 var isNullOrUndefined = isNullOrUndefined$7;
 var toLength = toLength$3;
 var toString = toString$c;
-var requireObjectCoercible = requireObjectCoercible$8;
+var requireObjectCoercible = requireObjectCoercible$9;
 var getMethod = getMethod$6;
 var advanceStringIndex = advanceStringIndex$2;
 var regExpExec = regexpExecAbstract;
@@ -7834,6 +7884,7 @@ const getCurrentTimeAsString = (strFormat = DATE_FORMAT_UTC, utc = true) => {
 };
 /**
  * Set date values to a given date (by default it is assumed you are passing the new values in UTC).
+ * Note that months start at 0!
  * @param date - the dater to be changed
  * @param values - an object with options
  * @param useLocalTimeZone - boolean true if you are passing the values in local timezone
@@ -7867,6 +7918,95 @@ const set = (date, values, useLocalTimeZone = false) => {
   }
   return newDate;
 };
+/**
+ * Get hours of a passed date in UTC (or local timezone if passed false)
+ * @param date - the date of which to extract hours
+ * @param utc - boolean true - whether to get UTC hours
+ * @returns the hour number
+ */
+const getHours = (date, utc = true) => {
+  if (utc) {
+    return date.getUTCHours();
+  }
+  return getHours$1(date);
+};
+/**
+ * Return the start of hour for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of the hour
+ * @returns the new date
+ */
+const startOfHourUTC = date => {
+  const hourNum = date.getUTCHours();
+  return set(new Date(date), {
+    hours: hourNum,
+    minutes: 0,
+    seconds: 0,
+    milliseconds: 0
+  });
+};
+/**
+ * Return the start of a day for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of day
+ * @returns the new date
+ */
+const startOfDayUTC = date => {
+  const dateNum = date.getUTCDate();
+  return set(new Date(date), {
+    date: dateNum,
+    hours: 0,
+    minutes: 0,
+    seconds: 0,
+    milliseconds: 0
+  });
+};
+/**
+ * Return the start of a week for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of the week
+ * @returns the new date
+ */
+const startOfWeekUTC = date => {
+  const dateNum = date.getUTCDate();
+  const dayNum = date.getUTCDay();
+  const dayDifference = (dayNum < 1 ? 7 : 0) + dayNum - 1;
+  return set(new Date(date), {
+    date: dateNum - dayDifference,
+    hours: 0,
+    minutes: 0,
+    seconds: 0,
+    milliseconds: 0
+  });
+};
+/**
+ * Return the start of a month for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of the month
+ * @returns the new date
+ */
+const startOfMonthUTC = date => {
+  return set(new Date(date), {
+    date: 1,
+    hours: 0,
+    minutes: 0,
+    seconds: 0,
+    milliseconds: 0
+  });
+};
+/**
+ * Return the start of a year for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of the year
+ * @returns the new date
+ */
+const startOfYearUTC = date => {
+  const yearNum = date.getUTCFullYear();
+  return set(new Date(date), {
+    year: yearNum,
+    month: 0,
+    date: 1,
+    hours: 0,
+    minutes: 0,
+    seconds: 0,
+    milliseconds: 0
+  });
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -7913,10 +8053,20 @@ var index = /*#__PURE__*/Object.freeze({
 	getNowUtc: getNowUtc,
 	getCurrentTimeAsString: getCurrentTimeAsString,
 	set: set,
+	getHours: getHours,
+	startOfHourUTC: startOfHourUTC,
+	startOfDayUTC: startOfDayUTC,
+	startOfWeekUTC: startOfWeekUTC,
+	startOfMonthUTC: startOfMonthUTC,
+	startOfYearUTC: startOfYearUTC,
 	isEqual: isEqual,
 	startOfDay: startOfDay,
 	parseISO: parseISO,
-	isWithinInterval: isWithinInterval
+	isWithinInterval: isWithinInterval,
+	getDay: getDay,
+	getMonth: getMonth,
+	getYear: getYear,
+	getWeek: getWeek
 });
 
 /* *
@@ -7962,6 +8112,39 @@ const createToolkitMockStoreWithEggs = storeConfig => {
   return store;
 };
 
+/**
+ * Update i18next translations on the fly when used outside React components
+ * NOTE: If possible pass the `t` function instead of using this
+ * Because this doesnt trigger a rerender when using a language select
+ * This only works for simple values, no interpolation
+ */
+const handleOutsideComponentTranslations = (translationList, namespace, defaultLanguage = 'en') => {
+  var _a;
+  // we need to create a new object, do not reference the original list directly
+  const outsideComponentTranslations = Object.assign({}, translationList[defaultLanguage]);
+  const updateOutsideComponentTranslations = () => {
+    Object.keys(outsideComponentTranslations).forEach(key => {
+      // @ts-expect-error we need to reassign the translations
+      outsideComponentTranslations[key] = i18next.t(key, {
+        ns: namespace
+      });
+    });
+  };
+  if (i18next.isInitialized) {
+    updateOutsideComponentTranslations();
+  }
+  i18next.on('initialized', () => {
+    updateOutsideComponentTranslations();
+  });
+  i18next.on('languageChanged', () => {
+    updateOutsideComponentTranslations();
+  });
+  (_a = i18next.store) === null || _a === void 0 ? void 0 : _a.on('added', () => {
+    updateOutsideComponentTranslations();
+  });
+  return outsideComponentTranslations;
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -8010,4 +8193,4 @@ class RenderCounter {
 }
 const renderCounter = new RenderCounter();
 
-export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, BUTTON_TITLE, CanvasComponent, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, ErrorBoundary, LastUpdateTime, ResizeComponent as Resizable, SearchField, SearchFieldButton, SearchHighlight, StatusTag, SwitchButton, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, createMockStoreWithEggs, createMockStoreWithEggsAndMiddleware, createToolkitMockStoreWithEggs, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAxiosError, pollingIntervalTimeout, renderCounter, showPrompt, sliderHeaderStyle, useConfirmationDialog, useControlledTooltip, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, withEggs };
+export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, BUTTON_TITLE, CanvasComponent, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, ErrorBoundary, LastUpdateTime, ResizeComponent as Resizable, SearchField, SearchFieldButton, SearchHighlight, StatusTag, SwitchButton, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, createMockStoreWithEggs, createMockStoreWithEggsAndMiddleware, createToolkitMockStoreWithEggs, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, handleOutsideComponentTranslations, isAxiosError, pollingIntervalTimeout, renderCounter, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, withEggs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "9.14.0",
+  "version": "9.16.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -18,7 +18,8 @@
     "axios": "1.5.0",
     "date-fns": "^3.3.0",
     "redux-mock-store": "^1.5.4",
-    "@reduxjs/toolkit": "^1.9.7"
+    "@reduxjs/toolkit": "^1.9.7",
+    "i18next": "^23.7.19"
   },
   "peerDependencies": {
     "react": "18"

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

@@ -1,4 +1,8 @@
 import { SwitchProps } from '@mui/material';
 import * as React from 'react';
-declare const SwitchButton: React.FC<SwitchProps>;
+declare const SwitchButton: React.FC<SwitchProps & {
+    activeLabel?: string;
+    inActiveLabel?: string;
+    tooltip?: string;
+}>;
 export default SwitchButton;

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

@@ -1,19 +1,21 @@
 import * as React from 'react';
 import { BaseSelectProps, SelectVariants } from '@mui/material';
-import { SxProps } from '@mui/material/styles';
-interface ListELement {
+import { SxProps, Theme } from '@mui/material/styles';
+interface ListElement {
     value: string;
 }
 type TooltipSelectProps = Omit<BaseSelectProps, 'sx'> & {
     tooltip: string;
-    list?: ListELement[];
+    list?: ListElement[];
     currentIndex?: number;
-    onChangeMouseWheel?: (element: ListELement) => void;
+    onChangeMouseWheel?: (element: ListElement) => void;
     requiresCtrlToChange?: boolean;
     isEnabled?: boolean;
     hasBackgroundColor?: boolean;
     variant?: SelectVariants;
     additionalStyling?: SxProps;
+    skipLocalStyling?: boolean;
 };
 export declare const TooltipSelect: React.FC<TooltipSelectProps>;
+export declare const tooltipContainerStyles: (theme: Theme, isEnabled: boolean, hasBackgroundColor?: boolean) => object;
 export {};

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

@@ -3,3 +3,4 @@ export * from './usePoller/usePoller';
 export * from './usePrevious/usePrevious';
 export * from './useIsMounted/useIsMounted';
 export * from './useMakeSureContainerStaysInsideWindow/useMakeSureContainerStaysInsideWindow';
+export * from './useDebounce/useDebounce';

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

@@ -0,0 +1 @@
+export declare const useDebounce: (value: string, timeout: number) => string;

package/src/lib/hooks/useDebounce/useDebounce.spec.d.ts

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

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

@@ -1,4 +1,4 @@
-import { parseISO, isEqual, Duration, startOfDay, isWithinInterval } from 'date-fns';
+import { parseISO, isEqual, Duration, startOfDay, isWithinInterval, getDay, getMonth, getYear, getWeek } from 'date-fns';
 export interface DateValues {
     year?: number;
     month?: number;
@@ -268,16 +268,54 @@ export declare const getNowUtc: () => Date;
 export declare const getCurrentTimeAsString: (strFormat?: string, utc?: boolean) => string;
 /**
  * Set date values to a given date (by default it is assumed you are passing the new values in UTC).
+ * Note that months start at 0!
  * @param date - the dater to be changed
  * @param values - an object with options
  * @param useLocalTimeZone - boolean true if you are passing the values in local timezone
  * @returns the new date with options set
  */
 export declare const set: (date: Date, values: DateValues, useLocalTimeZone?: boolean) => Date;
+/**
+ * Get hours of a passed date in UTC (or local timezone if passed false)
+ * @param date - the date of which to extract hours
+ * @param utc - boolean true - whether to get UTC hours
+ * @returns the hour number
+ */
+export declare const getHours: (date: Date, utc?: boolean) => number;
+/**
+ * Return the start of hour for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of the hour
+ * @returns the new date
+ */
+export declare const startOfHourUTC: (date: Date) => Date;
+/**
+ * Return the start of a day for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of day
+ * @returns the new date
+ */
+export declare const startOfDayUTC: (date: Date) => Date;
+/**
+ * Return the start of a week for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of the week
+ * @returns the new date
+ */
+export declare const startOfWeekUTC: (date: Date) => Date;
+/**
+ * Return the start of a month for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of the month
+ * @returns the new date
+ */
+export declare const startOfMonthUTC: (date: Date) => Date;
+/**
+ * Return the start of a year for the given date. The result will be in UTC.
+ * @param date - the date of which to retrieve the start of the year
+ * @returns the new date
+ */
+export declare const startOfYearUTC: (date: Date) => Date;
 /**
  * Compares two dates if values are the same
  * @param {Date} date - first date
  * @param {Date} date - second date
  * @returns {boolean} - True if dates are equal
  */
-export { isEqual, startOfDay, parseISO, isWithinInterval };
+export { isEqual, startOfDay, parseISO, isWithinInterval, getDay, getMonth, getYear, getWeek, };

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

@@ -1,4 +1,5 @@
 export * from './axiosErrorUtils';
 export * as dateUtils from './dateUtils';
 export * from './reduxTestUtils';
+export * from './translationUtils';
 export { renderCounter } from './renderCounter';

package/src/lib/utils/translationUtils/index.d.ts

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

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

@@ -0,0 +1,7 @@
+/**
+ * Update i18next translations on the fly when used outside React components
+ * NOTE: If possible pass the `t` function instead of using this
+ * Because this doesnt trigger a rerender when using a language select
+ * This only works for simple values, no interpolation
+ */
+export declare const handleOutsideComponentTranslations: <T extends Record<string, string>>(translationList: Record<string, T>, namespace: string, defaultLanguage?: string) => T;

package/src/lib/utils/translationUtils/translationUtils.spec.d.ts

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