@opengeoweb/core 6.1.0 → 6.1.1

package/index.esm.js

@@ -6,378 +6,351 @@ import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWin
 import { useDispatch, useSelector, connect, Provider } from 'react-redux';
 import { uiTypes, uiSelectors, uiActions, layerTypes, layerUtils, layerActions, layerSelectors, serviceSelectors, serviceActions, mapSelectors, mapActions, mapEnums, mapConstants, filterLayers, getUserAddedServices, layerSelectSelectors, layerSelectActions, storeUtils, snackbarActions, layerSelectTypes, mapUtils, genericActions, syncConstants, drawSelectors, drawActions, defaultLayers, syncGroupsSelectors, syncGroupsSelector, snackbarModuleConfig, snackbarSelectors, coreModuleConfig, routerUtils, routerModuleConfig, appModuleConfig, appActions } from '@opengeoweb/store';
 import { ReactSortable } from 'react-sortablejs';
-import { webmapUtils, WMGetServiceFromStore, getCapabilities, LayerType, clearImageCache, WMBBOX, debug, DebugType, WMJSMap, tilesettings, WMLayer } from '@opengeoweb/webmap';
+import { webmapUtils, WMGetServiceFromStore, getCapabilities, LayerType, clearImageCache, WMLayer } from '@opengeoweb/webmap';
 import { jsx } from 'react/jsx-runtime';
 import _, { isEqual as isEqual$1, debounce, groupBy, throttle as throttle$1, clamp as clamp$1, range } from 'lodash';
 import Box$3 from '@mui/material/Box';
 import Typography$1 from '@mui/material/Typography';
 import Grid$1 from '@mui/material/Grid';
-import { LegendLayout, CanvasComponent, MapDrawContainer, Legend, defaultStyleProperties, lineString, featurePoint, featurePolygon, emptyGeoJSON, DRAWMODE, addFeatureProperties, isGeoJSONFeatureCreatedByTool, getFeatureCollection, getGeoJson, createInterSections } from '@opengeoweb/webmap-react';
+import { LegendLayout, CanvasComponent, ReactMapView, MapViewLayer, Legend, defaultStyleProperties, lineString, featurePoint, featurePolygon, emptyGeoJSON, DRAWMODE, addFeatureProperties, isGeoJSONFeatureCreatedByTool, getFeatureCollection, getGeoJson, createInterSections } from '@opengeoweb/webmap-react';
 import { ReactHookFormProvider, defaultFormOptions, ReactHookFormTextField, ReactHookFormSelect, ReactHookFormHiddenInput } from '@opengeoweb/form-fields';
 import moment from 'moment';
 import { findDOMNode, flushSync } from 'react-dom';
 import debounce$1 from 'lodash/debounce';
 import throttle$2 from 'lodash/throttle';
-import { debounce as debounce$2 } from 'throttle-debounce';
 import Draggable from 'react-draggable';
 import axios from 'axios';
 import { useDebounce } from '@opengeoweb/api';
 import { createStore } from '@redux-eggs/redux-toolkit';
 import { getSagaExtension } from '@redux-eggs/saga-extension';
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
-    return exports;
+    return e;
   };
