@opengeoweb/workspace 6.0.3 → 6.1.0

package/index.esm.js

@@ -3,19 +3,401 @@ import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInsta
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, MosaicWithoutDragDropContext } from 'react-mosaic-component';
 import { isAxiosError, getAxiosErrorMessage, withEggs, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, usePrevious, ToolContainer, CustomToggleButton, ConfirmationServiceProvider, ConfirmationDialog } from '@opengeoweb/shared';
 import * as React from 'react';
-import React__default, { useContext, useRef, useCallback, useDebugValue, createContext, memo, useEffect, forwardRef } from 'react';
+import React__default, { useContext, useRef, useCallback, useDebugValue, createContext, memo, useEffect, createElement, PureComponent, forwardRef } from 'react';
 import { ThemeWrapper, lightTheme, Menu, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, Search, Clear, WebAssetOff } from '@opengeoweb/theme';
 import { unstable_batchedUpdates } from 'react-dom';
 import { SnackbarWrapperConnect } from '@opengeoweb/core';
 import { timeSeriesModuleConfig } from '@opengeoweb/timeseries';
 import { AuthenticationProvider, useAuthenticationContext } from '@opengeoweb/authentication';
 import { jsx } from 'react/jsx-runtime';
-import { useTheme as useTheme$2, LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, Box as Box$2, List, Chip, Stack, debounce as debounce$1, TextField, InputAdornment, Backdrop, Menu as Menu$1, ListSubheader, MenuItem, Tabs } from '@mui/material';
+import { useTheme as useTheme$2, LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, Chip, Stack, debounce as debounce$1, TextField, InputAdornment, Box as Box$2, Backdrop, Menu as Menu$1, ListSubheader, MenuItem, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
 import { ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 
 function n$5(n){for(var r=arguments.length,t=Array(r>1?r-1:0),e=1;e<r;e++)t[e-1]=arguments[e];if("production"!==process.env.NODE_ENV){var i=Y[n],o=i?"function"==typeof i?i.apply(null,t):i:"unknown error nr: "+n;throw Error("[Immer] "+o)}throw Error("[Immer] minified error nr: "+n+(t.length?" "+t.map((function(n){return "'"+n+"'"})).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function r$5(n){return !!n&&!!n[Q]}function t$5(n){var r;return !!n&&(function(n){if(!n||"object"!=typeof n)return !1;var r=Object.getPrototypeOf(n);if(null===r)return !0;var t=Object.hasOwnProperty.call(r,"constructor")&&r.constructor;return t===Object||"function"==typeof t&&Function.toString.call(t)===Z}(n)||Array.isArray(n)||!!n[L]||!!(null===(r=n.constructor)||void 0===r?void 0:r[L])||s(n)||v$4(n))}function i(n,r,t){void 0===t&&(t=!1),0===o(n)?(t?Object.keys:nn)(n).forEach((function(e){t&&"symbol"==typeof e||r(e,n[e],n);})):n.forEach((function(t,e){return r(e,t,n)}));}function o(n){var r=n[Q];return r?r.i>3?r.i-4:r.i:Array.isArray(n)?1:s(n)?2:v$4(n)?3:0}function u$3(n,r){return 2===o(n)?n.has(r):Object.prototype.hasOwnProperty.call(n,r)}function a(n,r){return 2===o(n)?n.get(r):n[r]}function f$3(n,r,t){var e=o(n);2===e?n.set(r,t):3===e?n.add(t):n[r]=t;}function c$3(n,r){return n===r?0!==n||1/n==1/r:n!=n&&r!=r}function s(n){return X&&n instanceof Map}function v$4(n){return q$5&&n instanceof Set}function p$5(n){return n.o||n.t}function l$4(n){if(Array.isArray(n))return Array.prototype.slice.call(n);var r=rn(n);delete r[Q];for(var t=nn(r),e=0;e<t.length;e++){var i=t[e],o=r[i];!1===o.writable&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(r[i]={configurable:!0,writable:!0,enumerable:o.enumerable,value:n[i]});}return Object.create(Object.getPrototypeOf(n),r)}function d$3(n,e){return void 0===e&&(e=!1),y$2(n)||r$5(n)||!t$5(n)||(o(n)>1&&(n.set=n.add=n.clear=n.delete=h$5),Object.freeze(n),e&&i(n,(function(n,r){return d$3(r,!0)}),!0)),n}function h$5(){n$5(2);}function y$2(n){return null==n||"object"!=typeof n||Object.isFrozen(n)}function b$3(r){var t=tn[r];return t||n$5(18,r),t}function m$4(n,r){tn[n]||(tn[n]=r);}function _(){return "production"===process.env.NODE_ENV||U||n$5(0),U}function j(n,r){r&&(b$3("Patches"),n.u=[],n.s=[],n.v=r);}function g$3(n){O(n),n.p.forEach(S),n.p=null;}function O(n){n===U&&(U=n.l);}function w$3(n){return U={p:[],l:U,h:n,m:!0,_:0}}function S(n){var r=n[Q];0===r.i||1===r.i?r.j():r.g=!0;}function P(r,e){e._=e.p.length;var i=e.p[0],o=void 0!==r&&r!==i;return e.h.O||b$3("ES5").S(e,r,o),o?(i[Q].P&&(g$3(e),n$5(4)),t$5(r)&&(r=M(e,r),e.l||x$2(e,r)),e.u&&b$3("Patches").M(i[Q].t,r,e.u,e.s)):r=M(e,i,[]),g$3(e),e.u&&e.v(e.u,e.s),r!==H?r:void 0}function M(n,r,t){if(y$2(r))return r;var e=r[Q];if(!e)return i(r,(function(i,o){return A$2(n,e,r,i,o,t)}),!0),r;if(e.A!==n)return r;if(!e.P)return x$2(n,e.t,!0),e.t;if(!e.I){e.I=!0,e.A._--;var o=4===e.i||5===e.i?e.o=l$4(e.k):e.o,u=o,a=!1;3===e.i&&(u=new Set(o),o.clear(),a=!0),i(u,(function(r,i){return A$2(n,e,o,r,i,t,a)})),x$2(n,o,!1),t&&n.u&&b$3("Patches").N(e,t,n.u,n.s);}return e.o}function A$2(e,i,o,a,c,s,v){if("production"!==process.env.NODE_ENV&&c===o&&n$5(5),r$5(c)){var p=M(e,c,s&&i&&3!==i.i&&!u$3(i.R,a)?s.concat(a):void 0);if(f$3(o,a,p),!r$5(p))return;e.m=!1;}else v&&o.add(c);if(t$5(c)&&!y$2(c)){if(!e.h.D&&e._<1)return;M(e,c),i&&i.A.l||x$2(e,c);}}function x$2(n,r,t){void 0===t&&(t=!1),!n.l&&n.h.D&&n.m&&d$3(r,t);}function z$2(n,r){var t=n[Q];return (t?p$5(t):n)[r]}function I(n,r){if(r in n)for(var t=Object.getPrototypeOf(n);t;){var e=Object.getOwnPropertyDescriptor(t,r);if(e)return e;t=Object.getPrototypeOf(t);}}function k$4(n){n.P||(n.P=!0,n.l&&k$4(n.l));}function E(n){n.o||(n.o=l$4(n.t));}function N(n,r,t){var e=s(r)?b$3("MapSet").F(r,t):v$4(r)?b$3("MapSet").T(r,t):n.O?function(n,r){var t=Array.isArray(n),e={i:t?1:0,A:r?r.A:_(),P:!1,I:!1,R:{},l:r,t:n,k:null,o:null,j:null,C:!1},i=e,o=en;t&&(i=[e],o=on);var u=Proxy.revocable(i,o),a=u.revoke,f=u.proxy;return e.k=f,e.j=a,f}(r,t):b$3("ES5").J(r,t);return (t?t.A:_()).p.push(e),e}function R(e){return r$5(e)||n$5(22,e),function n(r){if(!t$5(r))return r;var e,u=r[Q],c=o(r);if(u){if(!u.P&&(u.i<4||!b$3("ES5").K(u)))return u.t;u.I=!0,e=D(r,c),u.I=!1;}else e=D(r,c);return i(e,(function(r,t){u&&a(u.t,r)===t||f$3(e,r,n(t));})),3===c?new Set(e):e}(e)}function D(n,r){switch(r){case 2:return new Map(n);case 3:return Array.from(n)}return l$4(n)}function F(){function t(n,r){var t=s[n];return t?t.enumerable=r:s[n]=t={configurable:!0,enumerable:r,get:function(){var r=this[Q];return "production"!==process.env.NODE_ENV&&f(r),en.get(r,n)},set:function(r){var t=this[Q];"production"!==process.env.NODE_ENV&&f(t),en.set(t,n,r);}},t}function e(n){for(var r=n.length-1;r>=0;r--){var t=n[r][Q];if(!t.P)switch(t.i){case 5:a(t)&&k$4(t);break;case 4:o(t)&&k$4(t);}}}function o(n){for(var r=n.t,t=n.k,e=nn(t),i=e.length-1;i>=0;i--){var o=e[i];if(o!==Q){var a=r[o];if(void 0===a&&!u$3(r,o))return !0;var f=t[o],s=f&&f[Q];if(s?s.t!==a:!c$3(f,a))return !0}}var v=!!r[Q];return e.length!==nn(r).length+(v?0:1)}function a(n){var r=n.k;if(r.length!==n.t.length)return !0;var t=Object.getOwnPropertyDescriptor(r,r.length-1);if(t&&!t.get)return !0;for(var e=0;e<r.length;e++)if(!r.hasOwnProperty(e))return !0;return !1}function f(r){r.g&&n$5(3,JSON.stringify(p$5(r)));}var s={};m$4("ES5",{J:function(n,r){var e=Array.isArray(n),i=function(n,r){if(n){for(var e=Array(r.length),i=0;i<r.length;i++)Object.defineProperty(e,""+i,t(i,!0));return e}var o=rn(r);delete o[Q];for(var u=nn(o),a=0;a<u.length;a++){var f=u[a];o[f]=t(f,n||!!o[f].enumerable);}return Object.create(Object.getPrototypeOf(r),o)}(e,n),o={i:e?5:4,A:r?r.A:_(),P:!1,I:!1,R:{},l:r,t:n,k:i,o:null,g:!1,C:!1};return Object.defineProperty(i,Q,{value:o,writable:!0}),i},S:function(n,t,o){o?r$5(t)&&t[Q].A===n&&e(n.p):(n.u&&function n(r){if(r&&"object"==typeof r){var t=r[Q];if(t){var e=t.t,o=t.k,f=t.R,c=t.i;if(4===c)i(o,(function(r){r!==Q&&(void 0!==e[r]||u$3(e,r)?f[r]||n(o[r]):(f[r]=!0,k$4(t)));})),i(e,(function(n){void 0!==o[n]||u$3(o,n)||(f[n]=!1,k$4(t));}));else if(5===c){if(a(t)&&(k$4(t),f.length=!0),o.length<e.length)for(var s=o.length;s<e.length;s++)f[s]=!1;else for(var v=e.length;v<o.length;v++)f[v]=!0;for(var p=Math.min(o.length,e.length),l=0;l<p;l++)o.hasOwnProperty(l)||(f[l]=!0),void 0===f[l]&&n(o[l]);}}}}(n.p[0]),e(n.p));},K:function(n){return 4===n.i?o(n):a(n)}});}var G,U,W="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),X="undefined"!=typeof Map,q$5="undefined"!=typeof Set,B="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,H=W?Symbol.for("immer-nothing"):((G={})["immer-nothing"]=!0,G),L=W?Symbol.for("immer-draftable"):"__$immer_draftable",Q=W?Symbol.for("immer-state"):"__$immer_state",Y={0:"Illegal state",1:"Immer drafts cannot have computed properties",2:"This object has been frozen and should not be mutated",3:function(n){return "Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? "+n},4:"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",5:"Immer forbids circular references",6:"The first or second argument to `produce` must be a function",7:"The third argument to `produce` must be a function or undefined",8:"First argument to `createDraft` must be a plain object, an array, or an immerable object",9:"First argument to `finishDraft` must be a draft returned by `createDraft`",10:"The given draft is already finalized",11:"Object.defineProperty() cannot be used on an Immer draft",12:"Object.setPrototypeOf() cannot be used on an Immer draft",13:"Immer only supports deleting array indices",14:"Immer only supports setting array indices and the 'length' property",15:function(n){return "Cannot apply patch, path doesn't resolve: "+n},16:'Sets cannot have "replace" patches.',17:function(n){return "Unsupported patch operation: "+n},18:function(n){return "The plugin for '"+n+"' has not been loaded into Immer. To enable the plugin, import and call `enable"+n+"()` when initializing your application."},20:"Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available",21:function(n){return "produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '"+n+"'"},22:function(n){return "'current' expects a draft, got: "+n},23:function(n){return "'original' expects a draft, got: "+n},24:"Patching reserved attributes like __proto__, prototype and constructor is not allowed"},Z=""+Object.prototype.constructor,nn="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(n){return Object.getOwnPropertyNames(n).concat(Object.getOwnPropertySymbols(n))}:Object.getOwnPropertyNames,rn=Object.getOwnPropertyDescriptors||function(n){var r={};return nn(n).forEach((function(t){r[t]=Object.getOwnPropertyDescriptor(n,t);})),r},tn={},en={get:function(n,r){if(r===Q)return n;var e=p$5(n);if(!u$3(e,r))return function(n,r,t){var e,i=I(r,t);return i?"value"in i?i.value:null===(e=i.get)||void 0===e?void 0:e.call(n.k):void 0}(n,e,r);var i=e[r];return n.I||!t$5(i)?i:i===z$2(n.t,r)?(E(n),n.o[r]=N(n.A.h,i,n)):i},has:function(n,r){return r in p$5(n)},ownKeys:function(n){return Reflect.ownKeys(p$5(n))},set:function(n,r,t){var e=I(p$5(n),r);if(null==e?void 0:e.set)return e.set.call(n.k,t),!0;if(!n.P){var i=z$2(p$5(n),r),o=null==i?void 0:i[Q];if(o&&o.t===t)return n.o[r]=t,n.R[r]=!1,!0;if(c$3(t,i)&&(void 0!==t||u$3(n.t,r)))return !0;E(n),k$4(n);}return n.o[r]===t&&(void 0!==t||r in n.o)||Number.isNaN(t)&&Number.isNaN(n.o[r])||(n.o[r]=t,n.R[r]=!0),!0},deleteProperty:function(n,r){return void 0!==z$2(n.t,r)||r in n.t?(n.R[r]=!1,E(n),k$4(n)):delete n.R[r],n.o&&delete n.o[r],!0},getOwnPropertyDescriptor:function(n,r){var t=p$5(n),e=Reflect.getOwnPropertyDescriptor(t,r);return e?{writable:!0,configurable:1!==n.i||"length"!==r,enumerable:e.enumerable,value:t[r]}:e},defineProperty:function(){n$5(11);},getPrototypeOf:function(n){return Object.getPrototypeOf(n.t)},setPrototypeOf:function(){n$5(12);}},on={};i(en,(function(n,r){on[n]=function(){return arguments[0]=arguments[0][0],r.apply(this,arguments)};})),on.deleteProperty=function(r,t){return "production"!==process.env.NODE_ENV&&isNaN(parseInt(t))&&n$5(13),on.set.call(this,r,t,void 0)},on.set=function(r,t,e){return "production"!==process.env.NODE_ENV&&"length"!==t&&isNaN(parseInt(t))&&n$5(14),en.set.call(this,r[0],t,e,r[0])};var un=function(){function e(r){var e=this;this.O=B,this.D=!0,this.produce=function(r,i,o){if("function"==typeof r&&"function"!=typeof i){var u=i;i=r;var a=e;return function(n){var r=this;void 0===n&&(n=u);for(var t=arguments.length,e=Array(t>1?t-1:0),o=1;o<t;o++)e[o-1]=arguments[o];return a.produce(n,(function(n){var t;return (t=i).call.apply(t,[r,n].concat(e))}))}}var f;if("function"!=typeof i&&n$5(6),void 0!==o&&"function"!=typeof o&&n$5(7),t$5(r)){var c=w$3(e),s=N(e,r,void 0),v=!0;try{f=i(s),v=!1;}finally{v?g$3(c):O(c);}return "undefined"!=typeof Promise&&f instanceof Promise?f.then((function(n){return j(c,o),P(n,c)}),(function(n){throw g$3(c),n})):(j(c,o),P(f,c))}if(!r||"object"!=typeof r){if(void 0===(f=i(r))&&(f=r),f===H&&(f=void 0),e.D&&d$3(f,!0),o){var p=[],l=[];b$3("Patches").M(r,f,p,l),o(p,l);}return f}n$5(21,r);},this.produceWithPatches=function(n,r){if("function"==typeof n)return function(r){for(var t=arguments.length,i=Array(t>1?t-1:0),o=1;o<t;o++)i[o-1]=arguments[o];return e.produceWithPatches(r,(function(r){return n.apply(void 0,[r].concat(i))}))};var t,i,o=e.produce(n,r,(function(n,r){t=n,i=r;}));return "undefined"!=typeof Promise&&o instanceof Promise?o.then((function(n){return [n,t,i]})):[o,t,i]},"boolean"==typeof(null==r?void 0:r.useProxies)&&this.setUseProxies(r.useProxies),"boolean"==typeof(null==r?void 0:r.autoFreeze)&&this.setAutoFreeze(r.autoFreeze);}var i=e.prototype;return i.createDraft=function(e){t$5(e)||n$5(8),r$5(e)&&(e=R(e));var i=w$3(this),o=N(this,e,void 0);return o[Q].C=!0,O(i),o},i.finishDraft=function(r,t){var e=r&&r[Q];"production"!==process.env.NODE_ENV&&(e&&e.C||n$5(9),e.I&&n$5(10));var i=e.A;return j(i,t),P(void 0,i)},i.setAutoFreeze=function(n){this.D=n;},i.setUseProxies=function(r){r&&!B&&n$5(20),this.O=r;},i.applyPatches=function(n,t){var e;for(e=t.length-1;e>=0;e--){var i=t[e];if(0===i.path.length&&"replace"===i.op){n=i.value;break}}e>-1&&(t=t.slice(e+1));var o=b$3("Patches").$;return r$5(n)?o(n,t):this.produce(n,(function(n){return o(n,t)}))},e}(),an=new un,fn=an.produce;an.produceWithPatches.bind(an);an.setAutoFreeze.bind(an);an.setUseProxies.bind(an);an.applyPatches.bind(an);an.createDraft.bind(an);an.finishDraft.bind(an);var createNextState3 = fn;
 
+/**
+ * Adapted from React: https://github.com/facebook/react/blob/master/packages/shared/formatProdErrorMessage.js
+ *
+ * Do not require this module directly! Use normal throw error calls. These messages will be replaced with error codes
+ * during build.
+ * @param {number} code
+ */
+function formatProdErrorMessage(code) {
+  return "Minified Redux error #" + code + "; visit https://redux.js.org/Errors?code=" + code + " for the full message or " + 'use the non-minified dev environment for full errors. ';
+}
+
+// Inlined version of the `symbol-observable` polyfill
+var $$observable = (function () {
+  return typeof Symbol === 'function' && Symbol.observable || '@@observable';
+})();
+
+/**
+ * These are private action types reserved by Redux.
+ * For any unknown actions, you must return the current state.
+ * If the current state is undefined, you must return the initial state.
+ * Do not reference these action types directly in your code.
+ */
+var randomString = function randomString() {
+  return Math.random().toString(36).substring(7).split('').join('.');
+};
+
+var ActionTypes = {
+  INIT: "@@redux/INIT" + randomString(),
+  REPLACE: "@@redux/REPLACE" + randomString(),
+  PROBE_UNKNOWN_ACTION: function PROBE_UNKNOWN_ACTION() {
+    return "@@redux/PROBE_UNKNOWN_ACTION" + randomString();
+  }
+};
+
+/**
+ * @param {any} obj The object to inspect.
+ * @returns {boolean} True if the argument appears to be a plain object.
+ */
+function isPlainObject$2(obj) {
+  if (typeof obj !== 'object' || obj === null) return false;
+  var proto = obj;
+
+  while (Object.getPrototypeOf(proto) !== null) {
+    proto = Object.getPrototypeOf(proto);
+  }
+
+  return Object.getPrototypeOf(obj) === proto;
+}
+
+// Inlined / shortened version of `kindOf` from https://github.com/jonschlinkert/kind-of
+function miniKindOf(val) {
+  if (val === void 0) return 'undefined';
+  if (val === null) return 'null';
+  var type = typeof val;
+
+  switch (type) {
+    case 'boolean':
+    case 'string':
+    case 'number':
+    case 'symbol':
+    case 'function':
+      {
+        return type;
+      }
+  }
+
+  if (Array.isArray(val)) return 'array';
+  if (isDate(val)) return 'date';
+  if (isError(val)) return 'error';
+  var constructorName = ctorName(val);
+
+  switch (constructorName) {
+    case 'Symbol':
+    case 'Promise':
+    case 'WeakMap':
+    case 'WeakSet':
+    case 'Map':
+    case 'Set':
+      return constructorName;
+  } // other
+
+
+  return type.slice(8, -1).toLowerCase().replace(/\s/g, '');
+}
+
+function ctorName(val) {
+  return typeof val.constructor === 'function' ? val.constructor.name : null;
+}
+
+function isError(val) {
+  return val instanceof Error || typeof val.message === 'string' && val.constructor && typeof val.constructor.stackTraceLimit === 'number';
+}
+
+function isDate(val) {
+  if (val instanceof Date) return true;
+  return typeof val.toDateString === 'function' && typeof val.getDate === 'function' && typeof val.setDate === 'function';
+}
+
+function kindOf(val) {
+  var typeOfVal = typeof val;
+
+  if (process.env.NODE_ENV !== 'production') {
+    typeOfVal = miniKindOf(val);
+  }
+
+  return typeOfVal;
+}
+
+/**
+ * @deprecated
+ *
+ * **We recommend using the `configureStore` method
+ * of the `@reduxjs/toolkit` package**, which replaces `createStore`.
+ *
+ * Redux Toolkit is our recommended approach for writing Redux logic today,
+ * including store setup, reducers, data fetching, and more.
+ *
+ * **For more details, please read this Redux docs page:**
+ * **https://redux.js.org/introduction/why-rtk-is-redux-today**
+ *
+ * `configureStore` from Redux Toolkit is an improved version of `createStore` that
+ * simplifies setup and helps avoid common bugs.
+ *
+ * You should not be using the `redux` core package by itself today, except for learning purposes.
+ * The `createStore` method from the core `redux` package will not be removed, but we encourage
+ * all users to migrate to using Redux Toolkit for all Redux code.
+ *
+ * If you want to use `createStore` without this visual deprecation warning, use
+ * the `legacy_createStore` import instead:
+ *
+ * `import { legacy_createStore as createStore} from 'redux'`
+ *
+ */
+
+function createStore(reducer, preloadedState, enhancer) {
+  var _ref2;
+
+  if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {
+    throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(0) : 'It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.');
+  }
+
+  if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {
+    enhancer = preloadedState;
+    preloadedState = undefined;
+  }
+
+  if (typeof enhancer !== 'undefined') {
+    if (typeof enhancer !== 'function') {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(1) : "Expected the enhancer to be a function. Instead, received: '" + kindOf(enhancer) + "'");
+    }
+
+    return enhancer(createStore)(reducer, preloadedState);
+  }
+
+  if (typeof reducer !== 'function') {
+    throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(2) : "Expected the root reducer to be a function. Instead, received: '" + kindOf(reducer) + "'");
+  }
+
+  var currentReducer = reducer;
+  var currentState = preloadedState;
+  var currentListeners = [];
+  var nextListeners = currentListeners;
+  var isDispatching = false;
+  /**
+   * This makes a shallow copy of currentListeners so we can use
+   * nextListeners as a temporary list while dispatching.
+   *
+   * This prevents any bugs around consumers calling
+   * subscribe/unsubscribe in the middle of a dispatch.
+   */
+
+  function ensureCanMutateNextListeners() {
+    if (nextListeners === currentListeners) {
+      nextListeners = currentListeners.slice();
+    }
+  }
+  /**
+   * Reads the state tree managed by the store.
+   *
+   * @returns {any} The current state tree of your application.
+   */
+
+
+  function getState() {
+    if (isDispatching) {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(3) : 'You may not call store.getState() while the reducer is executing. ' + 'The reducer has already received the state as an argument. ' + 'Pass it down from the top reducer instead of reading it from the store.');
+    }
+
+    return currentState;
+  }
+  /**
+   * Adds a change listener. It will be called any time an action is dispatched,
+   * and some part of the state tree may potentially have changed. You may then
+   * call `getState()` to read the current state tree inside the callback.
+   *
+   * You may call `dispatch()` from a change listener, with the following
+   * caveats:
+   *
+   * 1. The subscriptions are snapshotted just before every `dispatch()` call.
+   * If you subscribe or unsubscribe while the listeners are being invoked, this
+   * will not have any effect on the `dispatch()` that is currently in progress.
+   * However, the next `dispatch()` call, whether nested or not, will use a more
+   * recent snapshot of the subscription list.
+   *
+   * 2. The listener should not expect to see all state changes, as the state
+   * might have been updated multiple times during a nested `dispatch()` before
+   * the listener is called. It is, however, guaranteed that all subscribers
+   * registered before the `dispatch()` started will be called with the latest
+   * state by the time it exits.
+   *
+   * @param {Function} listener A callback to be invoked on every dispatch.
+   * @returns {Function} A function to remove this change listener.
+   */
+
+
+  function subscribe(listener) {
+    if (typeof listener !== 'function') {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(4) : "Expected the listener to be a function. Instead, received: '" + kindOf(listener) + "'");
+    }
+
+    if (isDispatching) {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(5) : 'You may not call store.subscribe() while the reducer is executing. ' + 'If you would like to be notified after the store has been updated, subscribe from a ' + 'component and invoke store.getState() in the callback to access the latest state. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');
+    }
+
+    var isSubscribed = true;
+    ensureCanMutateNextListeners();
+    nextListeners.push(listener);
+    return function unsubscribe() {
+      if (!isSubscribed) {
+        return;
+      }
+
+      if (isDispatching) {
+        throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(6) : 'You may not unsubscribe from a store listener while the reducer is executing. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');
+      }
+
+      isSubscribed = false;
+      ensureCanMutateNextListeners();
+      var index = nextListeners.indexOf(listener);
+      nextListeners.splice(index, 1);
+      currentListeners = null;
+    };
+  }
+  /**
+   * Dispatches an action. It is the only way to trigger a state change.
+   *
+   * The `reducer` function, used to create the store, will be called with the
+   * current state tree and the given `action`. Its return value will
+   * be considered the **next** state of the tree, and the change listeners
+   * will be notified.
+   *
+   * The base implementation only supports plain object actions. If you want to
+   * dispatch a Promise, an Observable, a thunk, or something else, you need to
+   * wrap your store creating function into the corresponding middleware. For
+   * example, see the documentation for the `redux-thunk` package. Even the
+   * middleware will eventually dispatch plain object actions using this method.
+   *
+   * @param {Object} action A plain object representing “what changed”. It is
+   * a good idea to keep actions serializable so you can record and replay user
+   * sessions, or use the time travelling `redux-devtools`. An action must have
+   * a `type` property which may not be `undefined`. It is a good idea to use
+   * string constants for action types.
+   *
+   * @returns {Object} For convenience, the same action object you dispatched.
+   *
+   * Note that, if you use a custom middleware, it may wrap `dispatch()` to
+   * return something else (for example, a Promise you can await).
+   */
+
+
+  function dispatch(action) {
+    if (!isPlainObject$2(action)) {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(7) : "Actions must be plain objects. Instead, the actual type was: '" + kindOf(action) + "'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");
+    }
+
+    if (typeof action.type === 'undefined') {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(8) : 'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');
+    }
+
+    if (isDispatching) {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(9) : 'Reducers may not dispatch actions.');
+    }
+
+    try {
+      isDispatching = true;
+      currentState = currentReducer(currentState, action);
+    } finally {
+      isDispatching = false;
+    }
+
+    var listeners = currentListeners = nextListeners;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i];
+      listener();
+    }
+
+    return action;
+  }
+  /**
+   * Replaces the reducer currently used by the store to calculate the state.
+   *
+   * You might need this if your app implements code splitting and you want to
+   * load some of the reducers dynamically. You might also need this if you
+   * implement a hot reloading mechanism for Redux.
+   *
+   * @param {Function} nextReducer The reducer for the store to use instead.
+   * @returns {void}
+   */
+
+
+  function replaceReducer(nextReducer) {
+    if (typeof nextReducer !== 'function') {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(10) : "Expected the nextReducer to be a function. Instead, received: '" + kindOf(nextReducer));
+    }
+
+    currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.
+    // Any reducers that existed in both the new and old rootReducer
+    // will receive the previous state. This effectively populates
+    // the new state tree with any relevant data from the old one.
+
+    dispatch({
+      type: ActionTypes.REPLACE
+    });
+  }
+  /**
+   * Interoperability point for observable/reactive libraries.
+   * @returns {observable} A minimal observable of state changes.
+   * For more information, see the observable proposal:
+   * https://github.com/tc39/proposal-observable
+   */
+
+
+  function observable() {
+    var _ref;
+
+    var outerSubscribe = subscribe;
+    return _ref = {
+      /**
+       * The minimal observable subscription method.
+       * @param {Object} observer Any object that can be used as an observer.
+       * The observer object should have a `next` method.
+       * @returns {subscription} An object with an `unsubscribe` method that can
+       * be used to unsubscribe the observable from the store, and prevent further
+       * emission of values from the observable.
+       */
+      subscribe: function subscribe(observer) {
+        if (typeof observer !== 'object' || observer === null) {
+          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(11) : "Expected the observer to be an object. Instead, received: '" + kindOf(observer) + "'");
+        }
+
+        function observeState() {
+          if (observer.next) {
+            observer.next(getState());
+          }
+        }
+
+        observeState();
+        var unsubscribe = outerSubscribe(observeState);
+        return {
+          unsubscribe: unsubscribe
+        };
+      }
+    }, _ref[$$observable] = function () {
+      return this;
+    }, _ref;
+  } // When a store is created, an "INIT" action is dispatched so that every
+  // reducer returns their initial state. This effectively populates
+  // the initial state tree.
+
+
+  dispatch({
+    type: ActionTypes.INIT
+  });
+  return _ref2 = {
+    dispatch: dispatch,
+    subscribe: subscribe,
+    getState: getState,
+    replaceReducer: replaceReducer
+  }, _ref2[$$observable] = observable, _ref2;
+}
+
 // Cache implementation based on Erik Rasmussen's `lru-memoize`:
 // https://github.com/erikras/lru-memoize
 var NOT_FOUND = 'NOT_FOUND';
