@opengeoweb/workspace 6.0.4 → 6.1.0

package/index.esm.js

@@ -19945,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.
@@ -20133,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,
@@ -20258,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.
@@ -20486,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;
@@ -21305,7 +21424,7 @@ var workspacePresetsList = [
 		title: "Radar",
 		date: "2022-06-01T12:34:27.787184",
 		scope: "user",
-		abstract: "",
+		abstract: "Some abstract",
 		viewType: "singleWindow"
 	},
 	{
@@ -23700,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.
@@ -23903,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:
@@ -23913,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();
       }
@@ -24040,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:
@@ -24100,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,
@@ -24166,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() {
@@ -24460,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() {
@@ -32449,22 +32495,6 @@ var FixedSizeList = /*#__PURE__*/createListComponent({
   }
 });
 
-/* *
- * 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 WORKSPACE_SELECT_LIST_ROW_HEIGHT = 46;
 var getPresetIcon = function getPresetIcon(preset) {
   switch (preset.viewType) {
@@ -32499,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: {
@@ -32560,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, {
@@ -32914,7 +32941,8 @@ var WorkspaceSelectList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(FixedSizeList, {
     height: listHeight,
     itemCount: items.length,
-    itemSize: rowHeight
+    itemSize: rowHeight,
+    width: "100%"
   }, function (_ref2) {
     var index = _ref2.index,
       style = _ref2.style;
@@ -32973,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);
@@ -33028,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;
       // }
@@ -33206,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
@@ -33216,7 +33258,7 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
     title: 'Save (incl. viewpresets)',
     callback: handleSaveAll
   }] : []), [{
-    title: 'Edit',
+    title: editTitle,
     callback: handleEdit
   }, {
     title: 'Delete',
@@ -33404,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;
@@ -33415,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"
   });
 };
@@ -37450,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;
       // }
@@ -37738,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,
@@ -37747,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
   });
 };
@@ -37873,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, {
@@ -37949,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:
@@ -37963,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;
@@ -38166,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, {
@@ -38242,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:
@@ -38250,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;
@@ -38260,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);
@@ -38268,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() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "6.0.4",
+  "version": "6.1.0",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -15,16 +15,17 @@
     "@emotion/react": "11.11.1",
     "@mui/material": "5.12.0",
     "@mui/system": "5.14.5",
-    "@opengeoweb/api": "6.0.4",
-    "@opengeoweb/authentication": "6.0.4",
-    "@opengeoweb/core": "6.0.4",
-    "@opengeoweb/form-fields": "6.0.4",
-    "@opengeoweb/shared": "6.0.4",
-    "@opengeoweb/sigmet-airmet": "6.0.4",
-    "@opengeoweb/store": "6.0.4",
-    "@opengeoweb/taf": "6.0.4",
-    "@opengeoweb/theme": "6.0.4",
-    "@opengeoweb/timeseries": "6.0.4",
+    "@opengeoweb/api": "6.1.0",
+    "@opengeoweb/authentication": "6.1.0",
+    "@opengeoweb/core": "6.1.0",
+    "@opengeoweb/form-fields": "6.1.0",
+    "@opengeoweb/shared": "6.1.0",
+    "@opengeoweb/sigmet-airmet": "6.1.0",
+    "@opengeoweb/store": "6.1.0",
+    "@opengeoweb/taf": "6.1.0",
+    "@opengeoweb/theme": "6.1.0",
+    "@opengeoweb/timeseries": "6.1.0",
+    "@opengeoweb/webmap": "6.1.0",
     "@redux-eggs/core": "2.2.0",
     "@redux-eggs/redux-toolkit": "2.2.0",
     "@redux-eggs/saga-extension": "2.2.0",

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

@@ -19,5 +19,13 @@ export declare const DeleteDemoDarkTheme: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const EditDemoLightTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const EditDemoDarkTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};
 export declare const SaveAsWithError: () => React.ReactElement;
 export declare const DeleteWithError: () => React.ReactElement;

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

@@ -7,6 +7,7 @@ export declare const DIALOG_TITLE_DELETE = "Delete workspace";
 export declare const DIALOG_TITLE_DUPLICATE = "Duplicate";
 export declare const DIALOG_BUTTON_SAVE = "Save";
 export declare const DIALOG_BUTTON_DELETE = "Delete";
+export declare const DIALOG_BUTTON_EDIT = "Edit (name and abstract)";
 export declare const getDialogTitle: (action: WorkspacePresetAction) => string;
 export declare const getConfirmLabel: (action: WorkspacePresetAction) => string;
 export interface WorkspacePresetsFormDialogProps {

package/src/lib/components/WorkspaceTab/WorkspaceTabConnect.integration.spec.d.ts

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

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

@@ -55,7 +55,7 @@ export declare enum PresetAction {
     SAVE = "Save",
     SAVE_AS = "Save as",
     SHARE = "Share",
-    RENAME = "Rename"
+    EDIT = "Edit"
 }
 interface ViewPresetAction {
     panelId: string;

package/src/lib/store/viewPresets/utils.d.ts

@@ -4,6 +4,7 @@ import { FetchViewPresetsListParams } from '../viewPresetsList/types';
 export declare const MAPPRESET_ACTIVE_TITLE = "New map preset";
 export declare const MAPPRESET_DIALOG_TITLE_SAVE_AS = "Save map preset as";
 export declare const MAPPRESET_DIALOG_TITLE_DELETE = "Delete map preset";
+export declare const MAPPRESET_DIALOG_TITLE_EDIT = "Edit map preset";
 export declare const getSnackbarMessage: (action: PresetAction, title: string) => string;
 export declare const getPresetsApi: () => PresetsApi;
 export declare const emptyMapViewPreset: {

package/src/lib/store/workspace/selectors.d.ts

@@ -142,7 +142,9 @@ export declare const getWorkspaceData: ((state: AppStore & import("@opengeoweb/s
 }> & {
     clearCache: () => void;
 };
-export declare const getViewPresetToSendToBackend: ((state: any, viewId: string) => {
+export declare const getViewPresetToSendToBackend: ((state: AppStore & import("@opengeoweb/store").CoreAppStore, viewId: string | (string & {
+    sourceId: string;
+})) => {
     id: string | undefined;
     scope: import("./types").PresetScope;
     title: string;
@@ -150,13 +152,6 @@ export declare const getViewPresetToSendToBackend: ((state: any, viewId: string)
         mapPreset: import("dist/libs/store/src/store/mapStore/types").MapPreset;
         syncGroupsIds: string[];
     };
-    /**
-     * Gets view from workspace state
-     *
-     * @param {object} store store: object - Store object
-     * @param {string} viewId viewId: string - view id
-     * @returns {object} returnType: WorkspaceViewType
-     */
     componentType: "Map";
     keywords: string;
 }) & import("reselect").OutputSelectorFields<(args_0: WorkspaceViewType | undefined, args_1: import("dist/libs/store/src/store/mapStore/types").MapPreset, args_2: string[]) => {
@@ -167,13 +162,6 @@ export declare const getViewPresetToSendToBackend: ((state: any, viewId: string)
         mapPreset: import("dist/libs/store/src/store/mapStore/types").MapPreset;
         syncGroupsIds: string[];
     };
-    /**
-     * Gets view from workspace state
-     *
-     * @param {object} store store: object - Store object
-     * @param {string} viewId viewId: string - view id
-     * @returns {object} returnType: WorkspaceViewType
-     */
     componentType: "Map";
     keywords: string;
 }, {

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

@@ -61,13 +61,14 @@ export type OpenWorkspaceActionDialogPayload = WorkspaceActionDialogType;
 export interface SubmitFormWorkspaceActionDialogPayload {
     presetAction: WorkspacePresetAction;
     presetId: string;
-    data: WorkspacePreset;
+    data: WorkspacePreset | WorkspacePresetFromBE;
 }
 export interface OnSuccesWorkspacePresetActionPayload {
     workspaceId: string;
     action: WorkspacePresetAction;
     title: string;
     abstract?: string;
+    currentActiveWorkspaceId?: string;
 }
 export interface OnErrorWorkspacePresetActionPayload {
     error: WorkspaceListError;