-  var exports = {},
-    Op = Object.prototype,
-    hasOwn = Op.hasOwnProperty,
-    defineProperty = Object.defineProperty || function (obj, key, desc) {
-      obj[key] = desc.value;
+  var t,
+    e = {},
+    r = Object.prototype,
+    n = r.hasOwnProperty,
+    o = Object.defineProperty || function (t, e, r) {
+      t[e] = r.value;
     },
-    $Symbol = "function" == typeof Symbol ? Symbol : {},
-    iteratorSymbol = $Symbol.iterator || "@@iterator",
-    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-  function define(obj, key, value) {
-    return Object.defineProperty(obj, key, {
-      value: value,
+    i = "function" == typeof Symbol ? Symbol : {},
+    a = i.iterator || "@@iterator",
+    c = i.asyncIterator || "@@asyncIterator",
+    u = i.toStringTag || "@@toStringTag";
+  function define(t, e, r) {
+    return Object.defineProperty(t, e, {
+      value: r,
       enumerable: !0,
       configurable: !0,
       writable: !0
-    }), obj[key];
+    }), t[e];
   }
   try {
     define({}, "");
-  } catch (err) {
-    define = function (obj, key, value) {
-      return obj[key] = value;
+  } catch (t) {
+    define = function (t, e, r) {
+      return t[e] = r;
     };
   }
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-      generator = Object.create(protoGenerator.prototype),
-      context = new Context(tryLocsList || []);
-    return defineProperty(generator, "_invoke", {
-      value: makeInvokeMethod(innerFn, self, context)
-    }), generator;
+  function wrap(t, e, r, n) {
+    var i = e && e.prototype instanceof Generator ? e : Generator,
+      a = Object.create(i.prototype),
+      c = new Context(n || []);
+    return o(a, "_invoke", {
+      value: makeInvokeMethod(t, r, c)
+    }), a;
   }
-  function tryCatch(fn, obj, arg) {
+  function tryCatch(t, e, r) {
     try {
       return {
         type: "normal",
-        arg: fn.call(obj, arg)
+        arg: t.call(e, r)
       };
-    } catch (err) {
+    } catch (t) {
       return {
         type: "throw",
-        arg: err
+        arg: t
       };
     }
   }
-  exports.wrap = wrap;
-  var ContinueSentinel = {};
+  e.wrap = wrap;
+  var h = "suspendedStart",
+    l = "suspendedYield",
+    f = "executing",
+    s = "completed",
+    y = {};
   function Generator() {}
   function GeneratorFunction() {}
   function GeneratorFunctionPrototype() {}
-  var IteratorPrototype = {};
-  define(IteratorPrototype, iteratorSymbol, function () {
+  var p = {};
+  define(p, a, function () {
     return this;
   });
-  var getProto = Object.getPrototypeOf,
-    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function (method) {
-      define(prototype, method, function (arg) {
-        return this._invoke(method, arg);
+  var d = Object.getPrototypeOf,
+    v = d && d(d(values([])));
+  v && v !== r && n.call(v, a) && (p = v);
+  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+  function defineIteratorMethods(t) {
+    ["next", "throw", "return"].forEach(function (e) {
+      define(t, e, function (t) {
+        return this._invoke(e, t);
       });
     });
   }
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-      if ("throw" !== record.type) {
-        var result = record.arg,
-          value = result.value;
-        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-          invoke("next", value, resolve, reject);
-        }, function (err) {
-          invoke("throw", err, resolve, reject);
-        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-          result.value = unwrapped, resolve(result);
-        }, function (error) {
-          return invoke("throw", error, resolve, reject);
+  function AsyncIterator(t, e) {
+    function invoke(r, o, i, a) {
+      var c = tryCatch(t[r], t, o);
+      if ("throw" !== c.type) {
+        var u = c.arg,
+          h = u.value;
+        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
+          invoke("next", t, i, a);
+        }, function (t) {
+          invoke("throw", t, i, a);
+        }) : e.resolve(h).then(function (t) {
+          u.value = t, i(u);
+        }, function (t) {
+          return invoke("throw", t, i, a);
         });
       }
-      reject(record.arg);
+      a(c.arg);
     }
-    var previousPromise;
-    defineProperty(this, "_invoke", {
-      value: function (method, arg) {
+    var r;
+    o(this, "_invoke", {
+      value: function (t, n) {
         function callInvokeWithMethodAndArg() {
-          return new PromiseImpl(function (resolve, reject) {
-            invoke(method, arg, resolve, reject);
+          return new e(function (e, r) {
+            invoke(t, n, e, r);
           });
         }
-        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
       }
     });
   }
-  function makeInvokeMethod(innerFn, self, context) {
-    var state = "suspendedStart";
-    return function (method, arg) {
-      if ("executing" === state) throw new Error("Generator is already running");
-      if ("completed" === state) {
-        if ("throw" === method) throw arg;
+  function makeInvokeMethod(e, r, n) {
+    var o = h;
+    return function (i, a) {
+      if (o === f) throw new Error("Generator is already running");
+      if (o === s) {
+        if ("throw" === i) throw a;
         return {
-          value: void 0,
+          value: t,
           done: !0
         };
       }
-      for (context.method = method, context.arg = arg;;) {
-        var delegate = context.delegate;
-        if (delegate) {
-          var delegateResult = maybeInvokeDelegate(delegate, context);
-          if (delegateResult) {
-            if (delegateResult === ContinueSentinel) continue;
-            return delegateResult;
+      for (n.method = i, n.arg = a;;) {
+        var c = n.delegate;
+        if (c) {
+          var u = maybeInvokeDelegate(c, n);
+          if (u) {
+            if (u === y) continue;
+            return u;
           }
         }
-        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-          if ("suspendedStart" === state) throw state = "completed", context.arg;
-          context.dispatchException(context.arg);
-        } else "return" === context.method && context.abrupt("return", context.arg);
-        state = "executing";
-        var record = tryCatch(innerFn, self, context);
-        if ("normal" === record.type) {
-          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+          if (o === h) throw o = s, n.arg;
+          n.dispatchException(n.arg);
+        } else "return" === n.method && n.abrupt("return", n.arg);
+        o = f;
+        var p = tryCatch(e, r, n);
+        if ("normal" === p.type) {
+          if (o = n.done ? s : l, p.arg === y) continue;
           return {
-            value: record.arg,
-            done: context.done
+            value: p.arg,
+            done: n.done
           };
         }
-        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
       }
     };
   }
-  function maybeInvokeDelegate(delegate, context) {
-    var methodName = context.method,
-      method = delegate.iterator[methodName];
-    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
-    var record = tryCatch(method, delegate.iterator, context.arg);
-    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-    var info = record.arg;
-    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-  }
-  function pushTryEntry(locs) {
-    var entry = {
-      tryLoc: locs[0]
+  function maybeInvokeDelegate(e, r) {
+    var n = r.method,
+      o = e.iterator[n];
+    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
+    var i = tryCatch(o, e.iterator, r.arg);
+    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+    var a = i.arg;
+    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+  }
+  function pushTryEntry(t) {
+    var e = {
+      tryLoc: t[0]
     };
-    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
   }
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal", delete record.arg, entry.completion = record;
+  function resetTryEntry(t) {
+    var e = t.completion || {};
+    e.type = "normal", delete e.arg, t.completion = e;
   }
-  function Context(tryLocsList) {
+  function Context(t) {
     this.tryEntries = [{
       tryLoc: "root"
-    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-  }
-  function values(iterable) {
-    if (iterable || "" === iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) return iteratorMethod.call(iterable);
-      if ("function" == typeof iterable.next) return iterable;
-      if (!isNaN(iterable.length)) {
-        var i = -1,
-          next = function next() {
-            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-            return next.value = undefined, next.done = !0, next;
+    }], t.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(e) {
+    if (e || "" === e) {
+      var r = e[a];
+      if (r) return r.call(e);
+      if ("function" == typeof e.next) return e;
+      if (!isNaN(e.length)) {
+        var o = -1,
+          i = function next() {
+            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
+            return next.value = t, next.done = !0, next;
           };
-        return next.next = next;
+        return i.next = i;
       }
     }
-    throw new TypeError(typeof iterable + " is not iterable");
+    throw new TypeError(typeof e + " is not iterable");
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
     value: GeneratorFunctionPrototype,
     configurable: !0
-  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+  }), o(GeneratorFunctionPrototype, "constructor", {
     value: GeneratorFunction,
     configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-    var ctor = "function" == typeof genFun && genFun.constructor;
-    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-  }, exports.mark = function (genFun) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-  }, exports.awrap = function (arg) {
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
+    var e = "function" == typeof t && t.constructor;
+    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
+  }, e.mark = function (t) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
+  }, e.awrap = function (t) {
     return {
-      __await: arg
+      __await: t
     };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
     return this;
-  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    void 0 === PromiseImpl && (PromiseImpl = Promise);
-    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-      return result.done ? result.value : iter.next();
+  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+    void 0 === i && (i = Promise);
+    var a = new AsyncIterator(wrap(t, r, n, o), i);
+    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+      return t.done ? t.value : a.next();
     });
-  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
     return this;
-  }), define(Gp, "toString", function () {
+  }), define(g, "toString", function () {
     return "[object Generator]";
-  }), exports.keys = function (val) {
-    var object = Object(val),
-      keys = [];
-    for (var key in object) keys.push(key);
-    return keys.reverse(), function next() {
-      for (; keys.length;) {
-        var key = keys.pop();
-        if (key in object) return next.value = key, next.done = !1, next;
+  }), e.keys = function (t) {
+    var e = Object(t),
+      r = [];
+    for (var n in e) r.push(n);
+    return r.reverse(), function next() {
+      for (; r.length;) {
+        var t = r.pop();
+        if (t in e) return next.value = t, next.done = !1, next;
       }
       return next.done = !0, next;
     };
-  }, exports.values = values, Context.prototype = {
+  }, e.values = values, Context.prototype = {
     constructor: Context,
-    reset: function (skipTempReset) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+    reset: function (e) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
     },
     stop: function () {
       this.done = !0;
-      var rootRecord = this.tryEntries[0].completion;
-      if ("throw" === rootRecord.type) throw rootRecord.arg;
+      var t = this.tryEntries[0].completion;
+      if ("throw" === t.type) throw t.arg;
       return this.rval;
     },
-    dispatchException: function (exception) {
-      if (this.done) throw exception;
-      var context = this;
-      function handle(loc, caught) {
-        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-      }
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i],
-          record = entry.completion;
-        if ("root" === entry.tryLoc) return handle("end");
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc"),
-            hasFinally = hasOwn.call(entry, "finallyLoc");
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+    dispatchException: function (e) {
+      if (this.done) throw e;
+      var r = this;
+      function handle(n, o) {
+        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+      }
+      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+        var i = this.tryEntries[o],
+          a = i.completion;
+        if ("root" === i.tryLoc) return handle("end");
+        if (i.tryLoc <= this.prev) {
+          var c = n.call(i, "catchLoc"),
+            u = n.call(i, "finallyLoc");
+          if (c && u) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+          } else if (c) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
           } else {
-            if (!hasFinally) throw new Error("try statement without catch or finally");
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+            if (!u) throw new Error("try statement without catch or finally");
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
           }
         }
       }
     },
-    abrupt: function (type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
+    abrupt: function (t, e) {
+      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+        var o = this.tryEntries[r];
+        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
+          var i = o;
           break;
         }
       }
-      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-      var record = finallyEntry ? finallyEntry.completion : {};
-      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
+      var a = i ? i.completion : {};
+      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
     },
-    complete: function (record, afterLoc) {
-      if ("throw" === record.type) throw record.arg;
-      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+    complete: function (t, e) {
+      if ("throw" === t.type) throw t.arg;
+      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
     },
-    finish: function (finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+    finish: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
       }
     },
-    catch: function (tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-          if ("throw" === record.type) {
-            var thrown = record.arg;
-            resetTryEntry(entry);
+    catch: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.tryLoc === t) {
+          var n = r.completion;
+          if ("throw" === n.type) {
+            var o = n.arg;
+            resetTryEntry(r);
           }
-          return thrown;
+          return o;
         }
       }
       throw new Error("illegal catch attempt");
     },
-    delegateYield: function (iterable, resultName, nextLoc) {
+    delegateYield: function (e, r, n) {
       return this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+        iterator: values(e),
+        resultName: r,
+        nextLoc: n
+      }, "next" === this.method && (this.arg = t), y;
     }
-  }, exports;
-}
-function _typeof$2(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$2(obj);
-}
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
+  }, e;
 }
 function _defineProperty$1(obj, key, value) {
   key = _toPropertyKey(key);
@@ -393,74 +366,6 @@ function _defineProperty$1(obj, key, value) {
   }
   return obj;
 }
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf$1(subClass, superClass);
-}
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-function _setPrototypeOf$1(o, p) {
-  _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf$1(o, p);
-}
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-function _assertThisInitialized$1(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
-  }
-  return _assertThisInitialized$1(self);
-}
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-      result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-    return _possibleConstructorReturn(this, result);
-  };
-}
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -1035,20 +940,20 @@ function _objectSpread2(target) {
   return target;
 }
 
-function _typeof$1(obj) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
   if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof$1 = function (obj) {
+    _typeof = function (obj) {
       return typeof obj;
     };
   } else {
-    _typeof$1 = function (obj) {
+    _typeof = function (obj) {
       return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
     };
   }
 
-  return _typeof$1(obj);
+  return _typeof(obj);
 }
 
 function _defineProperty(obj, key, value) {
@@ -2087,7 +1992,7 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
   var group = {};
   var originalGroup = options.group;
 
-  if (!originalGroup || _typeof$1(originalGroup) != 'object') {
+  if (!originalGroup || _typeof(originalGroup) != 'object') {
     originalGroup = {
       name: originalGroup
     };
@@ -9068,7 +8973,7 @@ tags.forEach(function (tagName) {
 });
 
 /**
- * @mui/styled-engine v5.13.2
+ * @mui/styled-engine v5.14.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -9723,10 +9628,20 @@ const width = style$3({
 const maxWidth = props => {
   if (props.maxWidth !== undefined && props.maxWidth !== null) {
     const styleFromPropValue = propValue => {
-      var _props$theme;
+      var _props$theme, _props$theme2;
       const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || values[propValue];
+      if (!breakpoint) {
+        return {
+          maxWidth: sizingTransform(propValue)
+        };
+      }
+      if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? void 0 : _props$theme2.unit) !== 'px') {
+        return {
+          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
+        };
+      }
       return {
-        maxWidth: breakpoint || sizingTransform(propValue)
+        maxWidth: breakpoint
       };
     };
     return handleBreakpoints(props, props.maxWidth, styleFromPropValue);
@@ -20189,45 +20104,6 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
   });
 };
 
-/* *
- * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var MapViewLayer = function MapViewLayer(props) {
-  var id = props.id;
-  return /*#__PURE__*/React.createElement(Box$2, {
-    "data-testid": "mapViewLayer",
-    sx: {
-      width: '100%',
-      padding: '2px',
-      margin: 0,
-      wordWrap: 'break-word',
-      border: '1px solid rgba(0, 0, 0, 0.5)',
-      lineHeight: '14px',
-      fontSize: '10px',
-      background: 'rgba(255, 255, 255, 0.5)',
-      display: 'none'
-    }
-  }, /*#__PURE__*/React.createElement("div", null, id), /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: JSON.stringify(props, null, '--').replace(/\n/g, '<br/>')
-    }
-  }));
-};
-
 /* global Reflect, Promise */
 
 var extendStatics = function(d, b) {
@@ -20546,1063 +20422,6 @@ var isDOMElement = function (element) {
     return __assign$2({ ref: onRefChange }, size);
 }
 
-/* *
- * 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 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * */
-var ReactMapViewLayer = function ReactMapViewLayer(props) {
-  var id = props.id;
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100%',
-      padding: '2px',
-      margin: 0,
-      wordWrap: 'break-word',
-      border: '1px solid rgba(0, 0, 0, 0.5)',
-      lineHeight: '14px',
-      fontSize: '10px',
-      background: 'rgba(255, 255, 255, 0.5)',
-      display: 'none'
-    }
-  }, /*#__PURE__*/React.createElement("div", null, id), /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: JSON.stringify(props, null, '--').replace(/\n/g, '<br/>')
-    }
-  }));
-};
-
-/* *
- * 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 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * */
-var setLayerInfo = function setLayerInfo(wmLayer, mapId, onUpdateLayerInformation) {
-  var origin = layerTypes.LayerActionOrigin.ReactMapViewParseLayer;
-  var map = webmapUtils.getWMJSMapById(mapId);
-  /* Update list of layers for service */
-  var updateObject = {
-    origin: origin,
-    layerStyle: {
-      origin: origin,
-      layerId: wmLayer.ReactWMJSLayerId,
-      style: wmLayer.currentStyle
-    },
-    mapDimensions: {
-      mapId: mapId,
-      origin: origin,
-      dimensions: map && map.mapdimensions.map(function (mapdim) {
-        return {
-          units: mapdim.units,
-          currentValue: mapdim.currentValue,
-          name: mapdim.name
-        };
-      }) || []
-    },
-    layerDimensions: {
-      origin: origin,
-      layerId: wmLayer.id,
-      dimensions: wmLayer.dimensions.map(function (dim) {
-        var name = dim.name,
-          units = dim.units,
-          synced = dim.synced;
-        return {
-          name: name,
-          units: units,
-          currentValue: dim.getValue(),
-          minValue: dim.getFirstValue(),
-          maxValue: dim.getLastValue(),
-          timeInterval: dim.getDimInterval(),
-          values: dim.getValues(),
-          synced: synced
-        };
-      })
-    }
-  };
-  onUpdateLayerInformation === null || onUpdateLayerInformation === void 0 ? void 0 : onUpdateLayerInformation(updateObject);
-};
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function requiredArgs(required, args) {
-  if (args.length < required) {
-    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
-  }
-}
-
-/**
- * @name toDate
- * @category Common Helpers
- * @summary Convert the given argument to an instance of Date.
- *
- * @description
- * Convert the given argument to an instance of Date.
- *
- * If the argument is an instance of Date, the function returns its clone.
- *
- * If the argument is a number, it is treated as a timestamp.
- *
- * If the argument is none of the above, the function returns Invalid Date.
- *
- * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
- *
- * @param {Date|Number} argument - the value to convert
- * @returns {Date} the parsed date in the local time zone
- * @throws {TypeError} 1 argument required
- *
- * @example
- * // Clone the date:
- * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
- * //=> Tue Feb 11 2014 11:30:30
- *
- * @example
- * // Convert the timestamp to date:
- * const result = toDate(1392098430000)
- * //=> Tue Feb 11 2014 11:30:30
- */
-function toDate(argument) {
-  requiredArgs(1, arguments);
-  var argStr = Object.prototype.toString.call(argument);
-
-  // Clone the date
-  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {
-    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
-    return new Date(argument.getTime());
-  } else if (typeof argument === 'number' || argStr === '[object Number]') {
-    return new Date(argument);
-  } else {
-    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {
-      // eslint-disable-next-line no-console
-      console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments");
-      // eslint-disable-next-line no-console
-      console.warn(new Error().stack);
-    }
-    return new Date(NaN);
-  }
-}
-
-/**
- * Days in 1 week.
- *
- * @name daysInWeek
- * @constant
- * @type {number}
- * @default
- */
-
-/**
- * Milliseconds in 1 minute
- *
- * @name millisecondsInMinute
- * @constant
- * @type {number}
- * @default
- */
-var millisecondsInMinute = 60000;
-
-/**
- * @name differenceInMilliseconds
- * @category Millisecond Helpers
- * @summary Get the number of milliseconds between the given dates.
- *
- * @description
- * Get the number of milliseconds between the given dates.
- *
- * @param {Date|Number} dateLeft - the later date
- * @param {Date|Number} dateRight - the earlier date
- * @returns {Number} the number of milliseconds
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // How many milliseconds are between
- * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
- * const result = differenceInMilliseconds(
- *   new Date(2014, 6, 2, 12, 30, 21, 700),
- *   new Date(2014, 6, 2, 12, 30, 20, 600)
- * )
- * //=> 1100
- */
-function differenceInMilliseconds(dateLeft, dateRight) {
-  requiredArgs(2, arguments);
-  return toDate(dateLeft).getTime() - toDate(dateRight).getTime();
-}
-
-var roundingMap = {
-  ceil: Math.ceil,
-  round: Math.round,
-  floor: Math.floor,
-  trunc: function trunc(value) {
-    return value < 0 ? Math.ceil(value) : Math.floor(value);
-  } // Math.trunc is not supported by IE
-};
-
-var defaultRoundingMethod = 'trunc';
-function getRoundingMethod(method) {
-  return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];
-}
-
-/**
- * @name differenceInMinutes
- * @category Minute Helpers
- * @summary Get the number of minutes between the given dates.
- *
- * @description
- * Get the signed number of full (rounded towards 0) minutes between the given dates.
- *
- * @param {Date|Number} dateLeft - the later date
- * @param {Date|Number} dateRight - the earlier date
- * @param {Object} [options] - an object with options.
- * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
- * @returns {Number} the number of minutes
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?
- * const result = differenceInMinutes(
- *   new Date(2014, 6, 2, 12, 20, 0),
- *   new Date(2014, 6, 2, 12, 7, 59)
- * )
- * //=> 12
- *
- * @example
- * // How many minutes are between 10:01:59 and 10:00:00
- * const result = differenceInMinutes(
- *   new Date(2000, 0, 1, 10, 0, 0),
- *   new Date(2000, 0, 1, 10, 1, 59)
- * )
- * //=> -1
- */
-function differenceInMinutes(dateLeft, dateRight, options) {
-  requiredArgs(2, arguments);
-  var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
-  return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
-}
-
-/* *
- * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-/**
- * Returns filtered list of props with geoJson
- * @param children React.ReactNode, layers with geoJson
- */
-var getFeatureLayers = function getFeatureLayers(children) {
-  return children && Array.isArray(children) ? children
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  .reduce(function (acc, val) {
-    return acc.concat(val);
-  }, []).filter(function (c) {
-    return c && c.props && c.props.geojson;
-  }).map(function (c) {
-    return c.props;
-  }).reverse() : [];
-};
-/**
- * Returns true if this is a maplayer and not a baselayer or overlayer
- * @param layer The layerTypes.Layer object, or the props from the ReactWMJSLayer
- */
-var isAMapLayer = function isAMapLayer(layer) {
-  return layer.layerType === LayerType.mapLayer;
-};
-/**
- * Returns true if this is a geojsonlayer (layer containing geojson field)
- * @param layer The layerTypes.Layer object, or the props from the ReactWMJSLayer
- */
-var isAGeoJSONLayer = function isAGeoJSONLayer(layer) {
-  return layer.geojson !== undefined;
-};
-var getWMJSLayerFromReactLayer = function getWMJSLayerFromReactLayer(mapId, wmLayers, reactWebMapJSLayer, wmLayerIndex) {
-  var _reactWebMapJSLayer$p = reactWebMapJSLayer.props,
-    reactLayerId = _reactWebMapJSLayer$p.id,
-    layerName = _reactWebMapJSLayer$p.name;
-  var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-  /* Some safety checks */
-  if (!wmjsMap || !wmLayers || !reactLayerId || !layerName) {
-    return {
-      layer: null,
-      layerArrayMutated: false
-    };
-  }
-  /* Find the wmlayer by its react layer id */
-  var matchingLayerIndex = wmLayers.findIndex(function (wmLayer) {
-    return wmLayer.id === reactLayerId;
-  });
-  if (matchingLayerIndex === -1) {
-    return {
-      layer: null,
-      layerArrayMutated: false
-    };
-  }
-  /*
-     The layer order in the react children array index is
-     reversed compared to the layer order in the wmLayer array index
-  */
-  var reactLayerIndex = wmLayers.length - 1 - wmLayerIndex;
-  var isMapLayer = isAMapLayer(reactWebMapJSLayer.props);
-  var mapLayerArrayShouldBeMutated = isMapLayer && matchingLayerIndex !== reactLayerIndex;
-  /* It seems that a layer was moved in the layerlist, move it in the wmjsMap too */
-  if (mapLayerArrayShouldBeMutated) {
-    wmjsMap.swapLayers(wmLayers[matchingLayerIndex], wmLayers[reactLayerIndex]);
-    wmjsMap.draw();
-  }
-  return {
-    layer: wmLayers[matchingLayerIndex],
-    layerArrayMutated: mapLayerArrayShouldBeMutated
-  };
-};
-function getIsInsideAcceptanceTime(acceptanceTimeInMinutes, mapDimensions, layerDimensions) {
-  var _a, _b;
-  var mapCurrentTime = (_a = mapDimensions === null || mapDimensions === void 0 ? void 0 : mapDimensions.find(function (dimension) {
-    return dimension.name === 'time';
-  })) === null || _a === void 0 ? void 0 : _a.currentValue;
-  var layerCurrentTime = (_b = layerDimensions === null || layerDimensions === void 0 ? void 0 : layerDimensions.find(function (dimension) {
-    return dimension.name === 'time';
-  })) === null || _b === void 0 ? void 0 : _b.currentValue;
-  if (acceptanceTimeInMinutes === undefined || !mapCurrentTime || !layerCurrentTime) {
-    return true;
-  }
-  var minutesBetween = differenceInMinutes(new Date(mapCurrentTime), new Date(layerCurrentTime));
-  if (Math.abs(minutesBetween) > acceptanceTimeInMinutes) {
-    return false;
-  }
-  return true;
-}
-
-var getDisplayText = function getDisplayText(currentAdagucTime) {
-  var timeFormat = 'eee dd MMM yyyy HH:mm [UTC]';
-  var adagucTime = dateUtils.utc(currentAdagucTime);
-  var adagucTimeFormatted = dateUtils.dateToString(adagucTime, timeFormat);
-  return adagucTimeFormatted;
-};
-var ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION = 'ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION';
-var ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO = 'ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO';
-var ReactMapView = /*#__PURE__*/function (_React$Component) {
-  _inherits(ReactMapView, _React$Component);
-  var _super = _createSuper(ReactMapView);
-  function ReactMapView(props) {
-    var _this;
-    _classCallCheck(this, ReactMapView);
-    _this = _super.call(this, props);
-    _this.adaguc = {
-      initialized: false,
-      baseLayers: [],
-      oldbbox: undefined,
-      currentWidth: -1,
-      currentHeight: -1,
-      currentMapProps: {
-        children: []
-      }
-    };
-    _this.refetchTimer = null;
-    _this.onStartRefetchTimer = function () {
-      /*
-        TODO, Maarten Plieger, 2021-09-02, https://gitlab.com/opengeoweb/opengeoweb/-/issues/1159:
-        This causes many issues, we should improve the update strategy.
-        Certain presets have >20 layers. This causes 20 times parsing the GetCapabilities for a minor update of the store.
-           
-      */
-      _this.clearRefetchTimer();
-      var fetchSpeed = 60000; // 1 minute
-      _this.refetchTimer = setInterval(function () {
-        var mapId = _this.props.mapId;
-        var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-        var layers = wmjsMap.getLayers();
-        layers.forEach(function (layer) {
-          if (layer.enabled !== false) {
-            _this.parseWMJSLayer(layer, true);
-          }
-        });
-      }, fetchSpeed);
-    };
-    _this.clearRefetchTimer = function () {
-      if (_this.refetchTimer) {
-        clearInterval(_this.refetchTimer);
-      }
-    };
-    _this.parseWMJSLayer = function (wmLayer, forceReload, child) {
-      var callback = function callback() {
-        var _this$props = _this.props,
-          onUpdateLayerInformation = _this$props.onUpdateLayerInformation,
-          mapId = _this$props.mapId;
-        try {
-          setLayerInfo(wmLayer, mapId, onUpdateLayerInformation);
-        } catch (e) {
-          /* Provide a hint on what is going wrong */
-          console.error(e);
-        }
-        var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-        if (child) {
-          if (wmLayer.hasError) {
-            if (child.props.onLayerError) {
-              child.props.onLayerError(wmLayer, new Error(wmLayer.lastError), wmjsMap);
-            }
-          } else if (child.props.onLayerReady) {
-            child.props.onLayerReady(wmLayer, wmjsMap);
-          }
-        }
-      };
-      wmLayer.parseLayer(callback, forceReload, 'ReactMapView parseWMJSLayer');
-    };
-    _this.state = {
-      adagucInitialised: false
-    };
-    _this.resize = _this.resize.bind(_assertThisInitialized$1(_this));
-    _this.handleWindowResize = _this.handleWindowResize.bind(_assertThisInitialized$1(_this));
-    _this.drawDebounced = debounce$2(600, _this.drawDebounced);
-    _this.updateWMJSMapProps = _this.updateWMJSMapProps.bind(_assertThisInitialized$1(_this));
-    _this.mountWMJSMap = _this.mountWMJSMap.bind(_assertThisInitialized$1(_this));
-    _this.onAfterSetBBoxListener = _this.onAfterSetBBoxListener.bind(_assertThisInitialized$1(_this));
-    _this.onUpdateBBoxListener = _this.onUpdateBBoxListener.bind(_assertThisInitialized$1(_this));
-    _this.onDimChangeListener = _this.onDimChangeListener.bind(_assertThisInitialized$1(_this));
-    _this.adagucContainerRef = /*#__PURE__*/React.createRef();
-    _this.adagucWebMapJSRef = /*#__PURE__*/React.createRef();
-    return _this;
-  }
-  _createClass(ReactMapView, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props2 = this.props,
-        shouldAutoFetch = _this$props2.shouldAutoFetch,
-        onWMJSMount = _this$props2.onWMJSMount,
-        mapId = _this$props2.mapId;
-      /* If this components re-mounts, make sure that the initialized state is set back to false */
-      this.setState({
-        adagucInitialised: false
-      });
-      window.addEventListener('resize', this.handleWindowResize);
-      this.mountWMJSMap();
-      if (shouldAutoFetch) {
-        this.onStartRefetchTimer();
-      }
-      onWMJSMount(mapId);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      this.updateWMJSMapProps(prevProps, this.props);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var mapId = this.props.mapId;
-      window.removeEventListener('resize', this.handleWindowResize);
-      this.clearRefetchTimer();
-      webmapUtils.unRegisterWMJSMap(mapId);
-      /* Reset adaguc properties */
-      this.adaguc.initialized = false;
-      this.adaguc.currentHeight = -1;
-      this.adaguc.currentWidth = -1;
-      this.adaguc.baseLayers = [];
-      this.adaguc.oldbbox = new WMBBOX();
-      this.adaguc.currentMapProps.children = null;
-    }
-  }, {
-    key: "handleWindowResize",
-    value: function handleWindowResize() {
-      this.resize();
-    }
-  }, {
-    key: "onDimChangeListener",
-    value: function onDimChangeListener() {
-      var _this$props3 = this.props,
-        mapId = _this$props3.mapId,
-        onMapChangeDimension = _this$props3.onMapChangeDimension;
-      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-      if (wmjsMap) {
-        var timeDimension = wmjsMap.getDimension('time');
-        if (timeDimension) {
-          onMapChangeDimension({
-            mapId: mapId,
-            origin: ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION,
-            dimension: {
-              name: 'time',
-              currentValue: timeDimension.currentValue
-            }
-          });
-        }
-      }
-    }
-  }, {
-    key: "onAfterSetBBoxListener",
-    value: function onAfterSetBBoxListener() {
-      var _this2 = this;
-      /* Update the map after 100 ms */
-      window.setTimeout(function () {
-        var _this2$props = _this2.props,
-          MapViewBBOX = _this2$props.bbox,
-          mapId = _this2$props.mapId,
-          onMapZoomEnd = _this2$props.onMapZoomEnd;
-        var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-        if (!wmjsMap) {
-          return;
-        }
-        var projectionInfo = wmjsMap.getProjection();
-        /* Trigger onMapZoomEnd callback */
-        var mapBBOX = projectionInfo.bbox;
-        if (MapViewBBOX.left !== mapBBOX.left || MapViewBBOX.right !== mapBBOX.right || MapViewBBOX.bottom !== mapBBOX.bottom || MapViewBBOX.top !== mapBBOX.top) {
-          onMapZoomEnd({
-            mapId: mapId,
-            bbox: {
-              left: projectionInfo.bbox.left,
-              bottom: projectionInfo.bbox.bottom,
-              right: projectionInfo.bbox.right,
-              top: projectionInfo.bbox.top
-            },
-            srs: projectionInfo.srs
-          });
-        }
-      }, 100);
-    }
-  }, {
-    key: "onUpdateBBoxListener",
-    value: function onUpdateBBoxListener(newBbox) {
-      var oldbbox = this.adaguc.oldbbox || new WMBBOX(ReactMapView.defaultProps.bbox);
-      if (oldbbox.left !== newBbox.left || oldbbox.right !== newBbox.right || oldbbox.top !== newBbox.top || oldbbox.bottom !== newBbox.bottom) {
-        oldbbox.left = newBbox.left;
-        oldbbox.right = newBbox.right;
-        oldbbox.top = newBbox.top;
-        oldbbox.bottom = newBbox.bottom;
-        this.adaguc.oldbbox = new WMBBOX(oldbbox);
-      }
-    }
-  }, {
-    key: "updateWMJSMapProps",
-    value: function updateWMJSMapProps(prevProps, props) {
-      var _this3 = this;
-      if (!props) {
-        return;
-      }
-      var mapId = props.mapId,
-        children = props.children;
-      if (prevProps && prevProps.mapId !== props.mapId) {
-        console.warn('MapId has changed on an already mounted map!');
-        var prevWMJSMap = webmapUtils.getWMJSMapById(prevProps.mapId);
-        if (prevWMJSMap) {
-          webmapUtils.registerWMJSMap(prevWMJSMap, mapId);
-        }
-      }
-      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-      if (!wmjsMap) {
-        console.warn("No wmjsMap ".concat(mapId));
-        return;
-      }
-      var needsRedraw = false;
-      /* Check map props */
-      if (!prevProps || prevProps.showLegend !== props.showLegend) {
-        wmjsMap.displayLegendInMap(props.showLegend !== false);
-      }
-      if (!prevProps || prevProps.showScaleBar !== props.showScaleBar) {
-        wmjsMap.displayScaleBarInMap(props.showScaleBar !== false);
-        needsRedraw = true;
-      }
-      /* Check map dimensions */
-      if (!prevProps || prevProps.dimensions !== props.dimensions) {
-        if (props.dimensions) {
-          for (var d = 0; d < props.dimensions.length; d += 1) {
-            var propDimension = props.dimensions[d];
-            var mapDim = wmjsMap.getDimension(propDimension.name);
-            if (mapDim && mapDim.currentValue !== propDimension.currentValue || !mapDim) {
-              wmjsMap.setDimension(propDimension.name, propDimension.currentValue, false, false);
-            }
-            if (props.displayTimeInMap && propDimension.name === 'time' && propDimension.currentValue !== undefined) {
-              needsRedraw = true;
-              var displayText = getDisplayText(propDimension.currentValue);
-              wmjsMap.setTimeOffset(displayText);
-            }
-          }
-        }
-      }
-      /* Check if srs and BBOX is updated */
-      if (!prevProps || prevProps.bbox !== props.bbox) {
-        if (props.bbox.left !== undefined) {
-          var projectionInfo = wmjsMap.getProjection();
-          var mapBBOX = projectionInfo.bbox;
-          if (props.bbox.left !== mapBBOX.left || props.bbox.right !== mapBBOX.right || props.bbox.bottom !== mapBBOX.bottom || props.bbox.top !== mapBBOX.top) {
-            wmjsMap.suspendEvent('onupdatebbox');
-            wmjsMap.setProjection(props.srs, new WMBBOX(props.bbox));
-            wmjsMap.resumeEvent('onupdatebbox');
-            wmjsMap.draw();
-          }
-        }
-      }
-      /* Check display/hide map cursor */
-      if (!prevProps || prevProps.displayMapPin !== props.displayMapPin) {
-        if (props.displayMapPin === true) {
-          wmjsMap.getMapPin().showMapPin();
-        } else if (props.displayMapPin === false) {
-          wmjsMap.getMapPin().hideMapPin();
-        }
-      }
-      /* Set map cursor location */
-      if (!prevProps || prevProps.mapPinLocation !== props.mapPinLocation) {
-        if (props.mapPinLocation) {
-          wmjsMap.getMapPin().positionMapPinByLatLon({
-            x: props.mapPinLocation.lon,
-            y: props.mapPinLocation.lat
-          });
-        }
-      }
-      /* Set disable map pin */
-      if (!prevProps || prevProps.disableMapPin !== props.disableMapPin) {
-        if (props.disableMapPin === true) {
-          wmjsMap.getMapPin().setMapPinDisabled();
-        } else if (props.disableMapPin === false) {
-          wmjsMap.getMapPin().setMapPinEnabled();
-        }
-      }
-      /* Change the animation delay */
-      if (!prevProps || prevProps.animationDelay !== props.animationDelay) {
-        if (props.animationDelay) {
-          if (typeof wmjsMap.setAnimationDelay === 'function') {
-            wmjsMap.setAnimationDelay(props.animationDelay);
-          }
-        }
-      }
-      /* Check if layer metadata should be shown */
-      if (!prevProps || prevProps.showLayerInfo !== props.showLayerInfo) {
-        if (props.showLayerInfo) {
-          wmjsMap.showLayerInfo = props.showLayerInfo;
-        }
-      }
-      if (children !== this.adaguc.currentMapProps.children) {
-        var myChildren = [];
-        var takenIds = new Set();
-        React.Children.forEach(children, function (child) {
-          if (child) {
-            var childProps = child.props;
-            if (childProps && childProps.id) {
-              if (!takenIds.has(childProps.id)) {
-                myChildren.push(child);
-                takenIds.add(childProps.id);
-              } else {
-                childProps.onLayerError(childProps, new Error("Duplicate layer id \"".concat(childProps.id, "\" encountered within this mapTypes.WebMap")), wmjsMap);
-                console.warn('ReactWMJSLayer has a duplicate id', child);
-              }
-            } else {
-              debug(DebugType.Warning, 'ReactElement child ignored: has no props or id', child);
-            }
-          }
-        });
-        myChildren.reverse();
-        var wmjsLayers = wmjsMap.getLayers();
-        /* ReactWMJSLayer Layer Childs: Detect all ReactLayers connected to WMJSLayers, remove WMJSLayer if there is no ReactLayer */
-        var _loop = function _loop(l) {
-            if (myChildren.filter(function (c) {
-              return c && c.props && c.props.id === wmjsLayers[l].ReactWMJSLayerId;
-            }).length === 0) {
-              /* This will call the remove property of the WMJSLayer, which will adjust the layers array of WebMapJS */
-              wmjsLayers[l].remove();
-              /* Trigger update of all map dimensions */
-              var onUpdateLayerInformation = props.onUpdateLayerInformation,
-                _mapId = props.mapId;
-              onUpdateLayerInformation === null || onUpdateLayerInformation === void 0 ? void 0 : onUpdateLayerInformation({
-                origin: ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO,
-                layerStyle: null,
-                layerDimensions: null,
-                mapDimensions: {
-                  origin: origin,
-                  mapId: _mapId,
-                  dimensions: wmjsMap.mapdimensions.map(function (_ref) {
-                    var name = _ref.name,
-                      units = _ref.units,
-                      currentValue = _ref.currentValue,
-                      synced = _ref.synced;
-                    return {
-                      name: name,
-                      units: units,
-                      currentValue: currentValue,
-                      synced: synced
-                    };
-                  })
-                }
-              });
-              _this3.updateWMJSMapProps(prevProps, props);
-              return {
-                v: void 0
-              };
-            }
-          },
-          _ret;
-        for (var l = 0; l < wmjsLayers.length; l += 1) {
-          _ret = _loop(l);
-          if (_ret) return _ret.v;
-        }
-        /* ReactWMJSLayer BaseLayer Childs: For the baseLayers, detect all ReactLayers connected to WMJSLayers, remove WMJSLayer if there is no ReactLayer */
-        var webmapJSBaselayers = wmjsMap.getBaseLayers();
-        var _loop2 = function _loop2(_l) {
-            var wmjsBaseLayers = wmjsMap.getBaseLayers();
-            if (myChildren.filter(function (c) {
-              return c && c.props ? c.props.id === wmjsBaseLayers[_l].ReactWMJSLayerId : false;
-            }).length === 0) {
-              /*  TODO (Maarten Plieger, 2020-03-19):The remove property for the baselayer is not working yet */
-              wmjsBaseLayers.splice(_l, 1);
-              wmjsMap.setBaseLayers(wmjsBaseLayers);
-              wmjsBaseLayers = wmjsMap.getBaseLayers();
-              _this3.updateWMJSMapProps(prevProps, props);
-              return {
-                v: void 0
-              };
-            }
-          },
-          _ret2;
-        for (var _l = 0; _l < webmapJSBaselayers.length; _l += 1) {
-          _ret2 = _loop2(_l);
-          if (_ret2) return _ret2.v;
-        }
-        var adagucWMJSLayerIndex = 0;
-        var adagucWMJSBaseLayerIndex = 0;
-        /* Loop through all React layers and update WMJSLayer properties where needed */
-        var _loop3 = function _loop3() {
-            var child = myChildren[c];
-            if (child && child.type) {
-              /* Check layers */
-              if (_typeof$2(child.type) === _typeof$2(MapViewLayer)) {
-                /* Feature layer (with child.props.geojson), these are handled collectively by the setState commando above. */
-                var isBaselayer = !isAMapLayer(child.props) && !isAGeoJSONLayer(child.props);
-                var adagucWMJSLayers = isBaselayer ? wmjsMap.getBaseLayers() : wmjsMap.getLayers();
-                var obj = getWMJSLayerFromReactLayer(mapId, adagucWMJSLayers, child, isBaselayer ? adagucWMJSBaseLayerIndex : adagucWMJSLayerIndex);
-                if (obj.layerArrayMutated) {
-                  _this3.updateWMJSMapProps(prevProps, props);
-                  return {
-                    v: void 0
-                  };
-                }
-                var wmLayer = obj.layer;
-                if (isBaselayer) {
-                  adagucWMJSBaseLayerIndex += 1;
-                } else {
-                  adagucWMJSLayerIndex += 1;
-                }
-                /* Layer was not yet added */
-                if (wmLayer === null) {
-                  var keepOnTop = child.props.layerType === LayerType.overLayer || false;
-                  var newWMLayer = new WMLayer(Object.assign(Object.assign({}, child.props), {
-                    keepOnTop: keepOnTop
-                  }));
-                  webmapUtils.registerWMLayer(newWMLayer, child.props.id);
-                  newWMLayer.ReactWMJSLayerId = child.props.id;
-                  if (isBaselayer) {
-                    /* Add ADAGUC WebMapJS Baselayer */
-                    _this3.adaguc.baseLayers.push(newWMLayer);
-                    wmjsMap.setBaseLayers(_this3.adaguc.baseLayers.reverse());
-                  } else {
-                    /* Add ADAGUC WebMapJS Layer */
-                    wmjsMap.addLayer(newWMLayer).then(function () {
-                      wmjsMap.draw();
-                    });
-                  }
-                  if (!isBaselayer) {
-                    _this3.parseWMJSLayer(newWMLayer, false, child);
-                  }
-                  needsRedraw = true;
-                } else {
-                  /* Set the name of the ADAGUC WMJSLayer */
-                  if (child.props.name !== undefined && wmLayer.name !== child.props.name) {
-                    wmLayer.setName(child.props.name).then(function () {
-                      _this3.parseWMJSLayer(wmLayer, false, child);
-                    });
-                    needsRedraw = true;
-                  }
-                  /* Set the Opacity of the ADAGUC WMJSLayer */
-                  if (child.props.opacity !== undefined && wmLayer.opacity !== child.props.opacity) {
-                    wmLayer.setOpacity(child.props.opacity);
-                    needsRedraw = false;
-                  }
-                  /* Set the Style of the ADAGUC WMJSLayer */
-                  if (child.props.style !== undefined && wmLayer.currentStyle !== child.props.style) {
-                    wmLayer.setStyle(child.props.style);
-                    needsRedraw = true;
-                  }
-                  var _child$props = child.props,
-                    enabled = _child$props.enabled,
-                    acceptanceTimeInMinutes = _child$props.acceptanceTimeInMinutes,
-                    layerDimensions = _child$props.dimensions;
-                  var isInsideAcceptanceTime = getIsInsideAcceptanceTime(acceptanceTimeInMinutes, props.dimensions, layerDimensions);
-                  if (enabled !== undefined) {
-                    var wmLayerShouldBeShown = isInsideAcceptanceTime && enabled;
-                    if (wmLayerShouldBeShown !== wmLayer.enabled) {
-                      wmLayer.display(wmLayerShouldBeShown);
-                      needsRedraw = true;
-                    }
-                  }
-                  /* Set the dimensions of the ADAGUC WMJSLayer */
-                  if (child.props.dimensions !== undefined) {
-                    for (var _d = 0; _d < child.props.dimensions.length; _d += 1) {
-                      var dim = child.props.dimensions[_d];
-                      var wmjsDim = wmLayer.getDimension(dim.name);
-                      if (wmjsDim) {
-                        if (wmjsDim.currentValue !== dim.currentValue) {
-                          wmLayer.setDimension(dim.name, dim.currentValue, false);
-                          needsRedraw = true;
-                        }
-                        if (wmjsDim.synced !== dim.synced) {
-                          wmjsDim.synced = dim.synced;
-                          needsRedraw = true;
-                        }
-                      } else {
-                        debug(DebugType.Warning, "MapView: Dimension does not exist, skipping ".concat(child.props.name, " :: ").concat(dim.name, " = ").concat(dim.currentValue));
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          },
-          _ret3;
-        for (var c = 0; c < myChildren.length; c += 1) {
-          _ret3 = _loop3();
-          if (_ret3) return _ret3.v;
-        }
-        if (needsRedraw) {
-          wmjsMap.draw();
-        }
-        /* Children have been processed */
-        this.adaguc.currentMapProps.children = children;
-      }
-    }
-  }, {
-    key: "drawDebounced",
-    value: function drawDebounced() {
-      var mapId = this.props.mapId;
-      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-      wmjsMap.getListener().suspendEvents();
-      wmjsMap.draw();
-      wmjsMap.getListener().resumeEvents();
-    }
-  }, {
-    key: "mountWMJSMap",
-    value: function mountWMJSMap() {
-      var _this4 = this;
-      var _this$props4 = this.props,
-        mapId = _this$props4.mapId,
-        listeners = _this$props4.listeners,
-        srs = _this$props4.srs,
-        bbox = _this$props4.bbox,
-        onMapPinChangeLocation = _this$props4.onMapPinChangeLocation;
-      /* Check if we have something to mount WMJSMap on */
-      if (this.adagucWebMapJSRef.current === null) {
-        console.warn('No this.adagucWebMapJSRef.current  yet ');
-        return null;
-      }
-      /* Check if webmapjs was not already initialized */
-      var existingWMJSMap = webmapUtils.getWMJSMapById(mapId);
-      if (existingWMJSMap) {
-        console.warn("Somehow ".concat(mapId, "webmapUtils.unRegisterWMJSMap already exists"));
-        webmapUtils.unRegisterWMJSMap(mapId);
-      }
-      var wmjsMap = new WMJSMap(this.adagucWebMapJSRef.current);
-      this.adaguc.currentMapProps = {};
-      this.adaguc.currentMapProps.children = null;
-      this.adaguc.baseLayers = [];
-      webmapUtils.registerWMJSMap(wmjsMap, mapId);
-      this.adaguc.initialized = true;
-      /* Enable to show actual layer properties in the map */
-      wmjsMap.showLayerInfo = false;
-      wmjsMap.removeAllLayers();
-      if (srs) {
-        wmjsMap.setProjection(srs, new WMBBOX(bbox));
-      }
-      wmjsMap.setWMTileRendererTileSettings(tilesettings);
-      if (listeners) {
-        listeners.forEach(function (listener) {
-          wmjsMap.addListener(listener.name, function (data) {
-            listener.callbackfunction(wmjsMap, data);
-          }, listener.keep);
-        });
-      }
-      wmjsMap.addListener('ondimchange', function () {
-        _this4.onDimChangeListener();
-      }, true);
-      wmjsMap.addListener('onmapready', function () {
-        _this4.setState({
-          adagucInitialised: true
-        });
-      });
-      wmjsMap.addListener('aftersetbbox', function () {
-        _this4.onAfterSetBBoxListener();
-      }, true);
-      wmjsMap.addListener('onupdatebbox', function (newBbox) {
-        _this4.onUpdateBBoxListener(newBbox);
-      }, true);
-      wmjsMap.addListener('onsetmappin', function (mapPinLatLonCoordinate) {
-        // only change location when mapPin is visible and enabled
-        if (onMapPinChangeLocation &&
-        // eslint-disable-next-line react/destructuring-assignment
-        _this4.props.displayMapPin &&
-        // eslint-disable-next-line react/destructuring-assignment
-        !_this4.props.disableMapPin) {
-          onMapPinChangeLocation({
-            mapPinLocation: {
-              lat: mapPinLatLonCoordinate.lat,
-              lon: mapPinLatLonCoordinate.lon
-            },
-            mapId: mapId
-          });
-        }
-      }, true);
-      this.resize();
-      wmjsMap.draw();
-      this.updateWMJSMapProps(null, this.props);
-      return wmjsMap;
-    }
-  }, {
-    key: "resize",
-    value: function resize() {
-      var element = this.adagucContainerRef.current;
-      if (element) {
-        var newWidth = element.clientWidth;
-        var newHeight = element.clientHeight;
-        if (this.adaguc.currentWidth !== newWidth || this.adaguc.currentHeight !== newHeight) {
-          this.adaguc.currentWidth = newWidth;
-          this.adaguc.currentHeight = newHeight;
-          var mapId = this.props.mapId;
-          var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-          wmjsMap.setSize(newWidth, newHeight);
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props5 = this.props,
-        passiveMap = _this$props5.passiveMap,
-        children = _this$props5.children,
-        onClick = _this$props5.onClick,
-        mapId = _this$props5.mapId;
-      var adagucInitialised = this.state.adagucInitialised;
-      var featureLayers = getFeatureLayers(children);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "MapView",
-        style: {
-          height: '100%',
-          width: '100%',
-          border: 'none',
-          display: 'block',
-          overflow: 'hidden'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        ref: this.adagucContainerRef,
-        style: {
-          minWidth: 'inherit',
-          minHeight: 'inherit',
-          width: 'inherit',
-          height: 'inherit',
-          overflow: 'hidden',
-          display: 'block',
-          border: 'none'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "MapViewComponent",
-        style: {
-          position: 'absolute',
-          overflow: 'hidden',
-          display: 'block',
-          padding: '0',
-          margin: '0',
-          zIndex: 10
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        ref: this.adagucWebMapJSRef
-      })), /*#__PURE__*/React.createElement("div", {
-        style: {
-          position: 'absolute',
-          overflow: 'hidden',
-          display: 'block',
-          padding: '0',
-          margin: '0',
-          zIndex: 100
-        }
-      }, /*#__PURE__*/React.createElement("div", null, children), adagucInitialised && featureLayers && featureLayers.length ? /*#__PURE__*/React.createElement(MapDrawContainer, {
-        featureLayers: featureLayers,
-        mapId: mapId
-      }) : null), passiveMap &&
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/control-has-associated-label, jsx-a11y/interactive-supports-focus
-      React.createElement("div", {
-        style: {
-          position: 'absolute',
-          overflow: 'hidden',
-          display: 'block',
-          padding: '0',
-          margin: '0',
-          zIndex: 100,
-          width: '100%',
-          height: '100%'
-        },
-        onClick: onClick,
-        role: "button"
-      })));
-    }
-  }]);
-  return ReactMapView;
-}(React.Component);
-ReactMapView.defaultProps = {
-  srs: 'EPSG:3857',
-  bbox: {
-    left: -2324980.5498391856,
-    bottom: 5890854.775012179,
-    right: 6393377.702660825,
-    top: 11652109.058827976
-  },
-  shouldAutoFetch: true,
-  displayMapPin: false,
-  disableMapPin: false,
-  onWMJSMount: function onWMJSMount() {},
-  onMapChangeDimension: function onMapChangeDimension() {
-    /* nothing */
-  },
-  onUpdateLayerInformation: function onUpdateLayerInformation() {
-    /* nothing */
-  },
-  onMapZoomEnd: function onMapZoomEnd() {
-    /* nothing */
-  }
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -22027,9 +20846,6 @@ var MapViewConnect = function MapViewConnect(_a) {
   var displayMapPin = useSelector(function (store) {
     return mapSelectors.getDisplayMapPin(store, mapId);
   });
-  var services = useSelector(function (store) {
-    return serviceSelectors.getServices(store);
-  });
   var dispatch = useDispatch();
   var mapChangeDimension = React.useCallback(function (mapDimensionPayload) {
     if (mapDimensionPayload.dimension) {
@@ -22119,7 +20935,6 @@ var MapViewConnect = function MapViewConnect(_a) {
     animationDelay: animationDelay,
     displayMapPin: displayMapPin,
     disableMapPin: disableMapPin,
-    services: services,
     onMapChangeDimension: function onMapChangeDimension(mapDimensionPayload) {
       if (mapDimensionPayload && mapDimensionPayload.dimension && mapDimensionPayload.dimension.name && mapDimensionPayload.dimension.name === 'time') {
         setTime({
@@ -30966,4 +29781,4 @@ var MapWarningProperties = function MapWarningProperties(_ref) {
   }, "Identifier: ", selectedFeatureProperties.identifier)));
 };
 
-export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DrawingToolConnect, DrawingToolMapButtonConnect, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, LegendConnect, LegendMapButtonConnect, MapControlButton, MapControls, MapDrawToolProvider, MapView, MapViewConnect, MapViewLayer, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, ReactMapView, ReactMapViewLayer, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnectMemo as TimeSliderButtonsConnect, TimeSliderConnect, TimeSliderLite, TimeSliderLiteConnect, TimeSliderLiteOptionsMenu, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, componentsLookUp, defaultBbox, defaultBox, defaultConfigurations, defaultDelete, defaultIntersectionStyleProperties, defaultPoint, defaultPolygon, drawOptions, filterMapPresets, filterServices, publicLayers, publicServices, store, testLayers, timeSliderUtils, useFetchServices, useMapDrawContext, useMapDrawTool, useSetupDialog };
+export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DrawingToolConnect, DrawingToolMapButtonConnect, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, LegendConnect, LegendMapButtonConnect, MapControlButton, MapControls, MapDrawToolProvider, MapView, MapViewConnect, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnectMemo as TimeSliderButtonsConnect, TimeSliderConnect, TimeSliderLite, TimeSliderLiteConnect, TimeSliderLiteOptionsMenu, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, componentsLookUp, defaultBbox, defaultBox, defaultConfigurations, defaultDelete, defaultIntersectionStyleProperties, defaultPoint, defaultPolygon, drawOptions, filterMapPresets, filterServices, publicLayers, publicServices, store, testLayers, timeSliderUtils, useFetchServices, useMapDrawContext, useMapDrawTool, useSetupDialog };