@@ -371,7 +753,7 @@ var createDraftSafeSelector = function () {
     return wrappedSelector;
 };
 // src/isPlainObject.ts
-function isPlainObject$2(value) {
+function isPlainObject$1(value) {
     if (typeof value !== "object" || value === null)
         return false;
     var proto = Object.getPrototypeOf(value);
@@ -490,7 +872,7 @@ function createAction(type, prepareAction) {
     return actionCreator;
 }
 function isAction(action) {
-    return isPlainObject$2(action) && "type" in action;
+    return isPlainObject$1(action) && "type" in action;
 }
 function isFSA(action) {
     return isAction(action) && typeof action.type === "string" && Object.keys(action).every(isValidKey);
@@ -19563,9 +19945,204 @@ var PresetAction;
   PresetAction["SAVE"] = "Save";
   PresetAction["SAVE_AS"] = "Save as";
   PresetAction["SHARE"] = "Share";
-  PresetAction["RENAME"] = "Rename";
+  PresetAction["EDIT"] = "Edit";
 })(PresetAction || (PresetAction = {}));
 
+/* *
+ * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var getCleanSearchQuery = function getCleanSearchQuery(searchQuery) {
+  return searchQuery.trim().split(/\s+/).join();
+};
+
+/* *
+ * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var MAPPRESET_ACTIVE_TITLE = 'New map preset';
+var MAPPRESET_DIALOG_TITLE_SAVE_AS = 'Save map preset as';
+var MAPPRESET_DIALOG_TITLE_DELETE = 'Delete map preset';
+var MAPPRESET_DIALOG_TITLE_EDIT = 'Edit map preset';
+var getSnackbarMessage$1 = function getSnackbarMessage(action, title) {
+  // Trim and add quotes
+  var trimmedTitle = "\"".concat(title.trim(), "\"");
+  switch (action) {
+    case PresetAction.DELETE:
+      return "Map preset ".concat(trimmedTitle, " successfully deleted");
+    case PresetAction.SAVE_AS:
+      return "New map preset ".concat(trimmedTitle, " successfully saved");
+    case PresetAction.EDIT:
+      return "Map preset ".concat(trimmedTitle, " successfully edited");
+    default:
+      return "Map preset ".concat(trimmedTitle, " successfully saved");
+  }
+};
+var getPresetsApi = function getPresetsApi() {
+  return getApi(API_NAME);
+};
+var emptyMapViewPreset = {
+  componentType: 'Map',
+  keywords: '',
+  scope: 'user',
+  title: '',
+  initialProps: {
+    mapPreset: {}
+  }
+};
+// Returns object of applied user filters such as scope/search etc
+// If all filter chips are selected, an empty string is returned for that filter which is interpreted in the BE as "return all" _
+var constructFilterParams$1 = function constructFilterParams(filters, searchQuery) {
+  // get filters
+  var isAllSelectedForFilters = filters.every(function (filter) {
+    return filter.isSelected;
+  });
+  // If all filters are selected, ensure we return nothing for scope
+  var _ref = isAllSelectedForFilters ? {
+      scope: []
+    } : filters.reduce(function (filterList, filter) {
+      if (filter.isSelected && filter.type === 'scope') {
+        return Object.assign(Object.assign({}, filter), {
+          scope: filterList.scope.concat(filter.id)
+        });
+      }
+      return filterList;
+    }, {
+      scope: []
+    }),
+    scope = _ref.scope;
+  // get search
+  var search = getCleanSearchQuery(searchQuery);
+  return Object.assign(Object.assign({}, scope.length && {
+    scope: scope.toString()
+  }), search.length && {
+    search: search
+  });
+};
+
+/* *
+ * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var getSnackbarMessage = function getSnackbarMessage(action, title) {
+  // Trim and add quotes
+  var trimmedTitle = "\"".concat(title.trim(), "\"");
+  switch (action) {
+    case WorkspacePresetAction.SAVE_ALL:
+      return "Workspace ".concat(trimmedTitle, " and underlying viewpresets successfully saved");
+    case WorkspacePresetAction.DELETE:
+      return "Workspace ".concat(trimmedTitle, " successfully deleted");
+    case WorkspacePresetAction.DUPLICATE:
+      return "Workspace ".concat(trimmedTitle, " successfully saved");
+    case WorkspacePresetAction.EDIT:
+      return "Workspace ".concat(trimmedTitle, " successfully edited");
+    default:
+      return "Workspace ".concat(trimmedTitle, " successfully saved");
+  }
+};
+var emptyMapWorkspace = {
+  title: 'New workspace',
+  scope: 'system',
+  "abstract": '',
+  views: {
+    allIds: ['1_screen'],
+    byId: {
+      '1_screen': {
+        title: MAPPRESET_ACTIVE_TITLE,
+        componentType: 'Map',
+        initialProps: {
+          mapPreset: {
+            layers: [],
+            proj: {
+              bbox: {
+                left: 58703.6377,
+                bottom: 6408480.4514,
+                right: 3967387.5161,
+                top: 11520588.9031
+              },
+              srs: 'EPSG:3857'
+            },
+            shouldShowLayerManager: true,
+            dockedLayerManagerSize: 'sizeSmall'
+          },
+          syncGroupsIds: []
+        }
+      }
+    }
+  },
+  mosaicNode: '1_screen',
+  viewType: 'singleWindow'
+};
+var constructFilterParams = function constructFilterParams(filters, searchQuery) {
+  // get filters
+  var _filters$reduce = filters.reduce(function (filterList, filter) {
+      if (filter.isSelected && filter.type === 'scope') {
+        return Object.assign(Object.assign({}, filter), {
+          scope: filterList.scope.concat(filter.id)
+        });
+      }
+      return filterList;
+    }, {
+      scope: []
+    }),
+    scope = _filters$reduce.scope;
+  // get search
+  var search = getCleanSearchQuery(searchQuery);
+  return Object.assign(Object.assign({}, scope.length && {
+    scope: scope.toString()
+  }), search.length && {
+    search: search
+  });
+};
+// TODO: better to use a lib for this. Currently this is only used in workspace 'save all', and will probably be replaced by a backend solution
+// https://stackoverflow.com/questions/6248666/how-to-generate-short-uid-like-ax4j9z-in-js
+var generateUID = function generateUID() {
+  var firstPart = Math.random() * 46656 || 0;
+  var secondPart = Math.random() * 46656 || 0;
+  var firstPartCombined = "000".concat(firstPart.toString(36)).slice(-3);
+  var secondPartCombined = "000".concat(secondPart.toString(36)).slice(-3);
+  return firstPartCombined + secondPartCombined;
+};
+var getGeneratedViewPresetTitle = function getGeneratedViewPresetTitle(workspaceTitle, uid) {
+  return "".concat(workspaceTitle, " - viewpreset ").concat(uid);
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19751,6 +20328,19 @@ var slice$2 = createSlice({
       if (action.payload.action === WorkspacePresetAction.SAVE) {
         draft.hasChanges = false;
       }
+      if (action.payload.action === WorkspacePresetAction.EDIT) {
+        draft.title = action.payload.title;
+        draft["abstract"] = action.payload["abstract"];
+      }
+      // If current selected workspace is deleted
+      // Remove the id, rename to empty workspace and set it has changes
+      if (action.payload.action === WorkspacePresetAction.DELETE && action.payload.workspaceId === draft.id) {
+        delete draft.id;
+        draft.title = emptyMapWorkspace.title;
+        draft["abstract"] = emptyMapWorkspace["abstract"];
+        draft.scope = emptyMapWorkspace.scope;
+        draft.hasChanges = true;
+      }
     }).addCase(viewPresetActions.fetchedViewPreset, function (draft, action) {
       var _action$payload3 = action.payload,
         panelId = _action$payload3.panelId,
@@ -19876,99 +20466,6 @@ var getViewPresetListFilterResultsForView = createSelector(getViewPresetById, fu
   return Object.values(filteredResults.entities);
 });
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var getCleanSearchQuery = function getCleanSearchQuery(searchQuery) {
-  return searchQuery.trim().split(/\s+/).join();
-};
-
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var MAPPRESET_ACTIVE_TITLE = 'New map preset';
-var MAPPRESET_DIALOG_TITLE_SAVE_AS = 'Save map preset as';
-var MAPPRESET_DIALOG_TITLE_DELETE = 'Delete map preset';
-var getSnackbarMessage$1 = function getSnackbarMessage(action, title) {
-  // Trim and add quotes
-  var trimmedTitle = "\"".concat(title.trim(), "\"");
-  switch (action) {
-    case PresetAction.DELETE:
-      return "Map preset ".concat(trimmedTitle, " successfully deleted");
-    case PresetAction.SAVE_AS:
-      return "New map preset ".concat(trimmedTitle, " successfully saved");
-    default:
-      return "Map preset ".concat(trimmedTitle, " successfully saved");
-  }
-};
-var getPresetsApi = function getPresetsApi() {
-  return getApi(API_NAME);
-};
-var emptyMapViewPreset = {
-  componentType: 'Map',
-  keywords: '',
-  scope: 'user',
-  title: '',
-  initialProps: {
-    mapPreset: {}
-  }
-};
-// Returns object of applied user filters such as scope/search etc
-// If all filter chips are selected, an empty string is returned for that filter which is interpreted in the BE as "return all" _
-var constructFilterParams$1 = function constructFilterParams(filters, searchQuery) {
-  // get filters
-  var isAllSelectedForFilters = filters.every(function (filter) {
-    return filter.isSelected;
-  });
-  // If all filters are selected, ensure we return nothing for scope
-  var _ref = isAllSelectedForFilters ? {
-      scope: []
-    } : filters.reduce(function (filterList, filter) {
-      if (filter.isSelected && filter.type === 'scope') {
-        return Object.assign(Object.assign({}, filter), {
-          scope: filterList.scope.concat(filter.id)
-        });
-      }
-      return filterList;
-    }, {
-      scope: []
-    }),
-    scope = _ref.scope;
-  // get search
-  var search = getCleanSearchQuery(searchQuery);
-  return Object.assign(Object.assign({}, scope.length && {
-    scope: scope.toString()
-  }), search.length && {
-    search: search
-  });
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20104,6 +20601,10 @@ var getWorkspaceData = createSelector(getWorkspaceState, getViewPresetsStore, ge
     "abstract": store["abstract"],
     mosaicNode: store.mosaicNode
   };
+}, {
+  memoizeOptions: {
+    resultEqualityCheck: lodash.exports.isEqual
+  }
 });
 var getViewPresetToSendToBackend = createSelector(getViewById, mapSelectors.getMapPreset, syncGroupsSelectors.getAllTargetGroupsForSource, function (workspaceView, mapPreset, syncGroupsIds) {
   var title = (workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.title) || MAPPRESET_ACTIVE_TITLE;
@@ -20923,7 +21424,7 @@ var workspacePresetsList = [
 		title: "Radar",
 		date: "2022-06-01T12:34:27.787184",
 		scope: "user",
-		abstract: "",
+		abstract: "Some abstract",
 		viewType: "singleWindow"
 	},
 	{
@@ -23318,103 +23819,6 @@ var WorkspaceListErrorType;
   WorkspaceListErrorType["GENERIC"] = "GENERIC";
 })(WorkspaceListErrorType || (WorkspaceListErrorType = {}));
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var getSnackbarMessage = function getSnackbarMessage(action, title) {
-  // Trim and add quotes
-  var trimmedTitle = "\"".concat(title.trim(), "\"");
-  switch (action) {
-    case WorkspacePresetAction.SAVE_ALL:
-      return "Workspace ".concat(trimmedTitle, " and underlying viewpresets successfully saved");
-    case WorkspacePresetAction.DELETE:
-      return "Workspace ".concat(trimmedTitle, " successfully deleted");
-    case WorkspacePresetAction.DUPLICATE:
-      return "Workspace ".concat(trimmedTitle, " successfully saved");
-    default:
-      return "Workspace ".concat(trimmedTitle, " successfully saved");
-  }
-};
-var emptyMapWorkspace = {
-  title: 'New workspace',
-  scope: 'system',
-  "abstract": '',
-  views: {
-    allIds: ['1_screen'],
-    byId: {
-      '1_screen': {
-        title: MAPPRESET_ACTIVE_TITLE,
-        componentType: 'Map',
-        initialProps: {
-          mapPreset: {
-            layers: [],
-            proj: {
-              bbox: {
-                left: 58703.6377,
-                bottom: 6408480.4514,
-                right: 3967387.5161,
-                top: 11520588.9031
-              },
-              srs: 'EPSG:3857'
-            },
-            shouldShowLayerManager: true,
-            dockedLayerManagerSize: 'sizeSmall'
-          },
-          syncGroupsIds: []
-        }
-      }
-    }
-  },
-  mosaicNode: '1_screen',
-  viewType: 'singleWindow'
-};
-var constructFilterParams = function constructFilterParams(filters, searchQuery) {
-  // get filters
-  var _filters$reduce = filters.reduce(function (filterList, filter) {
-      if (filter.isSelected && filter.type === 'scope') {
-        return Object.assign(Object.assign({}, filter), {
-          scope: filterList.scope.concat(filter.id)
-        });
-      }
-      return filterList;
-    }, {
-      scope: []
-    }),
-    scope = _filters$reduce.scope;
-  // get search
-  var search = getCleanSearchQuery(searchQuery);
-  return Object.assign(Object.assign({}, scope.length && {
-    scope: scope.toString()
-  }), search.length && {
-    search: search
-  });
-};
-// TODO: better to use a lib for this. Currently this is only used in workspace 'save all', and will probably be replaced by a backend solution
-// https://stackoverflow.com/questions/6248666/how-to-generate-short-uid-like-ax4j9z-in-js
-var generateUID = function generateUID() {
-  var firstPart = Math.random() * 46656 || 0;
-  var secondPart = Math.random() * 46656 || 0;
-  var firstPartCombined = "000".concat(firstPart.toString(36)).slice(-3);
-  var secondPartCombined = "000".concat(secondPart.toString(36)).slice(-3);
-  return firstPartCombined + secondPartCombined;
-};
-var getGeneratedViewPresetTitle = function getGeneratedViewPresetTitle(workspaceTitle, uid) {
-  return "".concat(workspaceTitle, " - viewpreset ").concat(uid);
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -23521,7 +23925,7 @@ function fetchWorkspaceListSaga(_ref) {
 function onSuccessWorkspacePresetsActionSaga(_ref2) {
   var payload = _ref2.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var action, workspaceId, title, selectedWorkspace, workspaceFilters, searchQuery;
+    var action, workspaceId, title, workspaceFilters, searchQuery;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -23531,44 +23935,35 @@ function onSuccessWorkspacePresetsActionSaga(_ref2) {
             message: getSnackbarMessage(action, title)
           }));
         case 3:
-          _context2.next = 5;
-          return select(getWorkspaceState);
-        case 5:
-          selectedWorkspace = _context2.sent;
-          if (!(action === WorkspacePresetAction.DELETE && workspaceId === (selectedWorkspace === null || selectedWorkspace === void 0 ? void 0 : selectedWorkspace.id))) {
-            _context2.next = 11;
+          if (!(action === WorkspacePresetAction.DELETE && payload.currentActiveWorkspaceId && workspaceId === payload.currentActiveWorkspaceId)) {
+            _context2.next = 6;
             break;
           }
-          _context2.next = 9;
+          _context2.next = 6;
           return put(routerActions.navigateToUrl({
             url: getWorkspaceRouteUrl()
           }));
-        case 9:
-          _context2.next = 11;
-          return put(workspaceActions.changePreset({
-            workspacePreset: emptyMapWorkspace
-          }));
-        case 11:
+        case 6:
           if (!(action === WorkspacePresetAction.SAVE_AS)) {
-            _context2.next = 14;
+            _context2.next = 9;
             break;
           }
-          _context2.next = 14;
+          _context2.next = 9;
           return put(routerActions.navigateToUrl({
             url: getWorkspaceRouteUrl(workspaceId)
           }));
-        case 14:
-          _context2.next = 16;
+        case 9:
+          _context2.next = 11;
           return select(getWorkspaceListFilters);
-        case 16:
+        case 11:
           workspaceFilters = _context2.sent;
-          _context2.next = 19;
+          _context2.next = 14;
           return select(getWorkspaceListSearchQuery);
-        case 19:
+        case 14:
           searchQuery = _context2.sent;
-          _context2.next = 22;
+          _context2.next = 17;
           return call(fetchWorkspaceListSaga, workspaceListActions.fetchWorkspaceList(constructFilterParams(workspaceFilters, searchQuery)));
-        case 22:
+        case 17:
         case "end":
           return _context2.stop();
       }
@@ -23658,7 +24053,7 @@ function saveAllViewPresetSaga(viewPresetEntity, workspaceTitle) {
 function submitFormWorkspaceDialogSaga(_ref3) {
   var payload = _ref3.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-    var workspaceApi, presetId, presetAction, data, newId, isNewWorkspace, _ref4, presetToDuplicate, fullPreset, _newId, workspace, isNew, workspaceId, views, savedViewPresetResult, errorMessage, workspaceData, newWorkspace, message;
+    var workspaceApi, presetId, presetAction, data, newId, isNewWorkspace, _ref4, presetToDuplicate, fullPreset, _newId, selectedWorkspace, _yield$call2, originalData, workspaceDataNewTitle, workspace, isNew, workspaceId, views, savedViewPresetResult, errorMessage, workspaceData, newWorkspace, message;
     return _regeneratorRuntime().wrap(function _callee3$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
@@ -23718,65 +24113,94 @@ function submitFormWorkspaceDialogSaga(_ref3) {
           }));
         case 28:
           if (!(presetAction === WorkspacePresetAction.DELETE)) {
-            _context4.next = 33;
+            _context4.next = 36;
             break;
           }
           _context4.next = 31;
           return call(workspaceApi.deleteWorkspacePreset, presetId);
         case 31:
           _context4.next = 33;
+          return select(getWorkspaceState);
+        case 33:
+          selectedWorkspace = _context4.sent;
+          _context4.next = 36;
           return put(workspaceListActions.onSuccessWorkspacePresetAction({
             workspaceId: presetId,
             action: presetAction,
-            title: data.title
+            title: data.title,
+            currentActiveWorkspaceId: selectedWorkspace.id
           }));
-        case 33:
+        case 36:
+          if (!(presetAction === WorkspacePresetAction.EDIT)) {
+            _context4.next = 46;
+            break;
+          }
+          _context4.next = 39;
+          return call(workspaceApi.getWorkspacePreset, presetId);
+        case 39:
+          _yield$call2 = _context4.sent;
+          originalData = _yield$call2.data;
+          workspaceDataNewTitle = Object.assign(Object.assign({}, originalData), {
+            title: data.title,
+            "abstract": data["abstract"]
+          });
+          _context4.next = 44;
+          return call(workspaceApi.saveWorkspacePreset, presetId, workspaceDataNewTitle);
+        case 44:
+          _context4.next = 46;
+          return put(workspaceListActions.onSuccessWorkspacePresetAction({
+            workspaceId: presetId,
+            action: presetAction,
+            title: data.title,
+            "abstract": data["abstract"]
+          }));
+        case 46:
           if (!(presetAction === WorkspacePresetAction.SAVE_ALL)) {
-            _context4.next = 66;
+            _context4.next = 79;
             break;
           }
-          _context4.next = 36;
+          _context4.next = 49;
           return select(getWorkspaceState);
-        case 36:
+        case 49:
           workspace = _context4.sent;
           // first save a new workspace to make sure we have an unique title
           isNew = !workspace.scope || workspace.scope === 'system';
           if (!isNew) {
-            _context4.next = 44;
+            _context4.next = 57;
             break;
           }
-          _context4.next = 41;
+          _context4.next = 54;
           return call(workspaceApi.saveWorkspacePresetAs, data);
-        case 41:
+        case 54:
           _context4.t1 = _context4.sent;
-          _context4.next = 45;
+          _context4.next = 58;
           break;
-        case 44:
+        case 57:
           _context4.t1 = data.id;
-        case 45:
+        case 58:
           workspaceId = _context4.t1;
-          _context4.next = 48;
+          _context4.next = 61;
           return select(getViewPresets);
-        case 48:
+        case 61:
           views = _context4.sent;
-          _context4.next = 51;
+          _context4.next = 64;
           return all(views.map(function (view) {
             return call(saveAllViewPresetSaga, view, data.title);
           }));
-        case 51:
+        case 64:
           savedViewPresetResult = _context4.sent;
           errorMessage = savedViewPresetResult.find(function (viewPresetResult) {
             return typeof viewPresetResult === 'string';
           });
           if (!errorMessage) {
-            _context4.next = 55;
+            _context4.next = 68;
             break;
           }
           throw new Error(errorMessage);
-        case 55:
-          _context4.next = 57;
+        case 68:
+          _context4.next = 70;
           return select(getWorkspaceData);
-        case 57:
+        case 70:
           workspaceData = _context4.sent;
           newWorkspace = Object.assign(Object.assign({}, workspaceData), {
             id: workspaceId,
@@ -23784,44 +24208,44 @@ function submitFormWorkspaceDialogSaga(_ref3) {
             title: data.title,
             "abstract": data["abstract"]
           });
-          _context4.next = 61;
+          _context4.next = 74;
           return call(workspaceApi.saveWorkspacePreset, workspaceId, newWorkspace);
-        case 61:
-          _context4.next = 63;
+        case 74:
+          _context4.next = 76;
           return put(workspaceListActions.onSuccessWorkspacePresetAction({
             action: WorkspacePresetAction.SAVE_ALL,
             workspaceId: workspaceId,
             title: newWorkspace.title,
             "abstract": newWorkspace["abstract"]
           }));
-        case 63:
+        case 76:
           if (!isNew) {
-            _context4.next = 66;
+            _context4.next = 79;
             break;
           }
-          _context4.next = 66;
+          _context4.next = 79;
           return put(routerActions.navigateToUrl({
             url: getWorkspaceRouteUrl(workspaceId)
           }));
-        case 66:
-          _context4.next = 73;
+        case 79:
+          _context4.next = 86;
           break;
-        case 68:
-          _context4.prev = 68;
+        case 81:
+          _context4.prev = 81;
           _context4.t2 = _context4["catch"](3);
           message = isAxiosError(_context4.t2) ? getAxiosErrorMessage(_context4.t2) : _context4.t2.message;
-          _context4.next = 73;
+          _context4.next = 86;
           return put(workspaceListActions.onErrorWorkspacePresetAction({
             error: {
               type: WorkspaceListErrorType.GENERIC,
               message: message
             }
           }));
-        case 73:
+        case 86:
         case "end":
           return _context4.stop();
       }
-    }, _callee3, null, [[3, 68]]);
+    }, _callee3, null, [[3, 81]]);
   })();
 }
 function rootSaga$1() {
@@ -24078,32 +24502,36 @@ function onSuccessViewPresetActionSaga(_ref4) {
             filterParams: constructFilterParams$1(viewPresetFilters, viewPresetSearchQuery)
           }));
         case 18:
-          _context5.next = 20;
+          if (!(action !== PresetAction.EDIT)) {
+            _context5.next = 21;
+            break;
+          }
+          _context5.next = 21;
           return put(viewPresetActions.setViewPresetHasChanges({
             panelId: panelId,
             hasChanges: false
           }));
-        case 20:
+        case 21:
           if (!(action === PresetAction.SAVE_AS && viewPresetId)) {
-            _context5.next = 23;
+            _context5.next = 24;
             break;
           }
-          _context5.next = 23;
+          _context5.next = 24;
           return put(viewPresetActions.setActiveViewPresetId({
             panelId: panelId,
             viewPresetId: viewPresetId
           }));
-        case 23:
-          _context5.next = 27;
+        case 24:
+          _context5.next = 28;
           break;
-        case 25:
-          _context5.prev = 25;
+        case 26:
+          _context5.prev = 26;
           _context5.t0 = _context5["catch"](1);
-        case 27:
+        case 28:
         case "end":
           return _context5.stop();
       }
-    }, _callee4, null, [[1, 25]]);
+    }, _callee4, null, [[1, 26]]);
   })();
 }
 function rootSaga() {
@@ -27429,422 +27857,6 @@ var DragDropManagerImpl = /*#__PURE__*/function () {
   return DragDropManagerImpl;
 }();
 
-/**
- * Adapted from React: https://github.com/facebook/react/blob/master/packages/shared/formatProdErrorMessage.js
- *
- * Do not require this module directly! Use normal throw error calls. These messages will be replaced with error codes
- * during build.
- * @param {number} code
- */
-function formatProdErrorMessage(code) {
-  return "Minified Redux error #" + code + "; visit https://redux.js.org/Errors?code=" + code + " for the full message or " + 'use the non-minified dev environment for full errors. ';
-}
-
-// Inlined version of the `symbol-observable` polyfill
-var $$observable = (function () {
-  return typeof Symbol === 'function' && Symbol.observable || '@@observable';
-})();
-
-/**
- * These are private action types reserved by Redux.
- * For any unknown actions, you must return the current state.
- * If the current state is undefined, you must return the initial state.
- * Do not reference these action types directly in your code.
- */
-var randomString = function randomString() {
-  return Math.random().toString(36).substring(7).split('').join('.');
-};
-
-var ActionTypes = {
-  INIT: "@@redux/INIT" + randomString(),
-  REPLACE: "@@redux/REPLACE" + randomString(),
-  PROBE_UNKNOWN_ACTION: function PROBE_UNKNOWN_ACTION() {
-    return "@@redux/PROBE_UNKNOWN_ACTION" + randomString();
-  }
-};
-
-/**
- * @param {any} obj The object to inspect.
- * @returns {boolean} True if the argument appears to be a plain object.
- */
-function isPlainObject$1(obj) {
-  if (typeof obj !== 'object' || obj === null) return false;
-  var proto = obj;
-
-  while (Object.getPrototypeOf(proto) !== null) {
-    proto = Object.getPrototypeOf(proto);
-  }
-
-  return Object.getPrototypeOf(obj) === proto;
-}
-
-// Inlined / shortened version of `kindOf` from https://github.com/jonschlinkert/kind-of
-function miniKindOf(val) {
-  if (val === void 0) return 'undefined';
-  if (val === null) return 'null';
-  var type = typeof val;
-
-  switch (type) {
-    case 'boolean':
-    case 'string':
-    case 'number':
-    case 'symbol':
-    case 'function':
-      {
-        return type;
-      }
-  }
-
-  if (Array.isArray(val)) return 'array';
-  if (isDate(val)) return 'date';
-  if (isError(val)) return 'error';
-  var constructorName = ctorName(val);
-
-  switch (constructorName) {
-    case 'Symbol':
-    case 'Promise':
-    case 'WeakMap':
-    case 'WeakSet':
-    case 'Map':
-    case 'Set':
-      return constructorName;
-  } // other
-
-
-  return type.slice(8, -1).toLowerCase().replace(/\s/g, '');
-}
-
-function ctorName(val) {
-  return typeof val.constructor === 'function' ? val.constructor.name : null;
-}
-
-function isError(val) {
-  return val instanceof Error || typeof val.message === 'string' && val.constructor && typeof val.constructor.stackTraceLimit === 'number';
-}
-
-function isDate(val) {
-  if (val instanceof Date) return true;
-  return typeof val.toDateString === 'function' && typeof val.getDate === 'function' && typeof val.setDate === 'function';
-}
-
-function kindOf(val) {
-  var typeOfVal = typeof val;
-
-  if (process.env.NODE_ENV !== 'production') {
-    typeOfVal = miniKindOf(val);
-  }
-
-  return typeOfVal;
-}
-
-/**
- * @deprecated
- *
- * **We recommend using the `configureStore` method
- * of the `@reduxjs/toolkit` package**, which replaces `createStore`.
- *
- * Redux Toolkit is our recommended approach for writing Redux logic today,
- * including store setup, reducers, data fetching, and more.
- *
- * **For more details, please read this Redux docs page:**
- * **https://redux.js.org/introduction/why-rtk-is-redux-today**
- *
- * `configureStore` from Redux Toolkit is an improved version of `createStore` that
- * simplifies setup and helps avoid common bugs.
- *
- * You should not be using the `redux` core package by itself today, except for learning purposes.
- * The `createStore` method from the core `redux` package will not be removed, but we encourage
- * all users to migrate to using Redux Toolkit for all Redux code.
- *
- * If you want to use `createStore` without this visual deprecation warning, use
- * the `legacy_createStore` import instead:
- *
- * `import { legacy_createStore as createStore} from 'redux'`
- *
- */
-
-function createStore(reducer, preloadedState, enhancer) {
-  var _ref2;
-
-  if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {
-    throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(0) : 'It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.');
-  }
-
-  if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {
-    enhancer = preloadedState;
-    preloadedState = undefined;
-  }
-
-  if (typeof enhancer !== 'undefined') {
-    if (typeof enhancer !== 'function') {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(1) : "Expected the enhancer to be a function. Instead, received: '" + kindOf(enhancer) + "'");
-    }
-
-    return enhancer(createStore)(reducer, preloadedState);
-  }
-
-  if (typeof reducer !== 'function') {
-    throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(2) : "Expected the root reducer to be a function. Instead, received: '" + kindOf(reducer) + "'");
-  }
-
-  var currentReducer = reducer;
-  var currentState = preloadedState;
-  var currentListeners = [];
-  var nextListeners = currentListeners;
-  var isDispatching = false;
-  /**
-   * This makes a shallow copy of currentListeners so we can use
-   * nextListeners as a temporary list while dispatching.
-   *
-   * This prevents any bugs around consumers calling
-   * subscribe/unsubscribe in the middle of a dispatch.
-   */
-
-  function ensureCanMutateNextListeners() {
-    if (nextListeners === currentListeners) {
-      nextListeners = currentListeners.slice();
-    }
-  }
-  /**
-   * Reads the state tree managed by the store.
-   *
-   * @returns {any} The current state tree of your application.
-   */
-
-
-  function getState() {
-    if (isDispatching) {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(3) : 'You may not call store.getState() while the reducer is executing. ' + 'The reducer has already received the state as an argument. ' + 'Pass it down from the top reducer instead of reading it from the store.');
-    }
-
-    return currentState;
-  }
-  /**
-   * Adds a change listener. It will be called any time an action is dispatched,
-   * and some part of the state tree may potentially have changed. You may then
-   * call `getState()` to read the current state tree inside the callback.
-   *
-   * You may call `dispatch()` from a change listener, with the following
-   * caveats:
-   *
-   * 1. The subscriptions are snapshotted just before every `dispatch()` call.
-   * If you subscribe or unsubscribe while the listeners are being invoked, this
-   * will not have any effect on the `dispatch()` that is currently in progress.
-   * However, the next `dispatch()` call, whether nested or not, will use a more
-   * recent snapshot of the subscription list.
-   *
-   * 2. The listener should not expect to see all state changes, as the state
-   * might have been updated multiple times during a nested `dispatch()` before
-   * the listener is called. It is, however, guaranteed that all subscribers
-   * registered before the `dispatch()` started will be called with the latest
-   * state by the time it exits.
-   *
-   * @param {Function} listener A callback to be invoked on every dispatch.
-   * @returns {Function} A function to remove this change listener.
-   */
-
-
-  function subscribe(listener) {
-    if (typeof listener !== 'function') {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(4) : "Expected the listener to be a function. Instead, received: '" + kindOf(listener) + "'");
-    }
-
-    if (isDispatching) {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(5) : 'You may not call store.subscribe() while the reducer is executing. ' + 'If you would like to be notified after the store has been updated, subscribe from a ' + 'component and invoke store.getState() in the callback to access the latest state. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');
-    }
-
-    var isSubscribed = true;
-    ensureCanMutateNextListeners();
-    nextListeners.push(listener);
-    return function unsubscribe() {
-      if (!isSubscribed) {
-        return;
-      }
-
-      if (isDispatching) {
-        throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(6) : 'You may not unsubscribe from a store listener while the reducer is executing. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');
-      }
-
-      isSubscribed = false;
-      ensureCanMutateNextListeners();
-      var index = nextListeners.indexOf(listener);
-      nextListeners.splice(index, 1);
-      currentListeners = null;
-    };
-  }
-  /**
-   * Dispatches an action. It is the only way to trigger a state change.
-   *
-   * The `reducer` function, used to create the store, will be called with the
-   * current state tree and the given `action`. Its return value will
-   * be considered the **next** state of the tree, and the change listeners
-   * will be notified.
-   *
-   * The base implementation only supports plain object actions. If you want to
-   * dispatch a Promise, an Observable, a thunk, or something else, you need to
-   * wrap your store creating function into the corresponding middleware. For
-   * example, see the documentation for the `redux-thunk` package. Even the
-   * middleware will eventually dispatch plain object actions using this method.
-   *
-   * @param {Object} action A plain object representing “what changed”. It is
-   * a good idea to keep actions serializable so you can record and replay user
-   * sessions, or use the time travelling `redux-devtools`. An action must have
-   * a `type` property which may not be `undefined`. It is a good idea to use
-   * string constants for action types.
-   *
-   * @returns {Object} For convenience, the same action object you dispatched.
-   *
-   * Note that, if you use a custom middleware, it may wrap `dispatch()` to
-   * return something else (for example, a Promise you can await).
-   */
-
-
-  function dispatch(action) {
-    if (!isPlainObject$1(action)) {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(7) : "Actions must be plain objects. Instead, the actual type was: '" + kindOf(action) + "'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");
-    }
-
-    if (typeof action.type === 'undefined') {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(8) : 'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');
-    }
-
-    if (isDispatching) {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(9) : 'Reducers may not dispatch actions.');
-    }
-
-    try {
-      isDispatching = true;
-      currentState = currentReducer(currentState, action);
-    } finally {
-      isDispatching = false;
-    }
-
-    var listeners = currentListeners = nextListeners;
-
-    for (var i = 0; i < listeners.length; i++) {
-      var listener = listeners[i];
-      listener();
-    }
-
-    return action;
-  }
-  /**
-   * Replaces the reducer currently used by the store to calculate the state.
-   *
-   * You might need this if your app implements code splitting and you want to
-   * load some of the reducers dynamically. You might also need this if you
-   * implement a hot reloading mechanism for Redux.
-   *
-   * @param {Function} nextReducer The reducer for the store to use instead.
-   * @returns {void}
-   */
-
-
-  function replaceReducer(nextReducer) {
-    if (typeof nextReducer !== 'function') {
-      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(10) : "Expected the nextReducer to be a function. Instead, received: '" + kindOf(nextReducer));
-    }
-
-    currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.
-    // Any reducers that existed in both the new and old rootReducer
-    // will receive the previous state. This effectively populates
-    // the new state tree with any relevant data from the old one.
-
-    dispatch({
-      type: ActionTypes.REPLACE
-    });
-  }
-  /**
-   * Interoperability point for observable/reactive libraries.
-   * @returns {observable} A minimal observable of state changes.
-   * For more information, see the observable proposal:
-   * https://github.com/tc39/proposal-observable
-   */
-
-
-  function observable() {
-    var _ref;
-
-    var outerSubscribe = subscribe;
-    return _ref = {
-      /**
-       * The minimal observable subscription method.
-       * @param {Object} observer Any object that can be used as an observer.
-       * The observer object should have a `next` method.
-       * @returns {subscription} An object with an `unsubscribe` method that can
-       * be used to unsubscribe the observable from the store, and prevent further
-       * emission of values from the observable.
-       */
-      subscribe: function subscribe(observer) {
-        if (typeof observer !== 'object' || observer === null) {
-          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(11) : "Expected the observer to be an object. Instead, received: '" + kindOf(observer) + "'");
-        }
-
-        function observeState() {
-          if (observer.next) {
-            observer.next(getState());
-          }
-        }
-
-        observeState();
-        var unsubscribe = outerSubscribe(observeState);
-        return {
-          unsubscribe: unsubscribe
-        };
-      }
-    }, _ref[$$observable] = function () {
-      return this;
-    }, _ref;
-  } // When a store is created, an "INIT" action is dispatched so that every
-  // reducer returns their initial state. This effectively populates
-  // the initial state tree.
-
-
-  dispatch({
-    type: ActionTypes.INIT
-  });
-  return _ref2 = {
-    dispatch: dispatch,
-    subscribe: subscribe,
-    getState: getState,
-    replaceReducer: replaceReducer
-  }, _ref2[$$observable] = observable, _ref2;
-}
-
-/**
- * Prints a warning in the console if it exists.
- *
- * @param {String} message The warning message.
- * @returns {void}
- */
-function warning(message) {
-  /* eslint-disable no-console */
-  if (typeof console !== 'undefined' && typeof console.error === 'function') {
-    console.error(message);
-  }
-  /* eslint-enable no-console */
-
-
-  try {
-    // This error was thrown as a convenience so that if you enable
-    // "break on all exceptions" in your console,
-    // it would pause the execution at this line.
-    throw new Error(message);
-  } catch (e) {} // eslint-disable-line no-empty
-
-}
-
-/*
- * This is a dummy function to check if the function name has been altered by minification.
- * If the function has been minified and NODE_ENV !== 'production', warn the user.
- */
-
-function isCrushed() {}
-
-if (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string' && isCrushed.name !== 'isCrushed') {
-  warning('You are currently using minified code outside of NODE_ENV === "production". ' + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or setting mode to production in webpack (https://webpack.js.org/concepts/mode/) ' + 'to ensure you have the correct code for your production build.');
-}
-
 var strictEquality = function strictEquality(a, b) {
   return a === b;
 };
@@ -31691,22 +31703,799 @@ var getFilteredViewPresetListForView = createSelector(getViewPresetsList, getVie
   };
 });
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self;
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+
+var safeIsNaN = Number.isNaN ||
+    function ponyfill(value) {
+        return typeof value === 'number' && value !== value;
+    };
+function isEqual(first, second) {
+    if (first === second) {
+        return true;
+    }
+    if (safeIsNaN(first) && safeIsNaN(second)) {
+        return true;
+    }
+    return false;
+}
+function areInputsEqual(newInputs, lastInputs) {
+    if (newInputs.length !== lastInputs.length) {
+        return false;
+    }
+    for (var i = 0; i < newInputs.length; i++) {
+        if (!isEqual(newInputs[i], lastInputs[i])) {
+            return false;
+        }
+    }
+    return true;
+}
+
+function memoizeOne(resultFn, isEqual) {
+    if (isEqual === void 0) { isEqual = areInputsEqual; }
+    var lastThis;
+    var lastArgs = [];
+    var lastResult;
+    var calledOnce = false;
+    function memoized() {
+        var newArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            newArgs[_i] = arguments[_i];
+        }
+        if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
+            return lastResult;
+        }
+        lastResult = resultFn.apply(this, newArgs);
+        calledOnce = true;
+        lastThis = this;
+        lastArgs = newArgs;
+        return lastResult;
+    }
+    return memoized;
+}
+
+// Animation frame based implementation of setTimeout.
+// Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js
+var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
+var now = hasNativePerformanceNow ? function () {
+  return performance.now();
+} : function () {
+  return Date.now();
+};
+function cancelTimeout(timeoutID) {
+  cancelAnimationFrame(timeoutID.id);
+}
+function requestTimeout(callback, delay) {
+  var start = now();
+
+  function tick() {
+    if (now() - start >= delay) {
+      callback.call(null);
+    } else {
+      timeoutID.id = requestAnimationFrame(tick);
+    }
+  }
+
+  var timeoutID = {
+    id: requestAnimationFrame(tick)
+  };
+  return timeoutID;
+}
+
+var size = -1; // This utility copied from "dom-helpers" package.
+
+function getScrollbarSize(recalculate) {
+  if (recalculate === void 0) {
+    recalculate = false;
+  }
+
+  if (size === -1 || recalculate) {
+    var div = document.createElement('div');
+    var style = div.style;
+    style.width = '50px';
+    style.height = '50px';
+    style.overflow = 'scroll';
+    document.body.appendChild(div);
+    size = div.offsetWidth - div.clientWidth;
+    document.body.removeChild(div);
+  }
+
+  return size;
+}
+var cachedRTLResult = null; // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
+// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
+// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
+// The safest way to check this is to intentionally set a negative offset,
+// and then verify that the subsequent "scroll" event matches the negative offset.
+// If it does not match, then we can assume a non-standard RTL scroll implementation.
+
+function getRTLOffsetType(recalculate) {
+  if (recalculate === void 0) {
+    recalculate = false;
+  }
+
+  if (cachedRTLResult === null || recalculate) {
+    var outerDiv = document.createElement('div');
+    var outerStyle = outerDiv.style;
+    outerStyle.width = '50px';
+    outerStyle.height = '50px';
+    outerStyle.overflow = 'scroll';
+    outerStyle.direction = 'rtl';
+    var innerDiv = document.createElement('div');
+    var innerStyle = innerDiv.style;
+    innerStyle.width = '100px';
+    innerStyle.height = '100px';
+    outerDiv.appendChild(innerDiv);
+    document.body.appendChild(outerDiv);
+
+    if (outerDiv.scrollLeft > 0) {
+      cachedRTLResult = 'positive-descending';
+    } else {
+      outerDiv.scrollLeft = 1;
+
+      if (outerDiv.scrollLeft === 0) {
+        cachedRTLResult = 'negative';
+      } else {
+        cachedRTLResult = 'positive-ascending';
+      }
+    }
+
+    document.body.removeChild(outerDiv);
+    return cachedRTLResult;
+  }
+
+  return cachedRTLResult;
+}
+
+if (process.env.NODE_ENV !== 'production') ;
+
+var IS_SCROLLING_DEBOUNCE_INTERVAL$1 = 150;
+
+var defaultItemKey$1 = function defaultItemKey(index, data) {
+  return index;
+}; // In DEV mode, this Set helps us only log a warning once per component instance.
+// This avoids spamming the console every time a render happens.
+
+
+var devWarningsDirection = null;
+var devWarningsTagName$1 = null;
+
+if (process.env.NODE_ENV !== 'production') {
+  if (typeof window !== 'undefined' && typeof window.WeakSet !== 'undefined') {
+    devWarningsDirection = /*#__PURE__*/new WeakSet();
+    devWarningsTagName$1 = /*#__PURE__*/new WeakSet();
+  }
+}
+
+function createListComponent(_ref) {
+  var _class;
+
+  var getItemOffset = _ref.getItemOffset,
+      getEstimatedTotalSize = _ref.getEstimatedTotalSize,
+      getItemSize = _ref.getItemSize,
+      getOffsetForIndexAndAlignment = _ref.getOffsetForIndexAndAlignment,
+      getStartIndexForOffset = _ref.getStartIndexForOffset,
+      getStopIndexForStartIndex = _ref.getStopIndexForStartIndex,
+      initInstanceProps = _ref.initInstanceProps,
+      shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
+      validateProps = _ref.validateProps;
+  return _class = /*#__PURE__*/function (_PureComponent) {
+    _inheritsLoose(List, _PureComponent);
+
+    // Always use explicit constructor for React components.
+    // It produces less code after transpilation. (#26)
+    // eslint-disable-next-line no-useless-constructor
+    function List(props) {
+      var _this;
+
+      _this = _PureComponent.call(this, props) || this;
+      _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));
+      _this._outerRef = void 0;
+      _this._resetIsScrollingTimeoutId = null;
+      _this.state = {
+        instance: _assertThisInitialized(_this),
+        isScrolling: false,
+        scrollDirection: 'forward',
+        scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
+        scrollUpdateWasRequested: false
+      };
+      _this._callOnItemsRendered = void 0;
+      _this._callOnItemsRendered = memoizeOne(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
+        return _this.props.onItemsRendered({
+          overscanStartIndex: overscanStartIndex,
+          overscanStopIndex: overscanStopIndex,
+          visibleStartIndex: visibleStartIndex,
+          visibleStopIndex: visibleStopIndex
+        });
+      });
+      _this._callOnScroll = void 0;
+      _this._callOnScroll = memoizeOne(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {
+        return _this.props.onScroll({
+          scrollDirection: scrollDirection,
+          scrollOffset: scrollOffset,
+          scrollUpdateWasRequested: scrollUpdateWasRequested
+        });
+      });
+      _this._getItemStyle = void 0;
+
+      _this._getItemStyle = function (index) {
+        var _this$props = _this.props,
+            direction = _this$props.direction,
+            itemSize = _this$props.itemSize,
+            layout = _this$props.layout;
+
+        var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize, shouldResetStyleCacheOnItemSizeChange && layout, shouldResetStyleCacheOnItemSizeChange && direction);
+
+        var style;
+
+        if (itemStyleCache.hasOwnProperty(index)) {
+          style = itemStyleCache[index];
+        } else {
+          var _offset = getItemOffset(_this.props, index, _this._instanceProps);
+
+          var size = getItemSize(_this.props, index, _this._instanceProps); // TODO Deprecate direction "horizontal"
+
+          var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
+          var isRtl = direction === 'rtl';
+          var offsetHorizontal = isHorizontal ? _offset : 0;
+          itemStyleCache[index] = style = {
+            position: 'absolute',
+            left: isRtl ? undefined : offsetHorizontal,
+            right: isRtl ? offsetHorizontal : undefined,
+            top: !isHorizontal ? _offset : 0,
+            height: !isHorizontal ? size : '100%',
+            width: isHorizontal ? size : '100%'
+          };
+        }
+
+        return style;
+      };
+
+      _this._getItemStyleCache = void 0;
+      _this._getItemStyleCache = memoizeOne(function (_, __, ___) {
+        return {};
+      });
+
+      _this._onScrollHorizontal = function (event) {
+        var _event$currentTarget = event.currentTarget,
+            clientWidth = _event$currentTarget.clientWidth,
+            scrollLeft = _event$currentTarget.scrollLeft,
+            scrollWidth = _event$currentTarget.scrollWidth;
+
+        _this.setState(function (prevState) {
+          if (prevState.scrollOffset === scrollLeft) {
+            // Scroll position may have been updated by cDM/cDU,
+            // In which case we don't need to trigger another render,
+            // And we don't want to update state.isScrolling.
+            return null;
+          }
+
+          var direction = _this.props.direction;
+          var scrollOffset = scrollLeft;
+
+          if (direction === 'rtl') {
+            // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
+            // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
+            // It's also easier for this component if we convert offsets to the same format as they would be in for ltr.
+            // So the simplest solution is to determine which browser behavior we're dealing with, and convert based on it.
+            switch (getRTLOffsetType()) {
+              case 'negative':
+                scrollOffset = -scrollLeft;
+                break;
+
+              case 'positive-descending':
+                scrollOffset = scrollWidth - clientWidth - scrollLeft;
+                break;
+            }
+          } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
+
+
+          scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
+          return {
+            isScrolling: true,
+            scrollDirection: prevState.scrollOffset < scrollLeft ? 'forward' : 'backward',
+            scrollOffset: scrollOffset,
+            scrollUpdateWasRequested: false
+          };
+        }, _this._resetIsScrollingDebounced);
+      };
+
+      _this._onScrollVertical = function (event) {
+        var _event$currentTarget2 = event.currentTarget,
+            clientHeight = _event$currentTarget2.clientHeight,
+            scrollHeight = _event$currentTarget2.scrollHeight,
+            scrollTop = _event$currentTarget2.scrollTop;
+
+        _this.setState(function (prevState) {
+          if (prevState.scrollOffset === scrollTop) {
+            // Scroll position may have been updated by cDM/cDU,
+            // In which case we don't need to trigger another render,
+            // And we don't want to update state.isScrolling.
+            return null;
+          } // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
+
+
+          var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
+          return {
+            isScrolling: true,
+            scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
+            scrollOffset: scrollOffset,
+            scrollUpdateWasRequested: false
+          };
+        }, _this._resetIsScrollingDebounced);
+      };
+
+      _this._outerRefSetter = function (ref) {
+        var outerRef = _this.props.outerRef;
+        _this._outerRef = ref;
+
+        if (typeof outerRef === 'function') {
+          outerRef(ref);
+        } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('current')) {
+          outerRef.current = ref;
+        }
+      };
+
+      _this._resetIsScrollingDebounced = function () {
+        if (_this._resetIsScrollingTimeoutId !== null) {
+          cancelTimeout(_this._resetIsScrollingTimeoutId);
+        }
+
+        _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL$1);
+      };
+
+      _this._resetIsScrolling = function () {
+        _this._resetIsScrollingTimeoutId = null;
+
+        _this.setState({
+          isScrolling: false
+        }, function () {
+          // Clear style cache after state update has been committed.
+          // This way we don't break pure sCU for items that don't use isScrolling param.
+          _this._getItemStyleCache(-1, null);
+        });
+      };
+
+      return _this;
+    }
+
+    List.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
+      validateSharedProps$1(nextProps, prevState);
+      validateProps(nextProps);
+      return null;
+    };
+
+    var _proto = List.prototype;
+
+    _proto.scrollTo = function scrollTo(scrollOffset) {
+      scrollOffset = Math.max(0, scrollOffset);
+      this.setState(function (prevState) {
+        if (prevState.scrollOffset === scrollOffset) {
+          return null;
+        }
+
+        return {
+          scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
+          scrollOffset: scrollOffset,
+          scrollUpdateWasRequested: true
+        };
+      }, this._resetIsScrollingDebounced);
+    };
+
+    _proto.scrollToItem = function scrollToItem(index, align) {
+      if (align === void 0) {
+        align = 'auto';
+      }
+
+      var _this$props2 = this.props,
+          itemCount = _this$props2.itemCount,
+          layout = _this$props2.layout;
+      var scrollOffset = this.state.scrollOffset;
+      index = Math.max(0, Math.min(index, itemCount - 1)); // The scrollbar size should be considered when scrolling an item into view, to ensure it's fully visible.
+      // But we only need to account for its size when it's actually visible.
+      // This is an edge case for lists; normally they only scroll in the dominant direction.
+
+      var scrollbarSize = 0;
+
+      if (this._outerRef) {
+        var outerRef = this._outerRef;
+
+        if (layout === 'vertical') {
+          scrollbarSize = outerRef.scrollWidth > outerRef.clientWidth ? getScrollbarSize() : 0;
+        } else {
+          scrollbarSize = outerRef.scrollHeight > outerRef.clientHeight ? getScrollbarSize() : 0;
+        }
+      }
+
+      this.scrollTo(getOffsetForIndexAndAlignment(this.props, index, align, scrollOffset, this._instanceProps, scrollbarSize));
+    };
+
+    _proto.componentDidMount = function componentDidMount() {
+      var _this$props3 = this.props,
+          direction = _this$props3.direction,
+          initialScrollOffset = _this$props3.initialScrollOffset,
+          layout = _this$props3.layout;
+
+      if (typeof initialScrollOffset === 'number' && this._outerRef != null) {
+        var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
+
+        if (direction === 'horizontal' || layout === 'horizontal') {
+          outerRef.scrollLeft = initialScrollOffset;
+        } else {
+          outerRef.scrollTop = initialScrollOffset;
+        }
+      }
+
+      this._callPropsCallbacks();
+    };
+
+    _proto.componentDidUpdate = function componentDidUpdate() {
+      var _this$props4 = this.props,
+          direction = _this$props4.direction,
+          layout = _this$props4.layout;
+      var _this$state = this.state,
+          scrollOffset = _this$state.scrollOffset,
+          scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;
+
+      if (scrollUpdateWasRequested && this._outerRef != null) {
+        var outerRef = this._outerRef; // TODO Deprecate direction "horizontal"
+
+        if (direction === 'horizontal' || layout === 'horizontal') {
+          if (direction === 'rtl') {
+            // TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
+            // This is not the case for all browsers though (e.g. Chrome reports values as positive, measured relative to the left).
+            // So we need to determine which browser behavior we're dealing with, and mimic it.
+            switch (getRTLOffsetType()) {
+              case 'negative':
+                outerRef.scrollLeft = -scrollOffset;
+                break;
+
+              case 'positive-ascending':
+                outerRef.scrollLeft = scrollOffset;
+                break;
+
+              default:
+                var clientWidth = outerRef.clientWidth,
+                    scrollWidth = outerRef.scrollWidth;
+                outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;
+                break;
+            }
+          } else {
+            outerRef.scrollLeft = scrollOffset;
+          }
+        } else {
+          outerRef.scrollTop = scrollOffset;
+        }
+      }
+
+      this._callPropsCallbacks();
+    };
+
+    _proto.componentWillUnmount = function componentWillUnmount() {
+      if (this._resetIsScrollingTimeoutId !== null) {
+        cancelTimeout(this._resetIsScrollingTimeoutId);
+      }
+    };
+
+    _proto.render = function render() {
+      var _this$props5 = this.props,
+          children = _this$props5.children,
+          className = _this$props5.className,
+          direction = _this$props5.direction,
+          height = _this$props5.height,
+          innerRef = _this$props5.innerRef,
+          innerElementType = _this$props5.innerElementType,
+          innerTagName = _this$props5.innerTagName,
+          itemCount = _this$props5.itemCount,
+          itemData = _this$props5.itemData,
+          _this$props5$itemKey = _this$props5.itemKey,
+          itemKey = _this$props5$itemKey === void 0 ? defaultItemKey$1 : _this$props5$itemKey,
+          layout = _this$props5.layout,
+          outerElementType = _this$props5.outerElementType,
+          outerTagName = _this$props5.outerTagName,
+          style = _this$props5.style,
+          useIsScrolling = _this$props5.useIsScrolling,
+          width = _this$props5.width;
+      var isScrolling = this.state.isScrolling; // TODO Deprecate direction "horizontal"
+
+      var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
+      var onScroll = isHorizontal ? this._onScrollHorizontal : this._onScrollVertical;
+
+      var _this$_getRangeToRend = this._getRangeToRender(),
+          startIndex = _this$_getRangeToRend[0],
+          stopIndex = _this$_getRangeToRend[1];
+
+      var items = [];
+
+      if (itemCount > 0) {
+        for (var _index = startIndex; _index <= stopIndex; _index++) {
+          items.push(createElement(children, {
+            data: itemData,
+            key: itemKey(_index, itemData),
+            index: _index,
+            isScrolling: useIsScrolling ? isScrolling : undefined,
+            style: this._getItemStyle(_index)
+          }));
+        }
+      } // Read this value AFTER items have been created,
+      // So their actual sizes (if variable) are taken into consideration.
+
+
+      var estimatedTotalSize = getEstimatedTotalSize(this.props, this._instanceProps);
+      return createElement(outerElementType || outerTagName || 'div', {
+        className: className,
+        onScroll: onScroll,
+        ref: this._outerRefSetter,
+        style: _extends$1({
+          position: 'relative',
+          height: height,
+          width: width,
+          overflow: 'auto',
+          WebkitOverflowScrolling: 'touch',
+          willChange: 'transform',
+          direction: direction
+        }, style)
+      }, createElement(innerElementType || innerTagName || 'div', {
+        children: items,
+        ref: innerRef,
+        style: {
+          height: isHorizontal ? '100%' : estimatedTotalSize,
+          pointerEvents: isScrolling ? 'none' : undefined,
+          width: isHorizontal ? estimatedTotalSize : '100%'
+        }
+      }));
+    };
+
+    _proto._callPropsCallbacks = function _callPropsCallbacks() {
+      if (typeof this.props.onItemsRendered === 'function') {
+        var itemCount = this.props.itemCount;
+
+        if (itemCount > 0) {
+          var _this$_getRangeToRend2 = this._getRangeToRender(),
+              _overscanStartIndex = _this$_getRangeToRend2[0],
+              _overscanStopIndex = _this$_getRangeToRend2[1],
+              _visibleStartIndex = _this$_getRangeToRend2[2],
+              _visibleStopIndex = _this$_getRangeToRend2[3];
+
+          this._callOnItemsRendered(_overscanStartIndex, _overscanStopIndex, _visibleStartIndex, _visibleStopIndex);
+        }
+      }
+
+      if (typeof this.props.onScroll === 'function') {
+        var _this$state2 = this.state,
+            _scrollDirection = _this$state2.scrollDirection,
+            _scrollOffset = _this$state2.scrollOffset,
+            _scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;
+
+        this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);
+      }
+    } // Lazily create and cache item styles while scrolling,
+    // So that pure component sCU will prevent re-renders.
+    // We maintain this cache, and pass a style prop rather than index,
+    // So that List can clear cached styles and force item re-render if necessary.
+    ;
+
+    _proto._getRangeToRender = function _getRangeToRender() {
+      var _this$props6 = this.props,
+          itemCount = _this$props6.itemCount,
+          overscanCount = _this$props6.overscanCount;
+      var _this$state3 = this.state,
+          isScrolling = _this$state3.isScrolling,
+          scrollDirection = _this$state3.scrollDirection,
+          scrollOffset = _this$state3.scrollOffset;
+
+      if (itemCount === 0) {
+        return [0, 0, 0, 0];
+      }
+
+      var startIndex = getStartIndexForOffset(this.props, scrollOffset, this._instanceProps);
+      var stopIndex = getStopIndexForStartIndex(this.props, startIndex, scrollOffset, this._instanceProps); // Overscan by one item in each direction so that tab/focus works.
+      // If there isn't at least one extra item, tab loops back around.
+
+      var overscanBackward = !isScrolling || scrollDirection === 'backward' ? Math.max(1, overscanCount) : 1;
+      var overscanForward = !isScrolling || scrollDirection === 'forward' ? Math.max(1, overscanCount) : 1;
+      return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(itemCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
+    };
+
+    return List;
+  }(PureComponent), _class.defaultProps = {
+    direction: 'ltr',
+    itemData: undefined,
+    layout: 'vertical',
+    overscanCount: 2,
+    useIsScrolling: false
+  }, _class;
+} // NOTE: I considered further wrapping individual items with a pure ListItem component.
+// This would avoid ever calling the render function for the same index more than once,
+// But it would also add the overhead of a lot of components/fibers.
+// I assume people already do this (render function returning a class component),
+// So my doing it would just unnecessarily double the wrappers.
+
+var validateSharedProps$1 = function validateSharedProps(_ref2, _ref3) {
+  var children = _ref2.children,
+      direction = _ref2.direction,
+      height = _ref2.height,
+      layout = _ref2.layout,
+      innerTagName = _ref2.innerTagName,
+      outerTagName = _ref2.outerTagName,
+      width = _ref2.width;
+  var instance = _ref3.instance;
+
+  if (process.env.NODE_ENV !== 'production') {
+    if (innerTagName != null || outerTagName != null) {
+      if (devWarningsTagName$1 && !devWarningsTagName$1.has(instance)) {
+        devWarningsTagName$1.add(instance);
+        console.warn('The innerTagName and outerTagName props have been deprecated. ' + 'Please use the innerElementType and outerElementType props instead.');
+      }
+    } // TODO Deprecate direction "horizontal"
+
+
+    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
+
+    switch (direction) {
+      case 'horizontal':
+      case 'vertical':
+        if (devWarningsDirection && !devWarningsDirection.has(instance)) {
+          devWarningsDirection.add(instance);
+          console.warn('The direction prop should be either "ltr" (default) or "rtl". ' + 'Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.');
+        }
+
+        break;
+
+      case 'ltr':
+      case 'rtl':
+        // Valid values
+        break;
+
+      default:
+        throw Error('An invalid "direction" prop has been specified. ' + 'Value should be either "ltr" or "rtl". ' + ("\"" + direction + "\" was specified."));
+    }
+
+    switch (layout) {
+      case 'horizontal':
+      case 'vertical':
+        // Valid values
+        break;
+
+      default:
+        throw Error('An invalid "layout" prop has been specified. ' + 'Value should be either "horizontal" or "vertical". ' + ("\"" + layout + "\" was specified."));
+    }
+
+    if (children == null) {
+      throw Error('An invalid "children" prop has been specified. ' + 'Value should be a React component. ' + ("\"" + (children === null ? 'null' : typeof children) + "\" was specified."));
+    }
+
+    if (isHorizontal && typeof width !== 'number') {
+      throw Error('An invalid "width" prop has been specified. ' + 'Horizontal lists must specify a number for width. ' + ("\"" + (width === null ? 'null' : typeof width) + "\" was specified."));
+    } else if (!isHorizontal && typeof height !== 'number') {
+      throw Error('An invalid "height" prop has been specified. ' + 'Vertical lists must specify a number for height. ' + ("\"" + (height === null ? 'null' : typeof height) + "\" was specified."));
+    }
+  }
+};
+
+var FixedSizeList = /*#__PURE__*/createListComponent({
+  getItemOffset: function getItemOffset(_ref, index) {
+    var itemSize = _ref.itemSize;
+    return index * itemSize;
+  },
+  getItemSize: function getItemSize(_ref2, index) {
+    var itemSize = _ref2.itemSize;
+    return itemSize;
+  },
+  getEstimatedTotalSize: function getEstimatedTotalSize(_ref3) {
+    var itemCount = _ref3.itemCount,
+        itemSize = _ref3.itemSize;
+    return itemSize * itemCount;
+  },
+  getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment(_ref4, index, align, scrollOffset, instanceProps, scrollbarSize) {
+    var direction = _ref4.direction,
+        height = _ref4.height,
+        itemCount = _ref4.itemCount,
+        itemSize = _ref4.itemSize,
+        layout = _ref4.layout,
+        width = _ref4.width;
+    // TODO Deprecate direction "horizontal"
+    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
+    var size = isHorizontal ? width : height;
+    var lastItemOffset = Math.max(0, itemCount * itemSize - size);
+    var maxOffset = Math.min(lastItemOffset, index * itemSize);
+    var minOffset = Math.max(0, index * itemSize - size + itemSize + scrollbarSize);
+
+    if (align === 'smart') {
+      if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
+        align = 'auto';
+      } else {
+        align = 'center';
+      }
+    }
+
+    switch (align) {
+      case 'start':
+        return maxOffset;
+
+      case 'end':
+        return minOffset;
+
+      case 'center':
+        {
+          // "Centered" offset is usually the average of the min and max.
+          // But near the edges of the list, this doesn't hold true.
+          var middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
+
+          if (middleOffset < Math.ceil(size / 2)) {
+            return 0; // near the beginning
+          } else if (middleOffset > lastItemOffset + Math.floor(size / 2)) {
+            return lastItemOffset; // near the end
+          } else {
+            return middleOffset;
+          }
+        }
+
+      case 'auto':
+      default:
+        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
+          return scrollOffset;
+        } else if (scrollOffset < minOffset) {
+          return minOffset;
+        } else {
+          return maxOffset;
+        }
+
+    }
+  },
+  getStartIndexForOffset: function getStartIndexForOffset(_ref5, offset) {
+    var itemCount = _ref5.itemCount,
+        itemSize = _ref5.itemSize;
+    return Math.max(0, Math.min(itemCount - 1, Math.floor(offset / itemSize)));
+  },
+  getStopIndexForStartIndex: function getStopIndexForStartIndex(_ref6, startIndex, scrollOffset) {
+    var direction = _ref6.direction,
+        height = _ref6.height,
+        itemCount = _ref6.itemCount,
+        itemSize = _ref6.itemSize,
+        layout = _ref6.layout,
+        width = _ref6.width;
+    // TODO Deprecate direction "horizontal"
+    var isHorizontal = direction === 'horizontal' || layout === 'horizontal';
+    var offset = startIndex * itemSize;
+    var size = isHorizontal ? width : height;
+    var numVisibleItems = Math.ceil((size + scrollOffset - offset) / itemSize);
+    return Math.max(0, Math.min(itemCount - 1, startIndex + numVisibleItems - 1 // -1 is because stop index is inclusive
+    ));
+  },
+  initInstanceProps: function initInstanceProps(props) {// Noop
+  },
+  shouldResetStyleCacheOnItemSizeChange: true,
+  validateProps: function validateProps(_ref7) {
+    var itemSize = _ref7.itemSize;
+
+    if (process.env.NODE_ENV !== 'production') {
+      if (typeof itemSize !== 'number') {
+        throw Error('An invalid "itemSize" prop has been specified. ' + 'Value should be a number. ' + ("\"" + (itemSize === null ? 'null' : typeof itemSize) + "\" was specified."));
+      }
+    }
+  }
+});
+
+var WORKSPACE_SELECT_LIST_ROW_HEIGHT = 46;
 var getPresetIcon = function getPresetIcon(preset) {
   switch (preset.viewType) {
     case 'tiledWindow':
@@ -31740,12 +32529,17 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   var onDuplicate = function onDuplicate() {
     onClickWorkspacePresetOption(workspacePreset.id, WorkspacePresetAction.DUPLICATE, workspacePreset);
   };
-  // const onEdit = (): void => {
-  //   onClickWorkspacePresetOption(
-  //     workspacePreset.id,
-  //     WorkspacePresetAction.EDIT,
-  //   );
-  // };
+  var onEdit = function onEdit() {
+    onClickWorkspacePresetOption(workspacePreset.id, WorkspacePresetAction.EDIT, workspacePreset);
+  };
+  var editTitle = testIdPrefix === 'viewpreset' ? 'Edit (name)' : 'Edit (name and abstract)';
+  var menuItems = [{
+    text: 'Duplicate',
+    action: onDuplicate
+  }].concat(_toConsumableArray$1(workspacePreset.scope === 'user' ? [{
+    text: editTitle,
+    action: onEdit
+  }] : []));
   return /*#__PURE__*/React__default.createElement(ListItem, {
     disablePadding: true,
     sx: {
@@ -31774,7 +32568,8 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
       onClickPreset(workspacePreset.id);
     },
     sx: {
-      padding: 1
+      padding: 1,
+      height: "".concat(WORKSPACE_SELECT_LIST_ROW_HEIGHT, "px")
     }
   }, /*#__PURE__*/React__default.createElement(ListItemIcon, null, getPresetIcon(workspacePreset)), /*#__PURE__*/React__default.createElement(CustomTooltip, {
     title: workspacePreset.title
@@ -31800,15 +32595,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   }, /*#__PURE__*/React__default.createElement(ToggleMenu, {
     buttonTestId: "".concat(testIdPrefix, "-listOptionsButton"),
     menuPosition: "right",
-    menuItems: [{
-      text: 'Duplicate',
-      action: onDuplicate
-    }
-    // {
-    //   text: 'Edit (name & meta)',
-    //   action: onEdit,
-    // },
-    ],
+    menuItems: menuItems,
     menuTitle: "Options",
     isDefaultOpen: isOptionsMenuOpen
   }), workspacePreset.scope === 'user' && /*#__PURE__*/React__default.createElement(CustomIconButton, {
@@ -31825,68 +32612,38 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   }, /*#__PURE__*/React__default.createElement(Delete, null))))));
 };
 
