@opengeoweb/workspace 10.0.0 → 10.2.0

package/index.esm.js

@@ -1,6 +1,6 @@
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { syncGroupsTypes, syncGroupsActions, layerActions, mapStoreActions, uiActions, genericActions, mapActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, coreModuleReducersMap, routerReducersMap, coreModuleMiddlewares, routerMiddlewares, linkComponentTypesConstants, uiTypes, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
-import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, useApiContext } from '@opengeoweb/api';
+import { syncGroupsTypes, syncGroupsActions, layerActions, mapActions, uiActions, genericActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, coreModuleReducersMap, routerReducersMap, coreModuleMiddlewares, routerMiddlewares, linkComponentTypesConstants, uiTypes, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
+import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, useApiContext, useAuthenticationContext as useAuthenticationContext$1, GEOWEB_ROLE_PRESETS_ADMIN as GEOWEB_ROLE_PRESETS_ADMIN$1 } from '@opengeoweb/api';
 import _, { chunk, cloneDeep, pick, isEmpty, isEqual, isString } from 'lodash';
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, Mosaic } from 'react-mosaic-component';
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducersMap, timeSeriesMiddlewares } from '@opengeoweb/timeseries';
@@ -37,8 +37,7 @@ var en = {
 	"workspce-clear": "Clear",
 	"workspace-save": "Save",
 	"workspace-save-as": "Save as",
-	"workspace-edit": "Edit (name)",
-	"workspace-edit-both": "Edit (name and abstract)",
+	"workspace-edit": "Edit (name and abstract)",
 	"geoweb-welcome": "Welcome to GeoWeb. Please use one of the presets to open up new views",
 	"workspace-modified-new": "modified",
 	"workspace-modified-existing": "not saved",
@@ -96,14 +95,16 @@ var en = {
 	"workspace-admin-save-new-viewpreset": "This new viewpreset will be added to the system presets.",
 	"workspace-admin-save-new-viewpreset-warning": "Saving changes to this system preset will impact other presets.",
 	"workspace-admin-save-new-viewpreset-title": "Save new system viewpreset",
-	"workspace-admin-reset-workspace": "Reset",
-	"workspace-admin-reset-workspace-title": "Reset to original",
+	"workspace-reset": "Reset",
+	"workspace-reset-title": "Reset to original",
 	"workspace-dialog-delete-system": "Delete system workspace",
 	"workspace-dialog-confirm-delete-system": "The system workspace will be deleted, but all the view presets used will remain intact.",
 	"workspace-dialog-confirm-delete-user": "The workspace will be deleted, but all the view presets used will remain intact.",
 	"workspace-list-success-delete-system": "\"{{TITLE}}\" has been successfully removed from the system's workspaces.",
 	"workspace-link-location-header": "Location",
-	"workspace-link": "Link"
+	"workspace-link": "Link",
+	"workspace-dialog-confirm-reset-view-message": "The view will be reset and all changes will be lost. Are you sure you want to continue?",
+	"workspace-viewpreset-success-reset": "View preset \"{{TITLE}}\" has been reset succesfully"
 };
 var fi = {
 	"workspace-menu": "Workspace menu",
@@ -115,8 +116,7 @@ var fi = {
 	"workspce-clear": "Tyhjennä",
 	"workspace-save": "Tallenna",
 	"workspace-save-as": "Tallenna nimellä",
-	"workspace-edit": "Muokkaa (nimeä)",
-	"workspace-edit-both": "Muokkaa (nimeä ja tiivistelmää)",
+	"workspace-edit": "Muokkaa (nimeä ja tiivistelmää)",
 	"geoweb-welcome": "Tervetuloa Geoweb-sovellukseen. Valitse jokin preset avataksesi uusia näkymiä",
 	"workspace-modified-new": "muokattu",
 	"workspace-modified-existing": "ei tallennettu",
@@ -173,12 +173,14 @@ var fi = {
 	"workspace-admin-save-new-viewpreset": "ei käännetty",
 	"workspace-admin-save-new-viewpreset-warning": "ei käännetty",
 	"workspace-admin-save-new-viewpreset-title": "ei käännetty",
-	"workspace-admin-reset-workspace": "ei käännetty",
-	"workspace-admin-reset-workspace-title": "ei käännetty",
+	"workspace-reset": "Palauta alkuperäinen",
+	"workspace-reset-title": "ei käännetty",
 	"workspace-dialog-confirm-delete-system": "ei käännetty",
 	"workspace-dialog-confirm-delete-user": "Workspace poistetaan, mutta kaikki view presetit säilyvät tallennettuina.",
 	"workspace-link-location-header": "Sijainti",
-	"workspace-link": "Link"
+	"workspace-link": "Link",
+	"workspace-dialog-confirm-reset-view-message": "ei käännetty",
+	"workspace-viewpreset-success-reset": "ei käännetty"
 };
 var no = {
 	"workspace-menu": "Arbeidsrommeny",
@@ -190,8 +192,7 @@ var no = {
 	"workspce-clear": "Tøm",
 	"workspace-save": "Lagre",
 	"workspace-save-as": "Lagre som",
-	"workspace-edit": "Endre (navn)",
-	"workspace-edit-both": "Endre (navn og abstrakt)",
+	"workspace-edit": "Endre (navn og abstrakt)",
 	"geoweb-welcome": "Velkommen til GeoWeb. Åpne et forhåndsvalg for å åpne nye vinduer",
 	"workspace-modified-new": "modifisert",
 	"workspace-modified-existing": "ikke lagret",
@@ -248,12 +249,14 @@ var no = {
 	"workspace-admin-save-new-viewpreset": "Denne nye vinduet blir algt til systemets forhåndsinnstillinger.",
 	"workspace-admin-save-new-viewpreset-warning": "Lagring av endringer til denne systempreset vil påvirke andre presets.",
 	"workspace-admin-save-new-viewpreset-title": "Lagre ny systempreset",
-	"workspace-admin-reset-workspace": "Tilbakestill",
-	"workspace-admin-reset-workspace-title": "Tilbakestill til original",
+	"workspace-reset": "Tilbakestill",
+	"workspace-reset-title": "Tilbakestill til original",
 	"workspace-dialog-confirm-delete-system": "Systemets arbeidsrom vil bli slettet, men alle vinduer som er brukt vil forbli intakte.",
 	"workspace-dialog-confirm-delete-user": "Arbeidsrommet blir slettet, men alle vinduer som er brukt vil forbli intakte.",
 	"workspace-link-location-header": "Lokasjon",
-	"workspace-link": "Link"
+	"workspace-link": "Link",
+	"workspace-dialog-confirm-reset-view-message": "Ikke oversatt",
+	"workspace-viewpreset-success-reset": "Ikke oversatt"
 };
 var nl = {
 	"workspace-menu": "Workspace menu",
@@ -265,8 +268,7 @@ var nl = {
 	"workspce-clear": "Wissen",
 	"workspace-save": "Opslaan",
 	"workspace-save-as": "Opslaan als",
-	"workspace-edit": "Aanpassen (naam)",
-	"workspace-edit-both": "Aanpassen (naam en abstract)",
+	"workspace-edit": "Aanpassen (naam en abstract)",
 	"geoweb-welcome": "Welkom bij GeoWeb. Kies een van de presets om een nieuw venster te openen",
 	"workspace-modified-new": "bewerkt",
 	"workspace-modified-existing": "niet opgeslagen",
@@ -303,7 +305,7 @@ var nl = {
 	"workspace-list-success-delete": "Workspace \"{{TITLE}}\" succesvol verwijderd",
 	"workspace-list-success-duplicate": "Workspace \"{{TITLE}}\" succesvol opgeslagen",
 	"workspace-list-success-edit": "Workspace \"{{TITLE}}\" succesvol aangepast",
-	"workspace-list-success-reset": "Workspace\"{{TITLE}}\" herstelt naar origineel ",
+	"workspace-list-success-reset": "Workspace\"{{TITLE}}\" succesvol hersteld naar origineel",
 	"workspace-list-success-save": "Workspace \"{{TITLE}}\" succesvol opgeslagen",
 	"workspace-save-error": "Workspace opslaan \"{{TITLE}}\" mislukt",
 	"workspace-error-generic": "Er is iets mis gegaan, probeer het opnieuw",
@@ -323,15 +325,17 @@ var nl = {
 	"workspace-admin-save-new-viewpreset": "Deze nieuwe viewpreset zal worden toegevoegd aan de systeem presets.",
 	"workspace-admin-save-new-viewpreset-warning": "Het opslaan van wijzigingen aan systeem presets kan leiden tot veranderingen in andere presets.",
 	"workspace-admin-save-new-viewpreset-title": "Opslaan als systeem viewpreset",
-	"workspace-admin-reset-workspace": "Workspace herstellen",
-	"workspace-admin-reset-workspace-title": "Herstellen naar origineel",
+	"workspace-reset": "Herstellen",
+	"workspace-reset-title": "Herstellen naar origineel",
 	"workspace-dialog-delete-system": "Verwijder systeem workspace",
 	"workspace-dialog-confirm-delete-system": "Deze systeem workspace zal worden verwijderd, maar alle gebruikte viewpresets zullen intact blijven.",
 	"workspace-dialog-confirm-reset-personal-message": "De workspace zal worden hersteld en alle aanpassing zullen worden verwijderd. Weet je zeker dat je door wilt gaan?",
 	"workspace-list-success-delete-system": "\"{{TITLE}}\" is succesvol verwijderd uit de systeem workspaces.",
 	"workspace-dialog-confirm-delete-user": "Deze workspace zal worden verwijderd, maar alle gebruikte view presets zullen intact blijven.",
 	"workspace-link-location-header": "Locatie",
-	"workspace-link": "Link"
+	"workspace-link": "Link",
+	"workspace-dialog-confirm-reset-view-message": "De viewpreset zal worden hersteld en alle aanpassing zullen worden verwijderd. Weet je zeker dat je door wilt gaan?",
+	"workspace-viewpreset-success-reset": "Viewpreset \"{{TITLE}}\" succesvol hersteld naar origineel"
 };
 var workspaceTranslations = {
 	en: en,
@@ -1064,6 +1068,7 @@ var PresetAction;
   PresetAction["SAVE_AS"] = "Save as";
   PresetAction["SHARE"] = "Share";
   PresetAction["EDIT"] = "Edit";
+  PresetAction["RESET"] = "Reset";
 })(PresetAction || (PresetAction = {}));
 
 /* *
@@ -1105,7 +1110,7 @@ var viewPresetsAdapter = createEntityAdapter({
 var initialState$2 = viewPresetsAdapter.getInitialState();
 var warningsPresetChangeActions = [publicWarningActions.setWarningFilters];
 var syncGroupChangeActions = [syncGroupsActions.syncGroupRemoveTarget, syncGroupsActions.syncGroupAddTarget];
-var mapPresetChangeActions = [layerActions.setBaseLayers, layerActions.layerDelete, layerActions.addLayer, layerActions.duplicateMapLayer, layerActions.layerChangeEnabled, layerActions.layerChangeName, layerActions.layerChangeStyle, layerActions.layerChangeOpacity, layerActions.layerChangeDimension, mapStoreActions.layerMoveLayer, mapStoreActions.setAutoLayerId, mapStoreActions.toggleAutoUpdate, mapStoreActions.mapStartAnimation, mapStoreActions.mapStopAnimation, mapStoreActions.toggleTimeSliderIsVisible, mapStoreActions.setTimeStep, mapStoreActions.setAnimationDelay, mapStoreActions.toggleTimestepAuto, mapStoreActions.setAnimationStartTime, mapStoreActions.setAnimationEndTime, uiActions.setActiveMapIdForDialog, uiActions.setToggleOpenDialog, genericActions.setBbox, mapActions.setBbox];
+var mapPresetChangeActions = [layerActions.setBaseLayers, layerActions.layerDelete, layerActions.addLayer, layerActions.duplicateMapLayer, layerActions.layerChangeEnabled, layerActions.layerChangeName, layerActions.layerChangeStyle, layerActions.layerChangeOpacity, layerActions.layerChangeDimension, mapActions.layerMoveLayer, mapActions.setAutoLayerId, mapActions.toggleAutoUpdate, mapActions.mapStartAnimation, mapActions.mapStopAnimation, mapActions.toggleTimeSliderIsVisible, mapActions.setTimeStep, mapActions.setTimeSliderSpan, mapActions.toggleTimeSpanAuto, mapActions.setAnimationDelay, mapActions.toggleTimestepAuto, mapActions.setAnimationStartTime, mapActions.setAnimationEndTime, uiActions.setActiveMapIdForDialog, uiActions.setToggleOpenDialog, genericActions.setBbox, mapActions.setBbox];
 var timeSeriesPresetChangeActions = [timeSeriesActions.addParameter, timeSeriesActions.addPlot, timeSeriesActions.deleteParameter, timeSeriesActions.deletePlot, timeSeriesActions.moveParameter, timeSeriesActions.movePlot, timeSeriesActions.toggleParameter, timeSeriesActions.togglePlot, timeSeriesActions.patchParameter, timeSeriesActions.updateTitle];
 var supportedMapActionOrigins = [layerTypes.LayerActionOrigin.layerManager, layerTypes.LayerActionOrigin.wmsLoader, mapEnums.MapActionOrigin.map];
 var supportedTimeSeriesActionOrigins = [TimeSeriesTypes.TimeSeriesActionOrigin.timeSeriesManager, TimeSeriesTypes.TimeSeriesActionOrigin.timeSeriesSelect];
@@ -1900,34 +1905,40 @@ var slice$1 = createSlice({
       var _action$payload5 = action.payload,
         panelId = _action$payload5.panelId,
         title = _action$payload5.title,
-        presetAction = _action$payload5.action;
+        presetAction = _action$payload5.action,
+        scope = _action$payload5.scope,
+        _abstract = _action$payload5["abstract"];
       var entity = draft.views.byId[panelId];
       if (entity && presetAction !== PresetAction.DELETE) {
         entity.title = title;
-        entity.scope = 'user';
+        entity.scope = scope || 'user';
+        entity["abstract"] = _abstract;
       }
     });
     workspacePresetChangeActions.map(function (action) {
       return builder.addCase(action, function (draft, payload) {
-        var _payload$payload;
-        var hasChanges = action !== syncGroupsActions.syncGroupAddGroup && action !== syncGroupsActions.syncGroupToggleIsTimeScrollingEnabled || ((_payload$payload = payload.payload) == null ? void 0 : _payload$payload.origin) === 'user';
+        var _payload$payload, _payload$payload2;
+        var isResetViewPreset = action === viewPresetActions.selectViewPreset && ((_payload$payload = payload.payload) == null ? void 0 : _payload$payload.shouldReset);
+        var isSyncGroupAction = action === syncGroupsActions.syncGroupAddGroup || action === syncGroupsActions.syncGroupToggleIsTimeScrollingEnabled;
+        var isUserOrigin = isSyncGroupAction && ((_payload$payload2 = payload.payload) == null ? void 0 : _payload$payload2.origin) === 'user';
+        var hasChanges = !isResetViewPreset && !isSyncGroupAction || isUserOrigin;
         draft.hasChanges = hasChanges;
         // reset title and scope when setting empty activeViewPresetId
         if (action.type === viewPresetActions.setActiveViewPresetId.type) {
-          var _payload$payload2 = payload.payload,
-            panelId = _payload$payload2.panelId,
-            viewPresetId = _payload$payload2.viewPresetId;
+          var _payload$payload3 = payload.payload,
+            panelId = _payload$payload3.panelId,
+            viewPresetId = _payload$payload3.viewPresetId;
           var entity = draft.views.byId[panelId];
           if (entity && viewPresetId === '') {
             entity.title = '';
             entity.scope = 'system';
+            entity["abstract"] = '';
           }
         }
       });
     });
   }
 });
-// eslint-disable-next-line prefer-destructuring
 var reducer$1 = slice$1.reducer;
 var workspaceActions = Object.assign({}, slice$1.actions);
 
@@ -1963,17 +1974,17 @@ var selectors$2 = viewPresetsAdapter.getSelectors(function (state) {
 });
 var getViewPresets = selectors$2.selectAll,
   getViewPresetById = selectors$2.selectById;
-var getViewPresetsIsFetching = createSelector(getViewPresetById, function (store, panelId) {
+var getViewPresetsIsFetching = createSelector(getViewPresetById, function (_store, panelId) {
   return panelId;
 }, function (viewPreset) {
   return (viewPreset == null ? void 0 : viewPreset.isFetching) || false;
 }, selectorMemoizationOptions);
-var getViewPresetsError = createSelector(getViewPresetById, function (store, panelId) {
+var getViewPresetsError = createSelector(getViewPresetById, function (_store, panelId) {
   return panelId;
 }, function (viewPreset) {
   return viewPreset == null ? void 0 : viewPreset.error;
 }, selectorMemoizationOptions);
-var getViewPresetDetailError = createSelector(getViewPresetsError, function (store, panelId) {
+var getViewPresetDetailError = createSelector(getViewPresetsError, function (_store, panelId) {
   return panelId;
 }, function (error) {
   if (error && error.component === 'PRESET_DETAIL') {
@@ -1981,12 +1992,12 @@ var getViewPresetDetailError = createSelector(getViewPresetsError, function (sto
   }
   return undefined;
 }, selectorMemoizationOptions);
-var getViewPresetHasChanges = createSelector(getViewPresetById, function (store, panelId) {
+var getViewPresetHasChanges = createSelector(getViewPresetById, function (_store, panelId) {
   return panelId;
 }, function (viewPreset) {
   return viewPreset == null ? void 0 : viewPreset.hasChanges;
 }, selectorMemoizationOptions);
-var getViewPresetActiveId = createSelector(getViewPresetById, function (store, panelId) {
+var getViewPresetActiveId = createSelector(getViewPresetById, function (_store, panelId) {
   return panelId;
 }, function (viewPreset) {
   return viewPreset == null ? void 0 : viewPreset.activeViewPresetId;
@@ -2004,7 +2015,7 @@ var getDialogOptions = createSelector(getViewPresetsStore, function (store) {
 }, function (store) {
   return store.viewPresetDialog || undefined;
 }, selectorMemoizationOptions);
-var getIsViewPresetListDialogOpen = createSelector(getViewPresetById, function (store, panelId) {
+var getIsViewPresetListDialogOpen = createSelector(getViewPresetById, function (_store, panelId) {
   return panelId;
 }, function (viewPreset) {
   return (viewPreset == null ? void 0 : viewPreset.isViewPresetListDialogOpen) || false;
@@ -2026,7 +2037,7 @@ var getViewPresetListFiltersForView = createSelector(getViewPresetById, function
   }
   return filters;
 }, selectorMemoizationOptions);
-var getViewPresetListSearchQueryForView = createSelector(getViewPresetById, function (store, panelId) {
+var getViewPresetListSearchQueryForView = createSelector(getViewPresetById, function (_store, panelId) {
   return panelId;
 }, function (viewPreset) {
   return (viewPreset == null ? void 0 : viewPreset.searchQuery) || '';
@@ -2086,6 +2097,14 @@ var getSnackbarMessage = function getSnackbarMessage(action, title) {
           TITLE: trimmedTitle
         }
       };
+    case PresetAction.RESET:
+      return {
+        key: 'workspace-viewpreset-success-reset',
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     default:
       return {
         key: 'workspace-viewpreset-success-save',
@@ -3087,6 +3106,7 @@ var viewPresetsListFullContent = [
 	{
 		id: "radar",
 		title: "Radar",
+		abstract: "abstract radar",
 		componentType: "Map",
 		initialProps: {
 			mapPreset: {
@@ -4308,6 +4328,7 @@ var viewPresetsListFullContent = [
 var viewPresetsList = [
 	{
 		title: "Radar",
+		abstract: "abstract radar",
 		id: "radar",
 		date: "2022-06-01T12:34:27.787184",
 		scope: "system"
@@ -4478,7 +4499,8 @@ var viewPresetsList = [
 		title: "Cap Warnings",
 		id: "capView",
 		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
+		scope: "system",
+		abstract: "abstract cap"
 	},
 	{
 		title: "Warning List",
@@ -4642,7 +4664,7 @@ var createApi = function createApi() {
 
 var workspaceListener = createListenerMiddleware();
 workspaceListener.startListening({
-  actionCreator: mapStoreActions.registerMap,
+  actionCreator: mapActions.registerMap,
   effect: function () {
     var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
       var payload, mapId, viewType, _workspaceState$views, workspaceState, mapPresetId;
@@ -4673,7 +4695,7 @@ workspaceListener.startListening({
   }()
 });
 workspaceListener.startListening({
-  actionCreator: mapStoreActions.unregisterMap,
+  actionCreator: mapActions.unregisterMap,
   effect: function () {
     var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
       var payload, mapId, viewType;
@@ -5409,7 +5431,7 @@ viewPresetsListener.startListening({
             panelId = payload.panelId, _payload$viewPresetId = payload.viewPresetId, viewPresetId = _payload$viewPresetId === void 0 ? '' : _payload$viewPresetId;
             isMapAnimating = mapSelectors.isAnimating(listenerApi.getState(), panelId);
             if (isMapAnimating) {
-              listenerApi.dispatch(mapStoreActions.mapStopAnimation({
+              listenerApi.dispatch(mapActions.mapStopAnimation({
                 mapId: panelId
               }));
             }
@@ -5421,7 +5443,7 @@ viewPresetsListener.startListening({
               }));
             } else {
               // new map preset selected
-              listenerApi.dispatch(mapStoreActions.setMapPreset({
+              listenerApi.dispatch(mapActions.setMapPreset({
                 mapId: panelId,
                 initialProps: emptyViewPreset('Map').initialProps
               }));
@@ -5733,6 +5755,8 @@ workspaceListListener.startListening({
                     case 0:
                       viewPresetEntity = Object.assign({}, getViewPresetToSendToBackend(listenerApi.getState(), view.mosaicNodeId), {
                         title: view.title
+                      }, view["abstract"] && {
+                        "abstract": view["abstract"]
                       });
                       shouldUpdateView = view.hasChanges && view.isSelected;
                       canUpdateView = scope === 'system' || scope === viewPresetEntity.scope; // save existing views
@@ -5979,7 +6003,6 @@ var workspaceReducersMap = {
 };
 var workspaceMiddlewares = [viewPresetsListener.middleware, workspaceListener.middleware, workspaceListListener.middleware];
 var workspaceModuleConfig = {
-  id: 'workspace-module',
   reducersMap: workspaceReducersMap,
   middlewares: workspaceMiddlewares
 };
@@ -6163,12 +6186,12 @@ var WorkspaceModuleProvider = function WorkspaceModuleProvider(_ref) {
   });
 };
 
-var _excluded$4 = ["component", "payload"];
+var _excluded$5 = ["component", "payload"];
 // takes a component and connects module methods with workspace store
 var ComponentsLookUpWrapper = function ComponentsLookUpWrapper(_ref) {
   var component = _ref.component,
     payload = _ref.payload,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var RenderComponent = component;
   var dispatch = useDispatch();
   var viewId = payload.id;
@@ -6583,12 +6606,11 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   var onEdit = function onEdit() {
     onClickWorkspacePresetOption(workspacePreset.id, WorkspacePresetAction.EDIT, workspacePreset);
   };
-  var editTitle = testIdPrefix === 'viewpreset' ? 'workspace-edit' : 'workspace-edit-both';
   var menuItems = [{
     text: t('workspace-duplicate'),
     action: onDuplicate
-  }].concat(workspacePreset.scope === 'user' ? [{
-    text: t(editTitle),
+  }].concat(workspacePreset.scope === 'user' || isAdmin ? [{
+    text: t('workspace-edit'),
     action: onEdit
   }] : []);
   return jsx(ListItem, {
@@ -6647,7 +6669,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
           marginLeft: 2
         },
         children: jsxs(Grid2, {
-          children: [!isAdmin && jsx(ToggleMenu, {
+          children: [jsx(ToggleMenu, {
             buttonTestId: testIdPrefix + "-listOptionsButton",
             menuPosition: "right",
             menuItems: menuItems,
@@ -6846,7 +6868,8 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
             panelId: panelId,
             formValues: {
               title: preset.title,
-              initialProps: constructInitialProps()
+              initialProps: constructInitialProps(),
+              "abstract": preset["abstract"]
             }
           });
           break;
@@ -6860,14 +6883,13 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
             panelId: panelId,
             viewPresetId: presetId,
             formValues: {
-              title: presetTitle
+              title: presetTitle,
+              "abstract": preset["abstract"]
             }
           });
           break;
         }
-      // case WorkspacePresetAction.SAVE: {
-      // break;
-      // }
+      case WorkspacePresetAction.DELETE_SYSTEM_PRESET:
       case WorkspacePresetAction.DELETE:
         {
           openViewPresetsDialog({
@@ -6914,8 +6936,6 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     return filter.isSelected;
   });
   var shouldHideNewWorkspace = !isAllSelectedForFilters || viewPresetListSearchQuery.length > 0;
-  // disable edit for admin users for now
-  var isEditable = isLoggedIn && !isAdmin;
   return jsxs("div", {
     "data-testid": "viewpreset-selectlist-connect",
     style: {
@@ -6957,10 +6977,11 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
         newPreset: Object.assign({}, getEmptyWorkspaceListItem(t), {
           title: t('workspace-mappreset-new')
         }),
-        isEditable: isEditable,
         hideNewWorkspace: shouldHideNewWorkspace,
         searchQuery: viewPresetListSearchQuery,
-        testIdPrefix: "viewpreset"
+        testIdPrefix: "viewpreset",
+        isAdmin: isAdmin,
+        isEditable: isLoggedIn
       })]
     })]
   });
@@ -7038,6 +7059,8 @@ var ViewPresetMenu = function ViewPresetMenu(_ref) {
   });
 };
 
+var workspacePresetOptionId = 'workspace-options-toolbutton';
+var viewPresetOptionId = 'viewpreset-options-toolbutton';
 var WorkspaceOptionsNoMemo = function WorkspaceOptionsNoMemo(_ref) {
   var title = _ref.title,
     activeTab = _ref.activeTab,
@@ -7047,15 +7070,14 @@ var WorkspaceOptionsNoMemo = function WorkspaceOptionsNoMemo(_ref) {
     handleSaveAs = _ref.handleSaveAs,
     handleEdit = _ref.handleEdit,
     handleDelete = _ref.handleDelete,
-    handleSaveSystemPresetAs = _ref.handleSaveSystemPresetAs,
-    handleResetWorkspace = _ref.handleResetWorkspace,
+    handleReset = _ref.handleReset,
     _ref$hasChanges = _ref.hasChanges,
     hasChanges = _ref$hasChanges === void 0 ? false : _ref$hasChanges,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     panelId = _ref.panelId,
     _ref$id = _ref.id,
-    id = _ref$id === void 0 ? 'workspace-options-toolbutton' : _ref$id,
+    id = _ref$id === void 0 ? workspacePresetOptionId : _ref$id,
     _ref$isAdmin = _ref.isAdmin,
     isAdmin = _ref$isAdmin === void 0 ? false : _ref$isAdmin;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
@@ -7072,32 +7094,22 @@ var WorkspaceOptionsNoMemo = function WorkspaceOptionsNoMemo(_ref) {
       setAnchorEl(document.getElementById(id));
     }
   }, [isDefaultOpen, id]);
-  var editTitle = id === 'viewpreset-options-toolbutton' ? t('workspace-edit') : t('workspace-edit-both');
-  var options = !isAdmin ? [{
+  var isViewPresetsOptions = id === viewPresetOptionId;
+  var saveAsTitle = isAdmin && !isViewPresetsOptions ? t('workspace-admin-save-new-workspace') : t('workspace-save-as');
+  var isAdminWorkspaceOptions = isAdmin && id === workspacePresetOptionId;
+  var options = [{
     title: t('workspace-save'),
     callback: handleSave
   }, {
-    title: t('workspace-save-as'),
+    title: saveAsTitle,
     callback: handleSaveAs
-  }, {
-    title: editTitle,
+  }].concat(!isAdminWorkspaceOptions ? [{
+    title: t('workspace-edit'),
     callback: handleEdit
-  }].concat(handleResetWorkspace ? [{
-    title: t('workspace-admin-reset-workspace'),
-    callback: handleResetWorkspace
-  }] : [], [{
-    title: t('workspace-delete'),
-    callback: handleDelete
-  }]) : [{
-    title: t('workspace-save'),
-    callback: handleSave
-  }].concat(handleSaveSystemPresetAs ? [{
-    title: t('workspace-admin-save-new-workspace'),
-    callback: handleSaveSystemPresetAs
-  }] : [], handleResetWorkspace ? [{
-    title: t('workspace-admin-reset-workspace'),
-    callback: handleResetWorkspace
   }] : [], [{
+    title: t('workspace-reset'),
+    callback: handleReset
+  }, {
     title: t('workspace-delete'),
     callback: handleDelete
   }]);
@@ -7217,6 +7229,7 @@ var LoadingIndicatorConnect = function LoadingIndicatorConnect(_ref) {
   });
 };
 
+var _excluded$4 = ["title", "scope"];
 var customIconStyles = function customIconStyles(theme, isViewPresetDialogOpen) {
   return {
     marginLeft: -1,
@@ -7241,17 +7254,19 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var _useAuthenticationCon = useAuthenticationContext(),
-    currentRole = _useAuthenticationCon.currentRole;
+    currentRole = _useAuthenticationCon.currentRole,
+    isLoggedIn = _useAuthenticationCon.isLoggedIn;
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var workspaceView = useSelector(function (store) {
     var _workspaceSelectors$g;
     var _ref2 = (_workspaceSelectors$g = getViewById(store, panelId)) != null ? _workspaceSelectors$g : {},
       title = _ref2.title,
-      scope = _ref2.scope;
-    return {
+      scope = _ref2.scope,
+      restProps = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
+    return Object.assign({
       title: title,
       scope: scope
-    };
+    }, restProps);
   }, shallowEqual);
   var viewComponentType = useSelector(function (store) {
     return getViewComponentType(store, panelId);
@@ -7265,6 +7280,7 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
   var relatedSyncGroupIds = useSelector(function (store) {
     return syncGroupsSelectors.getAllTargetGroupsForSource(store, panelId);
   });
+  var presetAbstract = workspaceView == null ? void 0 : workspaceView["abstract"];
   var isNewActive = activeViewPresetId === '';
   var title = workspaceView.title || t('workspace-mappreset-new');
   var viewScope = workspaceView.scope;
@@ -7309,10 +7325,11 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
       viewPresetId: activeViewPresetId,
       panelId: panelId,
       formValues: {
-        title: title
+        title: title,
+        "abstract": presetAbstract
       }
     });
-  }, [activeViewPresetId, openViewPresetsDialog, panelId, title, t]);
+  }, [activeViewPresetId, openViewPresetsDialog, panelId, title, presetAbstract, t]);
   var onSaveAs = React.useCallback(function () {
     var formTitle = activeViewPresetId ? title : '';
     openViewPresetsDialog({
@@ -7322,10 +7339,11 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
       panelId: panelId,
       formValues: {
         title: formTitle,
-        initialProps: constructInitialProps()
+        initialProps: constructInitialProps(),
+        "abstract": presetAbstract
       }
     });
-  }, [activeViewPresetId, constructInitialProps, openViewPresetsDialog, panelId, t, title]);
+  }, [activeViewPresetId, constructInitialProps, openViewPresetsDialog, panelId, t, title, presetAbstract]);
   var onEdit = React.useCallback(function () {
     var formTitle = activeViewPresetId ? title : '';
     openViewPresetsDialog({
@@ -7335,10 +7353,22 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
       viewPresetId: activeViewPresetId,
       formValues: {
         title: formTitle,
-        initialProps: constructInitialProps()
+        initialProps: constructInitialProps(),
+        "abstract": presetAbstract
+      }
+    });
+  }, [activeViewPresetId, constructInitialProps, openViewPresetsDialog, panelId, t, title, presetAbstract]);
+  var onReset = React.useCallback(function () {
+    openViewPresetsDialog({
+      title: t('workspace-reset-title'),
+      action: PresetAction.RESET,
+      viewPresetId: activeViewPresetId,
+      panelId: panelId,
+      formValues: {
+        title: title
       }
     });
-  }, [activeViewPresetId, constructInitialProps, openViewPresetsDialog, panelId, t, title]);
+  }, [activeViewPresetId, openViewPresetsDialog, panelId, t, title]);
   var toggleViewPresetDialog = React.useCallback(function (_ref3) {
     var panelId = _ref3.panelId,
       isViewPresetDialogOpen = _ref3.isViewPresetDialogOpen;
@@ -7360,6 +7390,8 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
     return jsx(Preset, {});
   }, []);
   renderCounter.count(WorkspaceViewTitleConnectNoMemo.name);
+  var currentViewScope = viewScope || 'system';
+  var isEnabled = (currentViewScope === 'user' || isAdmin && currentViewScope === 'system') && activeViewPresetId !== '' && isLoggedIn;
   return jsxs(Fragment, {
     children: [jsx(CustomIconButton, {
       "data-testid": "open-viewpresets",
@@ -7373,11 +7405,12 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
       panelId: panelId,
       title: fullTitle,
       hasChanges: hasViewPresetChanges || isNewActive,
-      handleSave: viewScope === 'user' ? onSave : undefined,
-      handleDelete: viewScope === 'user' ? onDelete : undefined,
-      handleSaveAs: onSaveAs,
-      handleEdit: viewScope === 'user' ? onEdit : undefined,
-      id: "viewpreset-options-toolbutton",
+      handleSave: isEnabled ? onSave : undefined,
+      handleDelete: isEnabled ? onDelete : undefined,
+      handleSaveAs: isLoggedIn ? onSaveAs : undefined,
+      handleEdit: isEnabled ? onEdit : undefined,
+      handleReset: onReset,
+      id: viewPresetOptionId,
       isAdmin: isAdmin
     }), jsx(LoadingIndicatorConnect, {
       panelId: panelId
@@ -8119,7 +8152,7 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
   var onSaveSystemPreset = function onSaveSystemPreset() {
     return onSaveAction(WorkspacePresetAction.SAVE_SYSTEM_PRESET, 'system');
   };
-  var onResetWorkspace = function onResetWorkspace() {
+  var onReset = function onReset() {
     setWorkspaceActionDialogOptions({
       action: WorkspacePresetAction.RESET,
       presetId: workspaceId,
@@ -8156,16 +8189,18 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
     }
     return isAdmin ? onSaveSystemPreset : undefined;
   };
+  var handleSaveAs = function handleSaveAs() {
+    return isAdmin ? onSaveSystemPresetAs : onSaveAs;
+  };
   return jsx(WorkspaceOptions, {
     hasChanges: hasChanges,
     title: fullTitle,
     activeTab: activeTab,
     handleDelete: getOnDelete(),
-    handleSaveAs: onSaveAs,
+    handleSaveAs: handleSaveAs(),
     handleSave: handleSave(),
     handleEdit: isUserPreset ? onEdit : undefined,
-    handleSaveSystemPresetAs: isUserPreset ? undefined : onSaveSystemPresetAs,
-    handleResetWorkspace: onResetWorkspace,
+    handleReset: onReset,
     isDisabled: !viewIds.length || !isLoggedIn,
     isAdmin: isAdmin
   });
@@ -8221,6 +8256,7 @@ var HelperText = function HelperText(_ref) {
     children: text
   });
 };
+var inputMargin = 2;
 var ViewPresetItem = function ViewPresetItem(_ref2) {
   var index = _ref2.index,
     viewPreset = _ref2.viewPreset,
@@ -8244,7 +8280,7 @@ var ViewPresetItem = function ViewPresetItem(_ref2) {
     error = viewPreset.error;
   var fieldNameTitle = "views." + index + ".title";
   React__default.useEffect(function () {
-    var suffix = isNew || viewPreset.scope === 'system' || isAdmin ? " " + viewPreset.mosaicNodeId : '';
+    var suffix = isNew || viewPreset.scope === 'system' && !isAdmin ? " " + viewPreset.mosaicNodeId : '';
     var initialTitle = "" + viewPresetTitle + suffix;
     setValue("views." + index + ".title", initialTitle);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -8260,6 +8296,7 @@ var ViewPresetItem = function ViewPresetItem(_ref2) {
     }
   }, [error, fieldNameTitle, setError]);
   var shouldShowInput = isNew && isChecked || isChecked && !isAdmin && viewPreset.scope === 'system';
+  var isInputDisabled = isLoading || !hasChanges;
   return jsxs(React__default.Fragment, {
     children: [jsx(FormControlLabel, {
       control: jsx(Checkbox, {}),
@@ -8290,11 +8327,23 @@ var ViewPresetItem = function ViewPresetItem(_ref2) {
         rules: {
           required: true
         },
-        disabled: isLoading || !hasChanges,
+        disabled: isInputDisabled,
         sx: {
-          marginBottom: 2
+          mb: inputMargin
         },
         error: error !== undefined
+      }), jsx(ReactHookFormTextField, {
+        name: "views." + index + ".abstract",
+        label: t('workspace-dialog-abstract'),
+        rules: {
+          required: false
+        },
+        multiline: true,
+        rows: 3,
+        disabled: isInputDisabled,
+        sx: {
+          mb: inputMargin
+        }
       }), jsx(HelperText, {
         text: t(getNewPresetWarningText(isAdmin, isNew))
       })]
@@ -8508,7 +8557,7 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
         }
       case WorkspacePresetAction.RESET:
         {
-          return t('workspace-admin-reset-workspace');
+          return t('workspace-reset');
         }
       default:
         {
@@ -8532,7 +8581,7 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
         }
       case WorkspacePresetAction.EDIT:
         {
-          return t('workspace-edit-both');
+          return t('workspace-edit');
         }
       case WorkspacePresetAction.SAVE:
         {
@@ -8548,7 +8597,7 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
         }
       case WorkspacePresetAction.RESET:
         {
-          return t('workspace-admin-reset-workspace-title');
+          return t('workspace-reset-title');
         }
       default:
         {
@@ -8700,6 +8749,7 @@ var validateTitle = function validateTitle(value) {
   // TODO: use translation from form-fields https://gitlab.com/opengeoweb/opengeoweb/-/issues/4240
   return !value.trim().length ? 'This field is required' : true;
 };
+var marginBottom = 2;
 var ViewPresetsForm = function ViewPresetsForm(_ref) {
   var viewComponentType = _ref.viewComponentType,
     error = _ref.error,
@@ -8730,7 +8780,7 @@ var ViewPresetsForm = function ViewPresetsForm(_ref) {
   return jsxs(Fragment, {
     children: [Boolean(error) && jsx(Box, {
       sx: {
-        marginBottom: 2
+        mb: marginBottom
       },
       children: jsx(AlertBanner, {
         title: error
@@ -8747,7 +8797,18 @@ var ViewPresetsForm = function ViewPresetsForm(_ref) {
             validateTitle: validateTitle
           }
         },
-        defaultValue: title
+        defaultValue: title,
+        sx: {
+          mb: marginBottom
+        }
+      }), jsx(ReactHookFormTextField, {
+        name: "abstract",
+        label: t('workspace-dialog-abstract'),
+        rules: {
+          required: false
+        },
+        multiline: true,
+        rows: 3
       }), hiddenFields.map(function (_ref2) {
         var name = _ref2.name,
           value = _ref2.value;
@@ -8767,6 +8828,20 @@ var ViewPresetsForm = function ViewPresetsForm(_ref) {
         name: "title",
         defaultValue: title
       }, "title")]
+    }), action === PresetAction.RESET && jsxs(Box, {
+      children: [jsxs(Typography, {
+        variant: "body1",
+        children: [jsx(Exclamation, {
+          sx: {
+            top: '6px',
+            position: 'relative',
+            color: 'geowebColors.functional.warning'
+          }
+        }), t('workspace-dialog-confirm-reset-view-message')]
+      }), jsx(ReactHookFormHiddenInput, {
+        name: "title",
+        defaultValue: title
+      }, "title")]
     })]
   });
 };
@@ -8780,7 +8855,8 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
     formValues = _ref.formValues,
     onSuccess = _ref.onSuccess,
     onClose = _ref.onClose,
-    title = _ref.title;
+    title = _ref.title,
+    onReset = _ref.onReset;
   var _useFormContext = useFormContext(),
     handleFormSubmit = _useFormContext.handleSubmit,
     reset = _useFormContext.reset;
@@ -8788,6 +8864,9 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
     t = _useWorkspaceTranslat.t;
   var _useApiContext = useApiContext(),
     api = _useApiContext.api;
+  var _useAuthenticationCon = useAuthenticationContext$1(),
+    currentRole = _useAuthenticationCon.currentRole;
+  var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN$1.name;
   var _React$useState = React__default.useState(),
     error = _React$useState[0],
     setError = _React$useState[1];
@@ -8812,72 +8891,86 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
         {
           return t('workspace-save');
         }
+      case PresetAction.RESET:
+        {
+          return t('workspace-reset');
+        }
       default:
         return t('workspace-save');
     }
   };
   var confirmLabel = getConfirmLabel(action);
   var onFormSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(newFormValues) {
-      var newId, _yield$api$getViewPre, originalViewPreset, viewPresetEdited, message;
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(formValues) {
+      var scope, handleSuccess, newFormValues, newId, _yield$api$getViewPre, originalViewPreset, viewPresetEdited, submitError, message;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.prev = 0;
+            scope = isAdmin ? 'system' : formValues.scope;
+            handleSuccess = function handleSuccess(id) {
+              setIsLoading(false);
+              onClose();
+              onSuccess(action, id, newFormValues.title, newFormValues["abstract"]);
+            };
+            newFormValues = Object.assign({}, formValues, {
+              scope: scope
+            });
+            _context.prev = 3;
             setError(null);
             setIsLoading(true);
             _context.t0 = action;
-            _context.next = _context.t0 === PresetAction.SAVE_AS ? 6 : _context.t0 === PresetAction.DELETE ? 13 : _context.t0 === PresetAction.EDIT ? 19 : 30;
+            _context.next = _context.t0 === PresetAction.SAVE_AS ? 9 : _context.t0 === PresetAction.DELETE ? 14 : _context.t0 === PresetAction.EDIT ? 18 : _context.t0 === PresetAction.RESET ? 27 : 30;
             break;
-          case 6:
-            _context.next = 8;
+          case 9:
+            _context.next = 11;
             return api.saveViewPresetAs(newFormValues);
-          case 8:
+          case 11:
             newId = _context.sent;
-            setIsLoading(false);
-            onClose();
-            onSuccess(action, newId, newFormValues.title);
+            handleSuccess(newId);
             return _context.abrupt("break", 31);
-          case 13:
-            _context.next = 15;
+          case 14:
+            _context.next = 16;
             return api.deleteViewPreset(viewPresetId);
-          case 15:
-            setIsLoading(false);
-            onClose();
-            onSuccess(action, viewPresetId, newFormValues.title);
+          case 16:
+            handleSuccess(viewPresetId);
             return _context.abrupt("break", 31);
-          case 19:
-            _context.next = 21;
+          case 18:
+            _context.next = 20;
             return api.getViewPreset(viewPresetId);
-          case 21:
+          case 20:
             _yield$api$getViewPre = _context.sent;
             originalViewPreset = _yield$api$getViewPre.data;
             viewPresetEdited = Object.assign({}, originalViewPreset, {
-              title: newFormValues.title
+              title: newFormValues.title,
+              "abstract": newFormValues["abstract"],
+              scope: scope
             });
-            _context.next = 26;
+            _context.next = 25;
             return api.saveViewPreset(viewPresetId, viewPresetEdited);
-          case 26:
-            setIsLoading(false);
-            onClose();
-            onSuccess(action, viewPresetId, newFormValues.title);
+          case 25:
+            handleSuccess(viewPresetId);
+            return _context.abrupt("break", 31);
+          case 27:
+            onReset(viewPresetId);
+            handleSuccess(viewPresetId);
             return _context.abrupt("break", 31);
           case 30:
             return _context.abrupt("break", 31);
           case 31:
-            _context.next = 38;
+            _context.next = 39;
             break;
           case 33:
             _context.prev = 33;
-            _context.t1 = _context["catch"](0);
+            _context.t1 = _context["catch"](3);
             setIsLoading(false);
-            message = isAxiosError$1(_context.t1) ? getAxiosErrorMessage(_context.t1) : _context.t1.message;
+            submitError = _context.t1;
+            message = isAxiosError$1(submitError) ? getAxiosErrorMessage(submitError) : submitError.message;
             setError(message);
-          case 38:
+          case 39:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 33]]);
+      }, _callee, null, [[3, 33]]);
     }));
     return function onFormSubmit(_x) {
       return _ref2.apply(this, arguments);
@@ -8932,6 +9025,9 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
     onClose: onClose,
     onSubmit: onSubmit,
     isLoading: isLoading,
+    sx: {
+      width: '330px'
+    },
     content: jsx(ViewPresetsForm, {
       viewComponentType: viewComponentType,
       formValues: formValues,
@@ -8949,7 +9045,9 @@ var ViewPresetsFormDialogWrapper = function ViewPresetsFormDialogWrapper(_ref5)
   });
 };
 
-var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect() {
+var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect(_ref) {
+  var _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'user' : _ref$scope;
   var dispatch = useDispatch();
   var dialogOptions = useSelector(function (store) {
     return getDialogOptions(store);
@@ -8958,18 +9056,27 @@ var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect() {
   var viewComponentType = useSelector(function (store) {
     return getViewComponentType(store, panelId);
   });
+  var onReset = React__default.useCallback(function (viewPresetId) {
+    dispatch(viewPresetActions.selectViewPreset({
+      panelId: panelId,
+      viewPresetId: viewPresetId,
+      shouldReset: true
+    }));
+  }, [dispatch, panelId]);
   var closeDialog = React__default.useCallback(function () {
     dispatch(viewPresetActions.closeViewPresetDialog());
   }, [dispatch]);
   var onClose = function onClose() {
     closeDialog();
   };
-  var onSuccess = function onSuccess(action, newViewPresetId, title) {
+  var onSuccess = function onSuccess(action, newViewPresetId, title, _abstract) {
     dispatch(viewPresetActions.onSuccessViewPresetAction({
       panelId: panelId,
       viewPresetId: newViewPresetId,
       action: action,
-      title: title
+      title: title,
+      scope: scope,
+      "abstract": _abstract
     }));
   };
   var isOpen = dialogOptions !== undefined;
@@ -8982,15 +9089,14 @@ var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect() {
     onSuccess: onSuccess,
     viewComponentType: viewComponentType
   }, dialogOptions, {
-    formValues: dialogOptions == null ? void 0 : dialogOptions.formValues
+    formValues: dialogOptions == null ? void 0 : dialogOptions.formValues,
+    onReset: onReset
   }));
 };
 
-var FetchInitialPresets = function FetchInitialPresets() {
+var FetchInitialPresets = function FetchInitialPresets(_ref) {
+  var isAdmin = _ref.isAdmin;
   var dispatch = useDispatch();
-  var _useAuthenticationCon = useAuthenticationContext(),
-    currentRole = _useAuthenticationCon.currentRole;
-  var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var fetchInitialPresets = React.useCallback(function (params) {
     dispatch(viewPresetActions.fetchInitialViewPresets(params));
   }, [dispatch]);
@@ -9003,16 +9109,19 @@ var FetchInitialPresets = function FetchInitialPresets() {
   }, [isAdmin]);
   return null;
 };
-var WorkspaceDetail = function WorkspaceDetail(_ref) {
-  var initialWorkspaceId = _ref.initialWorkspaceId,
-    workspaceId = _ref.workspaceId,
-    children = _ref.children,
-    componentsLookUp = _ref.componentsLookUp,
-    _ref$isSnapshot = _ref.isSnapshot,
-    isSnapshot = _ref$isSnapshot === void 0 ? false : _ref$isSnapshot;
+var WorkspaceDetail = function WorkspaceDetail(_ref2) {
+  var initialWorkspaceId = _ref2.initialWorkspaceId,
+    workspaceId = _ref2.workspaceId,
+    children = _ref2.children,
+    componentsLookUp = _ref2.componentsLookUp,
+    _ref2$isSnapshot = _ref2.isSnapshot,
+    isSnapshot = _ref2$isSnapshot === void 0 ? false : _ref2$isSnapshot;
   var dispatch = useDispatch();
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
+  var _useAuthenticationCon = useAuthenticationContext(),
+    currentRole = _useAuthenticationCon.currentRole;
+  var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var error = useSelector(function (store) {
     return getWorkspaceError(store);
   });
@@ -9058,7 +9167,9 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
       width: '100%',
       height: '100%'
     },
-    children: [jsx(FetchInitialPresets, {}), isLoading && jsx(LinearProgress, {
+    children: [jsx(FetchInitialPresets, {
+      isAdmin: isAdmin
+    }), isLoading && jsx(LinearProgress, {
       "data-testid": "loading-bar",
       color: "secondary",
       sx: {
@@ -9111,7 +9222,9 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
           componentsLookUp: componentsLookUp
         })
       })]
-    }), jsx(ViewPresetsFormDialogConnect, {})]
+    }), jsx(ViewPresetsFormDialogConnect, {
+      scope: isAdmin ? 'system' : 'user'
+    })]
   });
 };