@opengeoweb/warnings 6.1.0 → 7.0.0

package/index.esm.js

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import React__default, { useContext, useRef, useCallback, useDebugValue, Fragment, useState, useEffect } from 'react';
 import 'react-dom';
-import { Polygons, Edit, Delete } from '@opengeoweb/theme';
-import { uiTypes, uiSelectors, uiActions, layerSelectors, drawSelectors, mapStoreActions, drawActions, snackbarActions } from '@opengeoweb/store';
-import { MapControlButton, useSetupDialog } from '@opengeoweb/core';
-import { dateUtils, ToggleMenu, ToolContainerDraggable, AlertBanner, calculateDialogSizeAndPosition } from '@opengeoweb/shared';
-import { List, Typography, ListItem, MenuItem, ListItemText, Paper, ListItemButton, Box, Stack } from '@mui/material';
+import { Polygons } from '@opengeoweb/theme';
+import { uiTypes, uiSelectors, layerSelectors, drawSelectors, uiActions, drawActions, mapStoreActions, snackbarActions } from '@opengeoweb/store';
+import { MapControlButton } from '@opengeoweb/webmap-react';
+import { useAreaDrawDialogAction, useSetupDialog } from '@opengeoweb/core';
+import { dateUtils, ToolContainerDraggable, AlertBanner, calculateDialogSizeAndPosition } from '@opengeoweb/shared';
+import { Typography, List, ListItem, Paper, ListItemButton, Box, Stack, LinearProgress } from '@mui/material';
 import { getApi, createApiInstance, createNonAuthApiInstance, createFakeApiInstance, ApiProvider } from '@opengeoweb/api';
 
 var shim = {exports: {}};