-/* *
- * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var emptyWorkspaceListItem = {
-  id: emptyMapWorkspace.id,
-  title: emptyMapWorkspace.title,
-  scope: emptyMapWorkspace.scope,
-  viewType: emptyMapWorkspace.viewType,
-  "abstract": emptyMapWorkspace["abstract"]
+var getHeight = function getHeight(element) {
+  if (!element) {
+    return null;
+  }
+  var style = getComputedStyle(element);
+  var marginTop = style.marginTop ? parseInt(style.marginTop, 10) : 0;
+  var marginBottom = style.marginTop ? parseInt(style.marginBottom, 10) : 0;
+  return element.offsetHeight + marginTop + marginBottom;
 };
-var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
-  var workspacePresets = _ref.workspacePresets,
-    currentSelectedId = _ref.currentSelectedId,
-    onClickPreset = _ref.onClickPreset,
-    onClickWorkspacePresetOption = _ref.onClickWorkspacePresetOption,
-    hideNewWorkspace = _ref.hideNewWorkspace,
-    isLoggedIn = _ref.isLoggedIn,
-    searchQuery = _ref.searchQuery,
-    _ref$newPreset = _ref.newPreset,
-    newPreset = _ref$newPreset === void 0 ? emptyWorkspaceListItem : _ref$newPreset,
-    _ref$testIdPrefix = _ref.testIdPrefix,
-    testIdPrefix = _ref$testIdPrefix === void 0 ? 'workspace' : _ref$testIdPrefix;
-  return /*#__PURE__*/React.createElement(Box$2, {
-    "data-testid": "".concat(testIdPrefix, "-selectList")
-  }, /*#__PURE__*/React.createElement(Box$2, {
-    sx: {
-      marginBottom: '4px',
-      fontSize: '12px'
-    }
-  }, workspacePresets.length, " results"), /*#__PURE__*/React.createElement(List, null, !hideNewWorkspace && /*#__PURE__*/React.createElement(WorkspaceSelectListRow, {
-    key: newPreset.id,
-    workspacePreset: newPreset,
-    onClickPreset: onClickPreset,
-    onClickWorkspacePresetOption: onClickWorkspacePresetOption,
-    isSelected: currentSelectedId === '' || currentSelectedId === undefined,
-    isEditable: isLoggedIn,
-    testIdPrefix: testIdPrefix
-  }), workspacePresets.map(function (preset) {
-    return /*#__PURE__*/React.createElement(WorkspaceSelectListRow, {
-      key: preset.id,
-      workspacePreset: preset,
-      onClickPreset: onClickPreset,
-      onClickWorkspacePresetOption: onClickWorkspacePresetOption,
-      isEditable: isLoggedIn,
-      searchQuery: searchQuery,
-      isSelected: currentSelectedId === preset.id,
-      testIdPrefix: testIdPrefix
+// Gets element height incl padding, border and margins
+var useGetElementHeight = function useGetElementHeight(ref, defaultHeight) {
+  var _React$useState = React__default.useState(defaultHeight),
+    _React$useState2 = _slicedToArray$2(_React$useState, 2),
+    height = _React$useState2[0],
+    setHeight = _React$useState2[1];
+  React__default.useLayoutEffect(function () {
+    var element = ref === null || ref === void 0 ? void 0 : ref.current;
+    if (element) {
+      setHeight(element.offsetHeight);
+    }
+    var observer = new ResizeObserver(function () {
+      var height = getHeight(element);
+      height && setHeight(height);
     });
-  })));
+    observer.observe(element);
+    return function () {
+      observer.disconnect();
+    };
+  }, [ref]);
+  return {
+    height: height
+  };
 };
 
 /* *
@@ -32060,30 +32817,150 @@ var SearchField = function SearchField(_ref3) {
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-var WorkspaceFilter = function WorkspaceFilter(_ref) {
+var DEFAULT_FILTER_HEIGHT = 85;
+var WorkspaceFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var filters = _ref.filters,
     _ref$onClickFilterChi = _ref.onClickFilterChip,
     onClickFilterChip = _ref$onClickFilterChi === void 0 ? function () {} : _ref$onClickFilterChi,
     _ref$onSearch = _ref.onSearch,
     onSearch = _ref$onSearch === void 0 ? function () {} : _ref$onSearch,
     isAllSelected = _ref.isAllSelected,
-    searchQuery = _ref.searchQuery,
-    _ref$showSearch = _ref.showSearch,
-    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch;
-  return /*#__PURE__*/React.createElement(Stack, {
-    spacing: 1,
+    searchQuery = _ref.searchQuery;
+  return /*#__PURE__*/React.createElement(Box$2, {
+    ref: ref,
     sx: {
       marginBottom: '8px'
     }
-  }, showSearch && /*#__PURE__*/React.createElement(SearchField, {
+  }, /*#__PURE__*/React.createElement(Stack, {
+    spacing: 1
+  }, /*#__PURE__*/React.createElement(SearchField, {
     value: searchQuery,
     valueChanged: onSearch
   }), /*#__PURE__*/React.createElement(FilterList, {
     filters: filters,
     onChipClick: onClickFilterChip,
     isAllSelected: isAllSelected
-  }));
+  })));
+});
+
+var emptyWorkspaceListItem = {
+  id: emptyMapWorkspace.id,
+  title: emptyMapWorkspace.title,
+  scope: emptyMapWorkspace.scope,
+  viewType: emptyMapWorkspace.viewType,
+  "abstract": emptyMapWorkspace["abstract"]
 };
+var DEFAULT_DIALOG_HEIGHT = 900;
+var MIN_HEIGHT_SCROLLABLE_LIST = 88; // Slightly less than 2 rows
+var LIST_PADDING_TOP = 8;
+var DEFAULT_PARENT_PADDING = 8;
+var DEFAULT_RESULTS_HEIGHT = 22;
+var useGetRequiredHeights = function useGetRequiredHeights(ref) {
+  // Used to store the height of the list dialog content
+  var _React$useState = React.useState(DEFAULT_DIALOG_HEIGHT),
+    _React$useState2 = _slicedToArray$2(_React$useState, 2),
+    dialogHeight = _React$useState2[0],
+    setDialogHeight = _React$useState2[1];
+  // Used to store the padding height surrounding the list and the filters
+  var _React$useState3 = React.useState(DEFAULT_PARENT_PADDING),
+    _React$useState4 = _slicedToArray$2(_React$useState3, 2),
+    parentPaddingHeight = _React$useState4[0],
+    setParentPaddingHeight = _React$useState4[1];
+  // Obtain the height of the results div
+  var resultsRef = React.useRef(null);
+  var _useGetElementHeight = useGetElementHeight(resultsRef, DEFAULT_RESULTS_HEIGHT),
+    resultsHeight = _useGetElementHeight.height;
+  // Obtain the height of the filters and search
+  var _useGetElementHeight2 = useGetElementHeight(ref, DEFAULT_FILTER_HEIGHT),
+    filterHeight = _useGetElementHeight2.height;
+  // Obtain the height of of the list dialog content
+  React.useLayoutEffect(function () {
+    var _a, _b, _c, _d;
+    var dialogElement = (_d = (_c = (_b = (_a = resultsRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement) === null || _d === void 0 ? void 0 : _d.parentElement;
+    setDialogHeight(dialogElement.offsetHeight);
+    var observer = new ResizeObserver(function () {
+      var height = getHeight(dialogElement);
+      height && setDialogHeight(height);
+    });
+    observer.observe(dialogElement);
+    return function () {
+      observer.disconnect();
+    };
+  }, [resultsRef]);
+  // Obtain the padding height surrounding the list and the filters
+  React.useEffect(function () {
+    var _a, _b;
+    var parentElement = (_b = (_a = resultsRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement;
+    var style = getComputedStyle(parentElement);
+    var paddingTop = parseInt(style.paddingTop, 10);
+    paddingTop && setParentPaddingHeight(paddingTop);
+  }, []);
+  var heightOtherElements = filterHeight + resultsHeight + LIST_PADDING_TOP + 2 * parentPaddingHeight;
+  // row height = height + margin
+  var rowHeight = WORKSPACE_SELECT_LIST_ROW_HEIGHT + 4;
+  var availableSpaceForList = dialogHeight - heightOtherElements;
+  var listHeight = availableSpaceForList && availableSpaceForList < MIN_HEIGHT_SCROLLABLE_LIST ? MIN_HEIGHT_SCROLLABLE_LIST : availableSpaceForList;
+  return {
+    resultsRef: resultsRef,
+    rowHeight: rowHeight,
+    listHeight: listHeight
+  };
+};
+var WorkspaceSelectList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var workspacePresets = _ref.workspacePresets,
+    currentSelectedId = _ref.currentSelectedId,
+    onClickPreset = _ref.onClickPreset,
+    onClickWorkspacePresetOption = _ref.onClickWorkspacePresetOption,
+    hideNewWorkspace = _ref.hideNewWorkspace,
+    isLoggedIn = _ref.isLoggedIn,
+    searchQuery = _ref.searchQuery,
+    _ref$newPreset = _ref.newPreset,
+    newPreset = _ref$newPreset === void 0 ? emptyWorkspaceListItem : _ref$newPreset,
+    _ref$testIdPrefix = _ref.testIdPrefix,
+    testIdPrefix = _ref$testIdPrefix === void 0 ? 'workspace' : _ref$testIdPrefix;
+  var _useGetRequiredHeight = useGetRequiredHeights(ref),
+    resultsRef = _useGetRequiredHeight.resultsRef,
+    rowHeight = _useGetRequiredHeight.rowHeight,
+    listHeight = _useGetRequiredHeight.listHeight;
+  // Height of other elements in dialog besides the list:
+  // filter, results text , padding list top and 2x padding around dialog children (top & bottom)
+  var items = !hideNewWorkspace ? [newPreset].concat(_toConsumableArray$1(workspacePresets)) : workspacePresets;
+  // console.log(filterHeight, resultsHeight, parentPaddingHeight);
+  return /*#__PURE__*/React.createElement(Box$2, {
+    "data-testid": "".concat(testIdPrefix, "-selectList")
+  }, /*#__PURE__*/React.createElement(Box$2, {
+    ref: resultsRef,
+    sx: {
+      marginBottom: '4px',
+      fontSize: '12px'
+    }
+  }, workspacePresets.length, " results"), /*#__PURE__*/React.createElement(Box$2, {
+    sx: {
+      paddingTop: "".concat(LIST_PADDING_TOP, "px")
+    }
+  }, /*#__PURE__*/React.createElement(FixedSizeList, {
+    height: listHeight,
+    itemCount: items.length,
+    itemSize: rowHeight,
+    width: "100%"
+  }, function (_ref2) {
+    var index = _ref2.index,
+      style = _ref2.style;
+    var preset = items[index];
+    return /*#__PURE__*/React.createElement("div", {
+      style: style,
+      key: preset.id || 'emptyPreset'
+    }, /*#__PURE__*/React.createElement(WorkspaceSelectListRow, {
+      workspacePreset: preset,
+      onClickPreset: onClickPreset,
+      onClickWorkspacePresetOption: onClickWorkspacePresetOption,
+      isEditable: isLoggedIn,
+      searchQuery: searchQuery,
+      isSelected: currentSelectedId === preset.id || currentSelectedId === '' && preset.id === undefined,
+      testIdPrefix: testIdPrefix
+    }));
+  })));
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -32105,6 +32982,7 @@ var ERROR_TITLE = 'View presets not available';
 var ERROR_RETRY = 'Try again';
 var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var panelId = _ref.panelId;
+  var filterRef = React.useRef(null);
   var viewPresets = useSelector(function (store) {
     return getFilteredViewPresetListForView(store, panelId);
   });
@@ -32123,7 +33001,9 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   });
   var lastViewPresetListSearchQuery = usePrevious(viewPresetListSearchQuery);
   var relatedSyncGroupIds = useSelector(function (store) {
-    return syncGroupsSelectors.getAllTargetGroupsForSource(store, panelId);
+    return syncGroupsSelectors.getAllTargetGroupsForSource(store, {
+      sourceId: panelId
+    });
   });
   var errorViewPresetsList = useSelector(function (store) {
     return getViewPresetListError(store, panelId);
@@ -32178,9 +33058,20 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
           });
           break;
         }
-      // case WorkspacePresetAction.EDIT: {
-      //   break;
-      // }
+      case WorkspacePresetAction.EDIT:
+        {
+          var presetTitle = (preset === null || preset === void 0 ? void 0 : preset.title) || '';
+          openViewPresetsDialog({
+            title: MAPPRESET_DIALOG_TITLE_EDIT,
+            action: PresetAction.EDIT,
+            panelId: panelId,
+            viewPresetId: presetId,
+            formValues: {
+              title: presetTitle
+            }
+          });
+          break;
+        }
       // case WorkspacePresetAction.SAVE: {
       // break;
       // }
@@ -32230,7 +33121,9 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     return filter.isSelected;
   });
   var shouldHideNewWorkspace = !isAllSelectedForFilters || viewPresetListSearchQuery.length > 0;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isViewPresetsListFetching && /*#__PURE__*/React.createElement(LinearProgress, {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "viewpreset-selectlist-connect"
+  }, isViewPresetsListFetching && /*#__PURE__*/React.createElement(LinearProgress, {
     "data-testid": "loading-bar",
     color: "secondary",
     sx: {
@@ -32253,7 +33146,8 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     onClickFilterChip: onClickFilterChip,
     isAllSelected: isAllSelectedForFilters,
     searchQuery: viewPresetListSearchQuery,
-    onSearch: onSearchFilter
+    onSearch: onSearchFilter,
+    ref: filterRef
   }), /*#__PURE__*/React.createElement(WorkspaceSelectList, {
     workspacePresets: viewPresets,
     currentSelectedId: activeViewPresetId || undefined,
@@ -32266,7 +33160,8 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     isLoggedIn: isLoggedIn,
     hideNewWorkspace: shouldHideNewWorkspace,
     searchQuery: viewPresetListSearchQuery,
-    testIdPrefix: "viewpreset"
+    testIdPrefix: "viewpreset",
+    ref: filterRef
   })));
 };
 