@@ -1198,357 +1199,376 @@ initializeUseSelector(withSelector.exports.useSyncExternalStoreWithSelector);
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-var dialogType$1 = uiTypes.DialogTypes.AreaManager;
+var areaDialogType = uiTypes.DialogTypes.AreaManager;
 var AreaManagerMapButtonConnect = function AreaManagerMapButtonConnect(_ref) {
   var mapId = _ref.mapId,
     _ref$source = _ref.source,
     source = _ref$source === void 0 ? 'app' : _ref$source;
-  var dispatch = useDispatch();
+  var _useAreaDrawDialogAct = useAreaDrawDialogAction({
+      mapId: mapId,
+      source: source
+    }),
+    closeDrawDialog = _useAreaDrawDialogAct.closeDrawDialog,
+    openAreaDialog = _useAreaDrawDialogAct.openAreaDialog,
+    closeAreaDialog = _useAreaDrawDialogAct.closeAreaDialog;
   var mapIdForCurrentlyOpenDialog = useSelector(function (store) {
-    return uiSelectors.getDialogMapId(store, dialogType$1);
+    return uiSelectors.getDialogMapId(store, areaDialogType);
   });
-  var dialogIsOpen = useSelector(function (store) {
-    return uiSelectors.getisDialogOpen(store, dialogType$1);
+  var isAreaDialogOpen = useSelector(function (store) {
+    return uiSelectors.getisDialogOpen(store, areaDialogType);
   });
+  var drawingDialogType = "".concat(uiTypes.DialogTypes.DockedDrawingTool, "-").concat(mapId);
+  var isDrawDialogOpen = useSelector(function (store) {
+    return uiSelectors.getisDialogOpen(store, drawingDialogType);
+  });
+  var openAreasDialog = function openAreasDialog() {
+    // close drawing dialog if open
+    if (isDrawDialogOpen) {
+      closeDrawDialog();
+    }
+    // open area manager dialog
+    openAreaDialog();
+  };
+  var onClick = function onClick() {
+    var openDialogForAnotherMap = mapIdForCurrentlyOpenDialog !== mapId;
+    var shouldOpen = openDialogForAnotherMap || !isAreaDialogOpen;
+    shouldOpen ? openAreasDialog() : closeAreaDialog();
+  };
   return /*#__PURE__*/React__default.createElement(MapControlButton, {
     "aria-label": "Area Manager Button for ".concat(mapId),
     title: "Area Manager",
-    onClick: function onClick() {
-      var openDialogForAnotherMap = mapIdForCurrentlyOpenDialog !== mapId;
-      var shouldOpen = openDialogForAnotherMap || !dialogIsOpen;
-      dispatch(uiActions.setActiveMapIdForDialog({
-        type: dialogType$1,
-        mapId: mapId,
-        setOpen: shouldOpen,
-        source: source
-      }));
-    },
-    isActive: mapIdForCurrentlyOpenDialog === mapId && dialogIsOpen
+    onClick: onClick,
+    isActive: mapIdForCurrentlyOpenDialog === mapId && isAreaDialogOpen
   }, /*#__PURE__*/React__default.createElement(Polygons, null));
 };
 
-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 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(locs) {
-    var entry = {
-      tryLoc: locs[0]
+  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);
+    }], t.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;
+  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;
+    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 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);
+      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;
+  }, e;
 }
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
@@ -1631,12 +1651,21 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
+var NO_AREAS_FOUND = 'No areas found';
 var Drawings = function Drawings(_ref) {
   var drawings = _ref.drawings,
     onClickDrawing = _ref.onClickDrawing,
-    onClickEdit = _ref.onClickEdit,
     activeDrawing = _ref.activeDrawing;
   var lastHeaderRef = React__default.useRef('');
+  if (drawings.length === 0) {
+    return /*#__PURE__*/React__default.createElement(Typography, {
+      sx: {
+        paddingLeft: '16px',
+        paddingTop: '8px'
+      },
+      variant: "body1"
+    }, NO_AREAS_FOUND);
+  }
   return /*#__PURE__*/React__default.createElement(List, null, drawings.map(function (drawing) {
     var drawingDate = dateUtils.isoStringToDate(drawing.lastUpdatedTime);
     var header = dateUtils.dateToString(drawingDate, 'EEEE, MMMM dd', true);
@@ -1650,17 +1679,7 @@ var Drawings = function Drawings(_ref) {
       },
       variant: "caption"
     }, header), /*#__PURE__*/React__default.createElement(ListItem, {
-      disablePadding: true,
-      secondaryAction: /*#__PURE__*/React__default.createElement(ToggleMenu, {
-        menuTitle: "Area options",
-        tooltipTitle: "Area options",
-        menuPosition: "bottom",
-        "aria-label": "Options"
-      }, /*#__PURE__*/React__default.createElement(MenuItem, {
-        onClick: function onClick() {
-          return onClickEdit(drawing.id);
-        }
-      }, /*#__PURE__*/React__default.createElement(ListItemText, null, "Edit"), /*#__PURE__*/React__default.createElement(Edit, null)), /*#__PURE__*/React__default.createElement(MenuItem, null, /*#__PURE__*/React__default.createElement(ListItemText, null, "Delete"), " ", /*#__PURE__*/React__default.createElement(Delete, null)))
+      disablePadding: true
     }, /*#__PURE__*/React__default.createElement(Paper, {
       elevation: 1,
       sx: {
@@ -1733,25 +1752,17 @@ var AreaManager = function AreaManager(_ref) {
     drawingListItems = _ref.drawingListItems,
     _ref$onClickDrawing = _ref.onClickDrawing,
     onClickDrawing = _ref$onClickDrawing === void 0 ? function () {} : _ref$onClickDrawing,
-    _ref$onUnMount = _ref.onUnMount,
-    onUnMount = _ref$onUnMount === void 0 ? function () {} : _ref$onUnMount,
-    _ref$onEditDrawing = _ref.onEditDrawing,
-    onEditDrawing = _ref$onEditDrawing === void 0 ? function () {} : _ref$onEditDrawing,
     _ref$activeDrawingId = _ref.activeDrawingId,
     activeDrawingId = _ref$activeDrawingId === void 0 ? '' : _ref$activeDrawingId,
-    error = _ref.error;
+    error = _ref.error,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   var minSize = DEFAULT_AREA_MANAGER_MIN_SIZE;
   var startSizeCalc = calculateStartSize(minSize, size, startPosition);
   var _React$useState = React.useState(startSizeCalc),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     sizeInState = _React$useState2[0],
     setSizeInState = _React$useState2[1];
-  React.useEffect(function () {
-    return function () {
-      onUnMount();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
   return /*#__PURE__*/React.createElement(ToolContainerDraggable, {
     title: title,
     startSize: sizeInState,
@@ -1784,13 +1795,16 @@ var AreaManager = function AreaManager(_ref) {
         setSizeInState(dragSize);
       }
     }
-  }, error && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AlertBanner, {
+  }, isLoading && /*#__PURE__*/React.createElement(LinearProgress, {
+    "data-testid": "loading-bar",
+    color: "secondary"
+  }), error && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AlertBanner, {
     title: error,
     shouldClose: true
-  })), /*#__PURE__*/React.createElement(Drawings, {
+  })), !isLoading && !error && /*#__PURE__*/React.createElement(Drawings, {
     drawings: drawingListItems,
     onClickDrawing: onClickDrawing,
-    onClickEdit: onEditDrawing,
+    // onClickEdit={onEditDrawing}
     activeDrawing: activeDrawingId
   }));
 };
@@ -1812,6 +1826,10 @@ var AreaManager = function AreaManager(_ref) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 var API_NAME = 'warnings';
+var getIdFromUrl = function getIdFromUrl(url) {
+  var splitString = url && url.split('/');
+  return url && splitString[splitString.length - 2];
+};
 var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
   return {
     getDrawings: function getDrawings() {
@@ -1824,7 +1842,10 @@ var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
       return axiosInstance.post("/drawings/".concat(drawingId, "/"), data);
     },
     saveDrawingAs: function saveDrawingAs(data) {
-      return axiosInstance.post("/drawings/", data);
+      return axiosInstance.post("/drawings/", data).then(function (response) {
+        var headerLocation = response === null || response === void 0 ? void 0 : response.request.getResponseHeader('Location');
+        return getIdFromUrl(headerLocation);
+      });
     },
     deleteDrawing: function deleteDrawing(drawingId) {
       return axiosInstance.post("/drawings/".concat(drawingId, "?delete=true"));
@@ -1848,7 +1869,6 @@ var AreaManagerConnect = function AreaManagerConnect(_ref) {
   var _useSetupDialog = useSetupDialog(dialogType, source),
     dialogOrder = _useSetupDialog.dialogOrder,
     setDialogOrder = _useSetupDialog.setDialogOrder,
-    onCloseDialog = _useSetupDialog.onCloseDialog,
     isDialogOpen = _useSetupDialog.isDialogOpen,
     uiSource = _useSetupDialog.uiSource,
     setFocused = _useSetupDialog.setFocused,
@@ -1858,6 +1878,11 @@ var AreaManagerConnect = function AreaManagerConnect(_ref) {
   var mapId = useSelector(function (store) {
     return uiSelectors.getDialogMapId(store, dialogType);
   });
+  var _useAreaDrawDialogAct = useAreaDrawDialogAction({
+      mapId: mapId,
+      source: source
+    }),
+    closeAreaDialog = _useAreaDrawDialogAct.closeAreaDialog;
   var geoJSONLayerId = "".concat(mapId, "-geosjon");
   var currentLayer = useSelector(function (store) {
     return layerSelectors.getLayerById(store, geoJSONLayerId);
@@ -1870,14 +1895,21 @@ var AreaManagerConnect = function AreaManagerConnect(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     drawings = _useState2[0],
     setDrawings = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
   var fetchDrawings = function fetchDrawings() {
     uiActions.setErrorDialog({
       error: 'error.message',
       type: dialogType
     });
+    setLoading(true);
     warningsApi.getDrawings().then(function (response) {
+      setLoading(false);
       setDrawings(response.data);
     })["catch"](function (error) {
+      setLoading(false);
       dispatch(uiActions.setErrorDialog({
         error: error.message,
         type: dialogType
@@ -1885,9 +1917,11 @@ var AreaManagerConnect = function AreaManagerConnect(_ref) {
     });
   };
   useEffect(function () {
-    fetchDrawings();
+    if (isDialogOpen) {
+      fetchDrawings();
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [isDialogOpen]);
   var deleteGeoJSONLayer = function deleteGeoJSONLayer() {
     dispatch(mapStoreActions.layerDelete({
       layerId: geoJSONLayerId,
@@ -1947,55 +1981,38 @@ var AreaManagerConnect = function AreaManagerConnect(_ref) {
       }, _callee2);
     }));
   };
-  var openDrawTools = function openDrawTools(drawingId) {
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var _yield$warningsApi$ge, data;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            _context3.prev = 0;
-            _context3.next = 3;
-            return warningsApi.getDrawingDetails(drawingId);
-          case 3:
-            _yield$warningsApi$ge = _context3.sent;
-            data = _yield$warningsApi$ge.data;
-            // update draw tool values
-            dispatch(drawActions.setDrawValues({
-              area: data.area,
-              areaName: data.name,
-              mapId: mapId,
-              id: drawingId
-            }));
-            // open draw dialog
-            dispatch(uiActions.setActiveMapIdForDialog({
-              type: "".concat(uiTypes.DialogTypes.DockedDrawingTool, "-").concat(mapId),
-              mapId: mapId,
-              setOpen: true,
-              source: source
-            }));
-            _context3.next = 11;
-            break;
-          case 9:
-            _context3.prev = 9;
-            _context3.t0 = _context3["catch"](0);
-          case 11:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3, null, [[0, 9]]);
-    }));
-  };
-  var onEditDrawing = function onEditDrawing(drawingId) {
-    // delete current redux layers
-    deleteGeoJSONLayer();
-    onCloseDialog();
-    openDrawTools(drawingId);
-  };
+  // TODO: re-enable for: https://gitlab.com/opengeoweb/opengeoweb/-/issues/4080
+  // const openDrawTools = async (drawingId: string): Promise<void> => {
+  //   try {
+  //     const { data } = await warningsApi.getDrawingDetails(drawingId);
+  //     // update draw tool values
+  //     dispatch(
+  //       drawActions.setDrawValues({
+  //         area: data.area,
+  //         areaName: data.name,
+  //         mapId,
+  //         id: drawingId,
+  //       }),
+  //     );
+  //     // open draw dialog
+  //     dispatch(
+  //       uiActions.setActiveMapIdForDialog({
+  //         type: `${uiTypes.DialogTypes.DockedDrawingTool}-${mapId}`,
+  //         mapId,
+  //         setOpen: true,
+  //         source,
+  //       }),
+  //     );
+  //   } catch (error) {
+  //     // TODO: handle error. Might need to move this to redux
+  //   }
+  // };
+  // const onEditDrawing = (drawingId: string): void => {
+  //   closeAreaDialog();
+  //   openDrawTools(drawingId);
+  // };
   var onClose = function onClose() {
-    onCloseDialog();
-  };
-  var onHideAreaManager = function onHideAreaManager() {
-    deleteGeoJSONLayer();
+    closeAreaDialog();
   };
   if (!isDialogOpen) {
     return null;
@@ -2016,10 +2033,10 @@ var AreaManagerConnect = function AreaManagerConnect(_ref) {
     },
     drawingListItems: drawings,
     onClickDrawing: onClickDrawing,
-    onUnMount: onHideAreaManager,
-    onEditDrawing: onEditDrawing,
+    // onEditDrawing={onEditDrawing}
     activeDrawingId: activeDrawingId,
-    error: uiError
+    error: uiError,
+    isLoading: loading
   });
 };
 
@@ -3006,9 +3023,6 @@ function delayP(ms, val) {
 }
 
 if (process.env.NODE_ENV !== 'production' && typeof Proxy !== 'undefined') ;
-var identity = function identity(v) {
-  return v;
-};
 function check(value, predicate, error) {
   if (!predicate(value)) {
     throw new Error(error);
@@ -3059,7 +3073,6 @@ var PUT = 'PUT';
 var CALL = 'CALL';
 var FORK = 'FORK';
 var CANCEL = 'CANCEL';
-var SELECT = 'SELECT';
 
 var TEST_HINT = '\n(HINT: if you are getting these errors in tests, consider using createMockTask from @redux-saga/testing-utils)';
 
@@ -3243,25 +3256,6 @@ function cancel(taskOrTasks) {
 
   return makeEffect(CANCEL, taskOrTasks);
 }
-function select(selector) {
-  if (selector === void 0) {
-    selector = identity;
-  }
-
-  for (var _len5 = arguments.length, args = new Array(_len5 > 1 ? _len5 - 1 : 0), _key5 = 1; _key5 < _len5; _key5++) {
-    args[_key5 - 1] = arguments[_key5];
-  }
-
-  if (process.env.NODE_ENV !== 'production' && arguments.length) {
-    check(arguments[0], notUndef, 'select(selector, [...]): argument selector is undefined');
-    check(selector, func, "select(selector, [...]): argument " + selector + " is not a function");
-  }
-
-  return makeEffect(SELECT, {
-    selector: selector,
-    args: args
-  });
-}
 var delay =
 /*#__PURE__*/
 call.bind(null, delayP);
@@ -3402,144 +3396,91 @@ var SUBMIT_ERROR = 'Something went wrong saving a drawing';
 var getSnackbarMessage = function getSnackbarMessage(areaName, id) {
   return "Drawing ".concat(areaName, " has been ").concat(id ? 'updated' : 'saved', "!");
 };
-function onOpenUiDialogSaga(_ref) {
+function submitDrawValuesSaga(_ref) {
   var payload = _ref.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var type, mapId, drawUiType, areaManagerUiType, isDrawingOpen, isAreaManagerOpen;
+    var mapId, id, formValues, dialogType, warningsApi, newID;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
-        case 0:
-          type = payload.type, mapId = payload.mapId;
-          drawUiType = "".concat(uiTypes.DialogTypes.DockedDrawingTool, "-").concat(mapId);
-          areaManagerUiType = uiTypes.DialogTypes.AreaManager;
-          if (!(type === areaManagerUiType)) {
-            _context.next = 10;
-            break;
-          }
-          _context.next = 6;
-          return select(uiSelectors.getisDialogOpen, drawUiType);
-        case 6:
-          isDrawingOpen = _context.sent;
-          if (!isDrawingOpen) {
-            _context.next = 10;
-            break;
-          }
-          _context.next = 10;
-          return put(uiActions.setToggleOpenDialog(Object.assign(Object.assign({}, payload), {
-            type: drawUiType,
-            setOpen: false
-          })));
-        case 10:
-          if (!(type === drawUiType)) {
-            _context.next = 17;
-            break;
-          }
-          _context.next = 13;
-          return select(uiSelectors.getisDialogOpen, areaManagerUiType);
-        case 13:
-          isAreaManagerOpen = _context.sent;
-          if (!isAreaManagerOpen) {
-            _context.next = 17;
-            break;
-          }
-          _context.next = 17;
-          return put(uiActions.setToggleOpenDialog(Object.assign(Object.assign({}, payload), {
-            type: areaManagerUiType,
-            setOpen: false
-          })));
-        case 17:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })();
-}
-function submitDrawValuesSaga(_ref2) {
-  var payload = _ref2.payload;
-  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var mapId, id, formValues, dialogType, warningsApi, newID;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
         case 0:
           mapId = payload.mapId, id = payload.id, formValues = __rest(payload, ["mapId", "id"]);
           dialogType = "".concat(uiTypes.DialogTypes.DockedDrawingTool, "-").concat(mapId);
-          _context2.prev = 2;
-          _context2.next = 5;
+          _context.prev = 2;
+          _context.next = 5;
           return put(uiActions.toggleIsLoadingDialog({
             isLoading: true,
             type: dialogType
           }));
         case 5:
-          _context2.next = 7;
+          _context.next = 7;
           return call(getWarningsApi);
         case 7:
-          warningsApi = _context2.sent;
+          warningsApi = _context.sent;
           if (id) {
-            _context2.next = 16;
+            _context.next = 16;
             break;
           }
-          _context2.next = 11;
+          _context.next = 11;
           return call(warningsApi.saveDrawingAs, formValues);
         case 11:
-          newID = _context2.sent;
-          _context2.next = 14;
-          return put(drawActions.setDrawValues(Object.assign({
+          newID = _context.sent;
+          _context.next = 14;
+          return put(drawActions.setDrawValues({
             mapId: mapId,
-            id: newID
-          }, formValues)));
+            id: newID,
+            areaName: formValues.name,
+            area: formValues.area
+          }));
         case 14:
-          _context2.next = 18;
+          _context.next = 18;
           break;
         case 16:
-          _context2.next = 18;
+          _context.next = 18;
           return call(warningsApi.updateDrawing, id, formValues);
         case 18:
-          _context2.next = 20;
+          _context.next = 20;
           return put(snackbarActions.openSnackbar({
-            message: getSnackbarMessage(formValues.areaName, id)
+            message: getSnackbarMessage(formValues.name, id)
           }));
         case 20:
-          _context2.next = 22;
+          _context.next = 22;
           return put(uiActions.toggleIsLoadingDialog({
             isLoading: false,
             type: dialogType
           }));
         case 22:
-          _context2.next = 30;
+          _context.next = 30;
           break;
         case 24:
-          _context2.prev = 24;
-          _context2.t0 = _context2["catch"](2);
-          _context2.next = 28;
+          _context.prev = 24;
+          _context.t0 = _context["catch"](2);
+          _context.next = 28;
           return put(uiActions.toggleIsLoadingDialog({
             isLoading: false,
             type: dialogType
           }));
         case 28:
-          _context2.next = 30;
+          _context.next = 30;
           return put(uiActions.setErrorDialog({
             type: dialogType,
             error: SUBMIT_ERROR
           }));
         case 30:
         case "end":
-          return _context2.stop();
+          return _context.stop();
       }
-    }, _callee2, null, [[2, 24]]);
+    }, _callee, null, [[2, 24]]);
   })();
 }
 function drawingSaga() {
-  return _regeneratorRuntime().wrap(function drawingSaga$(_context3) {
-    while (1) switch (_context3.prev = _context3.next) {
+  return _regeneratorRuntime().wrap(function drawingSaga$(_context2) {
+    while (1) switch (_context2.prev = _context2.next) {
       case 0:
-        _context3.next = 2;
-        return takeLatest$1(uiActions.setActiveMapIdForDialog, onOpenUiDialogSaga);
-      case 2:
-        _context3.next = 4;
+        _context2.next = 2;
         return takeLatest$1(drawActions.submitDrawValues, submitDrawValuesSaga);
-      case 4:
+      case 2:
       case "end":
-        return _context3.stop();
+        return _context2.stop();
     }
   }, _marked);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/warnings",
-  "version": "6.1.0",
+  "version": "7.0.0",
   "description": "GeoWeb warinings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -9,13 +9,14 @@
   },
   "dependencies": {
     "@mui/material": "5.12.0",
-    "@opengeoweb/api": "6.1.0",
-    "@opengeoweb/core": "6.1.0",
-    "@opengeoweb/shared": "6.1.0",
-    "@opengeoweb/store": "6.1.0",
-    "@opengeoweb/theme": "6.1.0",
+    "@opengeoweb/api": "7.0.0",
+    "@opengeoweb/core": "7.0.0",
+    "@opengeoweb/shared": "7.0.0",
+    "@opengeoweb/store": "7.0.0",
+    "@opengeoweb/theme": "7.0.0",
+    "@opengeoweb/webmap-react": "7.0.0",
     "@reduxjs/toolkit": "1.9.5",
-    "axios": "1.4.0",
+    "axios": "1.5.0",
     "react": "18.2.0",
     "react-redux": "8.1.2",
     "redux-saga": "1.2.3"

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

@@ -26,8 +26,7 @@ export declare const AreaManager: React.FC<{
     headerSize?: HeaderSize;
     drawingListItems: DrawingListItem[];
     onClickDrawing?: (drawing: DrawingListItem) => void;
-    onUnMount?: () => void;
-    onEditDrawing?: (drawingId: string) => void;
     activeDrawingId?: string;
     error?: string;
+    isLoading?: boolean;
 }>;

package/src/lib/components/AreaManager/AreaManager.stories.d.ts

@@ -23,3 +23,11 @@ export declare const AreaManagerDark: {
     };
     storyName: string;
 };
+export declare const AreaManagerLightNoResults: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const AreaManagerDarkNoResults: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/src/lib/components/AreaManager/Drawings.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
 import { DrawingListItem } from '../../store/drawings/types';
+export declare const NO_AREAS_FOUND = "No areas found";
 export declare const Drawings: FC<{
     drawings: DrawingListItem[];
     onClickDrawing: (drawing: DrawingListItem) => void;
-    onClickEdit: (drawingId: string) => void;
     activeDrawing: string;
 }>;

package/src/lib/store/drawings/sagas.d.ts

@@ -1,9 +1,6 @@
 import { SagaIterator } from 'redux-saga';
 export declare const SUBMIT_ERROR = "Something went wrong saving a drawing";
 export declare const getSnackbarMessage: (areaName: string, id: string) => string;
-export declare function onOpenUiDialogSaga({ payload }: {
-    payload: any;
-}): SagaIterator;
 export declare function submitDrawValuesSaga({ payload }: {
     payload: any;
 }): SagaIterator;

package/src/lib/store/drawings/types.d.ts

@@ -1,9 +1,9 @@
-export type DrawingScope = 'user';
+import { drawTypes } from '@opengeoweb/store';
 export interface DrawingListItem {
     id: string;
     name: string;
     lastUpdatedTime: string;
-    scope: DrawingScope;
+    scope: drawTypes.DrawingScope;
     area: GeoJSON.FeatureCollection;
 }
 export interface DrawingFromBE extends DrawingListItem {

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

@@ -2,6 +2,7 @@ import { CreateApiProps } from '@opengeoweb/api';
 import { AxiosInstance } from 'axios';
 import { DrawingDetails, DrawingFromBE, DrawingListItem } from '../store/drawings/types';
 export declare const API_NAME = "warnings";
+export declare const getIdFromUrl: (url: string) => string;
 export type WarningsApi = {
     getDrawings: () => Promise<{
         data: DrawingListItem[];