@@ -32295,8 +33190,7 @@ var ViewPresetMenu = function ViewPresetMenu(_ref) {
   var toolContainer = /*#__PURE__*/React__default.createElement(ToolContainer, {
     style: {
       width: 320,
-      maxHeight: 'calc(100% - 80px)',
-      height: 'auto',
+      height: 'calc(100% - 80px)',
       position: 'absolute',
       top: '16px'
     },
@@ -32353,6 +33247,7 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
       setAnchorEl(document.getElementById(id));
     }
   }, [isDefaultOpen, id]);
+  var editTitle = id === 'viewpreset-options-toolbutton' ? 'Edit (name)' : 'Edit (name and abstract)';
   var options = [{
     title: 'Save',
     callback: handleSave
@@ -32363,7 +33258,7 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
     title: 'Save (incl. viewpresets)',
     callback: handleSaveAll
   }] : []), [{
-    title: 'Edit',
+    title: editTitle,
     callback: handleEdit
   }, {
     title: 'Delete',
@@ -32551,6 +33446,22 @@ var WorkspaceViewTitleConnect = function WorkspaceViewTitleConnect(_ref) {
       }
     });
   };
+  var onEdit = function onEdit() {
+    var formTitle = activeMapPresetId ? title : '';
+    openViewPresetsDialog({
+      title: MAPPRESET_DIALOG_TITLE_EDIT,
+      action: PresetAction.EDIT,
+      panelId: panelId,
+      viewPresetId: activeMapPresetId,
+      formValues: {
+        title: formTitle,
+        initialProps: {
+          mapPreset: currentMapPreset,
+          syncGroupsIds: relatedSyncGroupIds
+        }
+      }
+    });
+  };
   var isNewActive = activeMapPresetId === '';
   var title = (workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.title) || MAPPRESET_ACTIVE_TITLE;
   var viewScope = workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.scope;
@@ -32562,6 +33473,7 @@ var WorkspaceViewTitleConnect = function WorkspaceViewTitleConnect(_ref) {
     handleSave: viewScope === 'user' ? onSave : undefined,
     handleDelete: viewScope === 'user' ? onDelete : undefined,
     handleSaveAs: onSaveAs,
+    handleEdit: viewScope === 'user' ? onEdit : undefined,
     id: "viewpreset-options-toolbutton"
   });
 };
@@ -36497,6 +37409,7 @@ var Box$1 = Box;
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
+  var filterRef = React.useRef(null);
   var currentView = useSelector(function (store) {
     return getWorkspaceState(store);
   });
@@ -36596,9 +37509,19 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
           });
           break;
         }
-      // case WorkspacePresetAction.EDIT: {
-      //   break;
-      // }
+      case WorkspacePresetAction.EDIT:
+        {
+          setWorkspaceActionDialogOptions({
+            action: workspaceAction,
+            presetId: presetId,
+            formValues: {
+              title: presetTitle,
+              "abstract": affectedPreset["abstract"],
+              scope: 'user'
+            }
+          });
+          break;
+        }
       // case WorkspacePresetAction.SAVE: {
       // break;
       // }
@@ -36645,12 +37568,17 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
         return fetchWorkspaceList();
       }
     }
-  }))), !error && /*#__PURE__*/React.createElement(WorkspaceFilter, {
+  }))), /*#__PURE__*/React.createElement(Box$2, {
+    sx: {
+      padding: 1
+    }
+  }, !error && /*#__PURE__*/React.createElement(WorkspaceFilter, {
     filters: workspaceListFilters,
     onClickFilterChip: onClickFilterChip,
     isAllSelected: isAllSelected,
     searchQuery: workspaceSearchQuery,
-    onSearch: searchFilter
+    onSearch: searchFilter,
+    ref: filterRef
   }), /*#__PURE__*/React.createElement(WorkspaceSelectList, {
     workspacePresets: workspacePresets,
     currentSelectedId: currentView.id || '',
@@ -36658,8 +37586,9 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
     onClickWorkspacePresetOption: onClickWorkspacePresetOption,
     hideNewWorkspace: shouldHideNewWorkspace,
     isLoggedIn: isLoggedIn,
-    searchQuery: workspaceSearchQuery
-  }));
+    searchQuery: workspaceSearchQuery,
+    ref: filterRef
+  })));
 };
 
 /* *
@@ -36683,12 +37612,10 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
     _ref$hideBackdrop = _ref.hideBackdrop,
     hideBackdrop = _ref$hideBackdrop === void 0 ? false : _ref$hideBackdrop,
     closeMenu = _ref.closeMenu;
-    _ref.filter;
   var toolContainer = /*#__PURE__*/React__default.createElement(ToolContainer, {
     style: {
       width: 320,
-      maxHeight: 'calc(100vh -  88px)',
-      height: 'auto',
+      height: 'calc(100vh -  88px)',
       position: 'absolute',
       top: '16px'
     },
@@ -36697,11 +37624,7 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
     onClick: function onClick(event) {
       event.stopPropagation();
     }
-  }, /*#__PURE__*/React__default.createElement(Box$2, {
-    sx: {
-      padding: 1
-    }
-  }, /*#__PURE__*/React__default.createElement(WorkspaceSelectListConnect, null)));
+  }, /*#__PURE__*/React__default.createElement(WorkspaceSelectListConnect, null));
   return /*#__PURE__*/React__default.createElement("div", null, hideBackdrop ?
   // Enable hiding backdrop from snapshot tests
   toolContainer : /*#__PURE__*/React__default.createElement(Backdrop, {
@@ -36884,6 +37807,13 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
       workspace: workspaceData
     }));
   }, [dispatch, workspaceData]);
+  var onEdit = function onEdit() {
+    setWorkspaceActionDialogOptions({
+      action: WorkspacePresetAction.EDIT,
+      presetId: workspaceId,
+      formValues: Object.assign({}, workspaceData)
+    });
+  };
   var fullTitle = getTitle(title, hasChanges, workspaceId);
   return /*#__PURE__*/React.createElement(WorkspaceOptions, {
     hasChanges: hasChanges,
@@ -36893,6 +37823,7 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
     handleSaveAs: onSaveAs,
     handleSaveAll: onSaveAll,
     handleSave: workspaceScope === 'user' ? onSave : undefined,
+    handleEdit: workspaceScope === 'user' ? onEdit : undefined,
     isDisabled: !viewIds.length || !isLoggedIn
   });
 };
@@ -37019,7 +37950,7 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
     event.preventDefault();
     onSubmit();
   };
-  var hasFormInput = action === WorkspacePresetAction.DUPLICATE || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.SAVE_ALL;
+  var hasFormInput = action === WorkspacePresetAction.DUPLICATE || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.SAVE_ALL || action === WorkspacePresetAction.EDIT;
   // disable form inputs for 'Save (incl. viewpresets)' existing workspace preset
   var isDisabled = action === WorkspacePresetAction.SAVE_ALL && formValues.id !== undefined && formValues.id !== '' && formValues.scope === 'user';
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Boolean(error) && /*#__PURE__*/React__default.createElement(Box$2, {
@@ -37095,6 +38026,7 @@ var DIALOG_TITLE_DELETE = 'Delete workspace';
 var DIALOG_TITLE_DUPLICATE = 'Duplicate';
 var DIALOG_BUTTON_SAVE = 'Save';
 var DIALOG_BUTTON_DELETE = 'Delete';
+var DIALOG_BUTTON_EDIT = 'Edit (name and abstract)';
 var getDialogTitle = function getDialogTitle(action) {
   switch (action) {
     case WorkspacePresetAction.DELETE:
@@ -37109,6 +38041,10 @@ var getDialogTitle = function getDialogTitle(action) {
       {
         return DIALOG_TITLE_SAVE_ALL;
       }
+    case WorkspacePresetAction.EDIT:
+      {
+        return DIALOG_BUTTON_EDIT;
+      }
     default:
       {
         return DIALOG_TITLE_SAVE_AS;
@@ -37312,7 +38248,7 @@ var MapPresetsForm = function MapPresetsForm(_ref) {
     }
   }, /*#__PURE__*/React__default.createElement(AlertBanner, {
     title: error
-  })), action === PresetAction.SAVE_AS && /*#__PURE__*/React__default.createElement("form", {
+  })), (action === PresetAction.SAVE_AS || action === PresetAction.EDIT) && /*#__PURE__*/React__default.createElement("form", {
     "data-testid": "map-preset-form",
     onSubmit: onSubmitForm
   }, /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
@@ -37388,7 +38324,7 @@ var MapPresetsFormDialog = function MapPresetsFormDialog(_ref) {
   var confirmLabel = getConfirmLabel(action);
   var onFormSubmit = function onFormSubmit(newFormValues) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var newId, message;
+      var newId, _yield$api$getViewPre, originalViewPreset, viewPresetEdited, message;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -37396,7 +38332,7 @@ var MapPresetsFormDialog = function MapPresetsFormDialog(_ref) {
             setError(null);
             setIsLoading(true);
             _context.t0 = action;
-            _context.next = _context.t0 === PresetAction.SAVE_AS ? 6 : _context.t0 === PresetAction.DELETE ? 13 : 19;
+            _context.next = _context.t0 === PresetAction.SAVE_AS ? 6 : _context.t0 === PresetAction.DELETE ? 13 : _context.t0 === PresetAction.EDIT ? 19 : 30;
             break;
           case 6:
             _context.next = 8;
@@ -37406,7 +38342,7 @@ var MapPresetsFormDialog = function MapPresetsFormDialog(_ref) {
             setIsLoading(false);
             onClose();
             onSuccess(action, newId, newFormValues.title);
-            return _context.abrupt("break", 20);
+            return _context.abrupt("break", 31);
           case 13:
             _context.next = 15;
             return api.deleteViewPreset(viewPresetId);
@@ -37414,23 +38350,39 @@ var MapPresetsFormDialog = function MapPresetsFormDialog(_ref) {
             setIsLoading(false);
             onClose();
             onSuccess(action, viewPresetId, newFormValues.title);
-            return _context.abrupt("break", 20);
+            return _context.abrupt("break", 31);
           case 19:
-            return _context.abrupt("break", 20);
-          case 20:
-            _context.next = 27;
+            _context.next = 21;
+            return api.getViewPreset(viewPresetId);
+          case 21:
+            _yield$api$getViewPre = _context.sent;
+            originalViewPreset = _yield$api$getViewPre.data;
+            viewPresetEdited = Object.assign(Object.assign({}, originalViewPreset), {
+              title: newFormValues.title
+            });
+            _context.next = 26;
+            return api.saveViewPreset(viewPresetId, viewPresetEdited);
+          case 26:
+            setIsLoading(false);
+            onClose();
+            onSuccess(action, viewPresetId, newFormValues.title);
+            return _context.abrupt("break", 31);
+          case 30:
+            return _context.abrupt("break", 31);
+          case 31:
+            _context.next = 38;
             break;
-          case 22:
-            _context.prev = 22;
+          case 33:
+            _context.prev = 33;
             _context.t1 = _context["catch"](0);
             setIsLoading(false);
             message = isAxiosError(_context.t1) ? getAxiosErrorMessage(_context.t1) : _context.t1.message;
             setError(message);
-          case 27:
+          case 38:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 22]]);
+      }, _callee, null, [[0, 33]]);
     }));
   };
   var onSubmit = function onSubmit() {