@opengeoweb/workspace 9.8.0 → 9.9.0

package/index.esm.js

@@ -3,13 +3,13 @@ import { chunk, cloneDeep, isEqual, isEmpty, isString } from 'lodash';
 import { syncGroupsTypes, syncGroupsActions, layerActions, mapStoreActions, uiActions, genericActions, mapActions, layerTypes, mapEnums, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, coreModuleConfig, uiSelectors } from '@opengeoweb/store';
 import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, useApiContext } from '@opengeoweb/api';
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, Mosaic } from 'react-mosaic-component';
-import { debounce, takeEvery, takeLatest, all, put, delay, call, select, takeLeading } from 'redux-saga/effects';
+import { debounce, takeEvery, takeLatest, all, put, delay, select, call, takeLeading } from 'redux-saga/effects';
 import { isAxiosError, getAxiosErrorMessage, withEggs, ConfirmationServiceProvider, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, getHeight, usePrevious, renderCounter, ToolContainer, CustomToggleButton, ConfirmationDialog } from '@opengeoweb/shared';
 import { snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import * as React from 'react';
 import React__default, { useCallback } from 'react';
 import { ThemeWrapper, lightTheme, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, Search, Clear, WebAssetOff } from '@opengeoweb/theme';
-import { Provider, useDispatch, useSelector } from 'react-redux';
+import { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
 import { timeSeriesModuleConfig } from '@opengeoweb/timeseries';
 import { AuthenticationProvider, useAuthenticationContext } from '@opengeoweb/authentication';
 import { createStore } from '@redux-eggs/redux-toolkit';
@@ -1304,6 +1304,13 @@ var emptyMapWorkspace = {
   mosaicNode: '1_screen',
   viewType: 'singleWindow'
 };
+var createCustomEmptyMapWorkspace = function createCustomEmptyMapWorkspace(customMapPreset) {
+  var customEmptyMapWorkspace = cloneDeep(emptyMapWorkspace);
+  if (customMapPreset) {
+    customEmptyMapWorkspace.views.byId['1_screen'].initialProps.mapPreset = customMapPreset;
+  }
+  return customEmptyMapWorkspace;
+};
 var constructFilterParams = function constructFilterParams(filters, searchQuery) {
   // get filters
   var _filters$reduce = filters.reduce(function (filterList, filter) {
@@ -1364,13 +1371,17 @@ var initialState$1 = {
   mosaicNode: undefined,
   isLoading: false,
   error: undefined,
-  hasChanges: false
+  hasChanges: false,
+  intialViewMapPreset: undefined
 };
 var workspacePresetChangeActions = [viewPresetActions.selectViewPreset, viewPresetActions.setActiveViewPresetId, syncGroupsActions.syncGroupRemoveGroup, syncGroupsActions.syncGroupAddGroup];
 var slice$1 = createSlice({
   initialState: initialState$1,
   name: 'workspace',
   reducers: {
+    setInitialViewMapPreset: function setInitialViewMapPreset(draft, action) {
+      draft.intialViewMapPreset = action.payload.preset;
+    },
     addWorkspaceView: function addWorkspaceView(draft, action) {
       var newId = action.payload.id;
       draft.views.allIds.push(newId);
@@ -1439,6 +1450,9 @@ var slice$1 = createSlice({
       draft.scope = workspacePreset.scope;
       draft.syncGroups = [];
     },
+    changeToEmptyMapWorkspace: function changeToEmptyMapWorkspace(draft) {
+      return draft;
+    },
     setPreset: function setPreset(draft, action) {
       // do not change anything when the preset is already set
       if (draft.id === action.payload.workspacePreset.id) {
@@ -1691,6 +1705,15 @@ var workspaceStore = function workspaceStore(store) {
 var getWorkspaceState = createSelector(workspaceStore, function (store) {
   return store || initialState$1;
 });
+/**
+ * Gets intialViewMapPreset from workspace state
+ *
+ * @param {object} store store: object - Store object
+ * @returns {MapPreset | undefined} returnType: MapPreset
+ */
+var getInitialViewMapPreset = createSelector(getWorkspaceState, function (state) {
+  return state && state.intialViewMapPreset;
+});
 /**
  * Gets mosaicNode from workspace state
  *
@@ -1820,6 +1843,7 @@ var getViewPresetToSendToBackend = createSelector(getViewById, mapSelectors.getM
 var selectors = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getWorkspaceState: getWorkspaceState,
+  getInitialViewMapPreset: getInitialViewMapPreset,
   getMosaicNode: getMosaicNode,
   getViewById: getViewById,
   getViewIds: getViewIds,
@@ -2598,7 +2622,7 @@ var viewPresetsListFullContent = [
 					endTime: "NOW+PT2H00M",
 					shouldEndtimeOverride: true
 				},
-				shouldAutoUpdate: true,
+				shouldAutoUpdate: false,
 				shouldAnimate: true
 			}
 		}
@@ -3982,10 +4006,11 @@ var getWorkspaceRouteUrl = function getWorkspaceRouteUrl(workspaceId) {
   return workspaceId ? routes.workspaceDetail.replace(':workspaceId', workspaceId) : routes.workspace;
 };
 
-var _marked$2 = /*#__PURE__*/_regeneratorRuntime().mark(updateViewsSaga),
-  _marked2$2 = /*#__PURE__*/_regeneratorRuntime().mark(fetchWorkspaceSaga),
-  _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(saveWorkspacePresetSaga),
-  _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(workspaceSaga);
+var _marked$2 = /*#__PURE__*/_regeneratorRuntime().mark(changeToEmptyMapWorkspaceSaga),
+  _marked2$2 = /*#__PURE__*/_regeneratorRuntime().mark(updateViewsSaga),
+  _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(fetchWorkspaceSaga),
+  _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(saveWorkspacePresetSaga),
+  _marked5 = /*#__PURE__*/_regeneratorRuntime().mark(workspaceSaga);
 var setPreset = workspaceActions.setPreset,
   updateWorkspaceViews = workspaceActions.updateWorkspaceViews,
   changePreset = workspaceActions.changePreset;
@@ -4017,43 +4042,62 @@ function changePresetSaga(_ref) {
     }, _callee);
   })();
 }
-function updateViewsSaga() {
-  return _regeneratorRuntime().wrap(function updateViewsSaga$(_context2) {
+function changeToEmptyMapWorkspaceSaga() {
+  var intialViewMapPreset;
+  return _regeneratorRuntime().wrap(function changeToEmptyMapWorkspaceSaga$(_context2) {
     while (1) switch (_context2.prev = _context2.next) {
       case 0:
         _context2.next = 2;
-        return call(window.dispatchEvent, new Event('resize'));
+        return select(getInitialViewMapPreset);
       case 2:
+        intialViewMapPreset = _context2.sent;
+        _context2.next = 5;
+        return put(changePreset({
+          workspacePreset: createCustomEmptyMapWorkspace(intialViewMapPreset)
+        }));
+      case 5:
       case "end":
         return _context2.stop();
     }
   }, _marked$2);
 }
+function updateViewsSaga() {
+  return _regeneratorRuntime().wrap(function updateViewsSaga$(_context3) {
+    while (1) switch (_context3.prev = _context3.next) {
+      case 0:
+        _context3.next = 2;
+        return call(window.dispatchEvent, new Event('resize'));
+      case 2:
+      case "end":
+        return _context3.stop();
+    }
+  }, _marked2$2);
+}
 function fetchWorkspaceViewPresetSaga(_ref2) {
   var payload = _ref2.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
     var viewPresetId, mosaicNodeId, workspaceApi, _yield$call, data, syncGroupIds;
-    return _regeneratorRuntime().wrap(function _callee2$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+    return _regeneratorRuntime().wrap(function _callee2$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
           viewPresetId = payload.viewPresetId, mosaicNodeId = payload.mosaicNodeId;
-          _context3.prev = 1;
-          _context3.next = 4;
+          _context4.prev = 1;
+          _context4.next = 4;
           return put(workspaceActions.updateWorkspaceView({
             mosaicNodeId: mosaicNodeId,
             viewPreset: getViewPresetState(viewPresetId, mosaicNodeId, 'loading')
           }));
         case 4:
-          _context3.next = 6;
+          _context4.next = 6;
           return call(getWorkspaceApi);
         case 6:
-          workspaceApi = _context3.sent;
-          _context3.next = 9;
+          workspaceApi = _context4.sent;
+          _context4.next = 9;
           return call(workspaceApi.getViewPreset, viewPresetId);
         case 9:
-          _yield$call = _context3.sent;
+          _yield$call = _context4.sent;
           data = _yield$call.data;
-          _context3.next = 13;
+          _context4.next = 13;
           return put(viewPresetActions.fetchedViewPreset({
             viewPreset: data,
             viewPresetId: data.id,
@@ -4063,10 +4107,10 @@ function fetchWorkspaceViewPresetSaga(_ref2) {
           // sync all connected syncgroups of viewPreset to the store
           syncGroupIds = data.initialProps.syncGroupsIds || [];
           if (!(syncGroupIds && syncGroupIds.length)) {
-            _context3.next = 17;
+            _context4.next = 17;
             break;
           }
-          _context3.next = 17;
+          _context4.next = 17;
           return all(syncGroupIds.map(function (syncGroupId) {
             return put(syncGroupsActions.syncGroupAddTarget({
               groupId: syncGroupId,
@@ -4075,63 +4119,63 @@ function fetchWorkspaceViewPresetSaga(_ref2) {
             }));
           }));
         case 17:
-          _context3.next = 19;
+          _context4.next = 19;
           return put(workspaceActions.updateWorkspaceView({
             mosaicNodeId: mosaicNodeId,
             viewPreset: data
           }));
         case 19:
-          _context3.next = 25;
+          _context4.next = 25;
           break;
         case 21:
-          _context3.prev = 21;
-          _context3.t0 = _context3["catch"](1);
-          _context3.next = 25;
+          _context4.prev = 21;
+          _context4.t0 = _context4["catch"](1);
+          _context4.next = 25;
           return put(workspaceActions.updateWorkspaceView({
             mosaicNodeId: mosaicNodeId,
             viewPreset: getViewPresetState(viewPresetId, mosaicNodeId, 'error')
           }));
         case 25:
         case "end":
-          return _context3.stop();
+          return _context4.stop();
       }
     }, _callee2, null, [[1, 21]]);
   })();
 }
 function fetchWorkspaceSaga(action) {
   var payload, workspaceId, workspaceApi, _yield$call2, workspaceData, fullLoadingWorkspace, workspaceIdsInBatches, _iterator, _step, batchCall, errorType;
-  return _regeneratorRuntime().wrap(function fetchWorkspaceSaga$(_context4) {
-    while (1) switch (_context4.prev = _context4.next) {
+  return _regeneratorRuntime().wrap(function fetchWorkspaceSaga$(_context5) {
+    while (1) switch (_context5.prev = _context5.next) {
       case 0:
         payload = action.payload;
         workspaceId = payload.workspaceId;
-        _context4.prev = 2;
-        _context4.next = 5;
+        _context5.prev = 2;
+        _context5.next = 5;
         return put(routerActions.navigateToUrl({
           url: getWorkspaceRouteUrl(workspaceId)
         }));
       case 5:
-        _context4.next = 7;
+        _context5.next = 7;
         return put(workspaceListActions.toggleWorkspaceDialog({
           isWorkspaceListDialogOpen: false
         }));
       case 7:
-        _context4.next = 9;
+        _context5.next = 9;
         return call(getWorkspaceApi);
       case 9:
-        workspaceApi = _context4.sent;
-        _context4.next = 12;
+        workspaceApi = _context5.sent;
+        _context5.next = 12;
         return call(workspaceApi.getWorkspacePreset, workspaceId);
       case 12:
-        _yield$call2 = _context4.sent;
+        _yield$call2 = _context5.sent;
         workspaceData = _yield$call2.data;
         if (workspaceData) {
-          _context4.next = 16;
+          _context5.next = 16;
           break;
         }
         throw new Error(ERROR_NOT_FOUND);
       case 16:
-        _context4.next = 18;
+        _context5.next = 18;
         return put(workspaceActions.loadedWorkspace({
           workspaceId: workspaceId,
           workspace: workspaceData
@@ -4139,7 +4183,7 @@ function fetchWorkspaceSaga(action) {
       case 18:
         // show all views inside a workspace as loading
         fullLoadingWorkspace = getLoadingWorkspace(workspaceData);
-        _context4.next = 21;
+        _context5.next = 21;
         return put(workspaceActions.changePreset({
           workspacePreset: fullLoadingWorkspace
         }));
@@ -4147,15 +4191,15 @@ function fetchWorkspaceSaga(action) {
         // fetch all individual view presets in batches
         workspaceIdsInBatches = getListInChunks(workspaceData.views);
         _iterator = _createForOfIteratorHelper(workspaceIdsInBatches);
-        _context4.prev = 23;
+        _context5.prev = 23;
         _iterator.s();
       case 25:
         if ((_step = _iterator.n()).done) {
-          _context4.next = 31;
+          _context5.next = 31;
           break;
         }
         batchCall = _step.value;
-        _context4.next = 29;
+        _context5.next = 29;
         return all(batchCall.map(function (view) {
           return call(fetchWorkspaceViewPresetSaga, workspaceActions.fetchWorkspaceViewPreset({
             mosaicNodeId: view.mosaicNodeId,
@@ -4163,113 +4207,113 @@ function fetchWorkspaceSaga(action) {
           }));
         }));
       case 29:
-        _context4.next = 25;
+        _context5.next = 25;
         break;
       case 31:
-        _context4.next = 36;
+        _context5.next = 36;
         break;
       case 33:
-        _context4.prev = 33;
-        _context4.t0 = _context4["catch"](23);
-        _iterator.e(_context4.t0);
+        _context5.prev = 33;
+        _context5.t0 = _context5["catch"](23);
+        _iterator.e(_context5.t0);
       case 36:
-        _context4.prev = 36;
+        _context5.prev = 36;
         _iterator.f();
-        return _context4.finish(36);
+        return _context5.finish(36);
       case 39:
-        _context4.next = 46;
+        _context5.next = 46;
         break;
       case 41:
-        _context4.prev = 41;
-        _context4.t1 = _context4["catch"](2);
-        errorType = _context4.t1.message === ERROR_NOT_FOUND ? WorkspaceErrorType.NOT_FOUND : WorkspaceErrorType.GENERIC;
-        _context4.next = 46;
+        _context5.prev = 41;
+        _context5.t1 = _context5["catch"](2);
+        errorType = _context5.t1.message === ERROR_NOT_FOUND ? WorkspaceErrorType.NOT_FOUND : WorkspaceErrorType.GENERIC;
+        _context5.next = 46;
         return put(workspaceActions.errorWorkspace({
           workspaceId: workspaceId,
           error: {
-            message: getErrorMessage(_context4.t1),
+            message: getErrorMessage(_context5.t1),
             type: errorType
           }
         }));
       case 46:
       case "end":
-        return _context4.stop();
+        return _context5.stop();
     }
-  }, _marked2$2, null, [[2, 41], [23, 33, 36, 39]]);
+  }, _marked3, null, [[2, 41], [23, 33, 36, 39]]);
 }
 function saveWorkspacePresetSaga(action) {
   var workspace, workspaceApi;
-  return _regeneratorRuntime().wrap(function saveWorkspacePresetSaga$(_context5) {
-    while (1) switch (_context5.prev = _context5.next) {
+  return _regeneratorRuntime().wrap(function saveWorkspacePresetSaga$(_context6) {
+    while (1) switch (_context6.prev = _context6.next) {
       case 0:
         workspace = action.payload.workspace;
-        _context5.prev = 1;
-        _context5.next = 4;
+        _context6.prev = 1;
+        _context6.next = 4;
         return call(getWorkspaceApi);
       case 4:
-        workspaceApi = _context5.sent;
-        _context5.next = 7;
+        workspaceApi = _context6.sent;
+        _context6.next = 7;
         return call(workspaceApi.saveWorkspacePreset, workspace.id, workspace);
       case 7:
-        _context5.next = 9;
+        _context6.next = 9;
         return put(workspaceActions.loadedWorkspace(undefined));
       case 9:
-        _context5.next = 11;
+        _context6.next = 11;
         return put(workspaceListActions.onSuccessWorkspacePresetAction({
           action: WorkspacePresetAction.SAVE,
           workspaceId: workspace.id,
           title: workspace.title
         }));
       case 11:
-        _context5.next = 17;
+        _context6.next = 17;
         break;
       case 13:
-        _context5.prev = 13;
-        _context5.t0 = _context5["catch"](1);
-        _context5.next = 17;
+        _context6.prev = 13;
+        _context6.t0 = _context6["catch"](1);
+        _context6.next = 17;
         return put(workspaceActions.errorWorkspace({
           workspaceId: workspace.id,
           error: {
-            message: _context5.t0.message,
+            message: _context6.t0.message,
             type: WorkspaceErrorType.SAVE
           }
         }));
       case 17:
       case "end":
-        return _context5.stop();
+        return _context6.stop();
     }
-  }, _marked3, null, [[1, 13]]);
+  }, _marked4, null, [[1, 13]]);
 }
 function registerMapSaga(_ref3) {
   var payload = _ref3.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
     var _a, mapId, viewType, workspaceState, mapPresetId;
-    return _regeneratorRuntime().wrap(function _callee3$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
         case 0:
           mapId = payload.mapId;
-          _context6.next = 3;
+          _context7.next = 3;
           return select(getViewType);
         case 3:
-          viewType = _context6.sent;
+          viewType = _context7.sent;
           if (!(viewType === 'tiledWindow')) {
-            _context6.next = 11;
+            _context7.next = 11;
             break;
           }
-          _context6.next = 7;
+          _context7.next = 7;
           return select(getWorkspaceState);
         case 7:
-          workspaceState = _context6.sent;
+          workspaceState = _context7.sent;
           // if it can't find the id, it's a view with multiple maps
           mapPresetId = ((_a = workspaceState.views.byId[mapId]) === null || _a === void 0 ? void 0 : _a.id) || workspaceState.views.byId[workspaceState.views.allIds[0]].id;
-          _context6.next = 11;
+          _context7.next = 11;
           return put(viewPresetActions.registerViewPreset({
             panelId: mapId,
             viewPresetId: mapPresetId
           }));
         case 11:
         case "end":
-          return _context6.stop();
+          return _context7.stop();
       }
     }, _callee3);
   })();
@@ -4278,58 +4322,61 @@ function unregisterMapSaga(_ref4) {
   var payload = _ref4.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
     var mapId, viewType;
-    return _regeneratorRuntime().wrap(function _callee4$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
+    return _regeneratorRuntime().wrap(function _callee4$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
         case 0:
           mapId = payload.mapId;
-          _context7.next = 3;
+          _context8.next = 3;
           return select(getViewType);
         case 3:
-          viewType = _context7.sent;
+          viewType = _context8.sent;
           if (!(viewType === 'tiledWindow')) {
-            _context7.next = 7;
+            _context8.next = 7;
             break;
           }
-          _context7.next = 7;
+          _context8.next = 7;
           return put(viewPresetActions.unregisterViewPreset({
             panelId: mapId
           }));
         case 7:
         case "end":
-          return _context7.stop();
+          return _context8.stop();
       }
     }, _callee4);
   })();
 }
 function workspaceSaga() {
-  return _regeneratorRuntime().wrap(function workspaceSaga$(_context8) {
-    while (1) switch (_context8.prev = _context8.next) {
+  return _regeneratorRuntime().wrap(function workspaceSaga$(_context9) {
+    while (1) switch (_context9.prev = _context9.next) {
       case 0:
-        _context8.next = 2;
+        _context9.next = 2;
         return takeLatest(mapStoreActions.registerMap, registerMapSaga);
       case 2:
-        _context8.next = 4;
+        _context9.next = 4;
         return takeLatest(mapStoreActions.unregisterMap, unregisterMapSaga);
       case 4:
-        _context8.next = 6;
+        _context9.next = 6;
         return takeLatest(changePreset.type, changePresetSaga);
       case 6:
-        _context8.next = 8;
+        _context9.next = 8;
         return takeLatest(workspaceActions.fetchWorkspace.type, fetchWorkspaceSaga);
       case 8:
-        _context8.next = 10;
+        _context9.next = 10;
         return takeLatest(workspaceActions.saveWorkspacePreset, saveWorkspacePresetSaga);
       case 10:
-        _context8.next = 12;
-        return takeEvery(workspaceActions.fetchWorkspaceViewPreset.type, fetchWorkspaceViewPresetSaga);
+        _context9.next = 12;
+        return takeLatest(workspaceActions.changeToEmptyMapWorkspace.type, changeToEmptyMapWorkspaceSaga);
       case 12:
-        _context8.next = 14;
-        return debounce(100, updateWorkspaceViews.type, updateViewsSaga);
+        _context9.next = 14;
+        return takeEvery(workspaceActions.fetchWorkspaceViewPreset.type, fetchWorkspaceViewPresetSaga);
       case 14:
+        _context9.next = 16;
+        return debounce(100, updateWorkspaceViews.type, updateViewsSaga);
+      case 16:
       case "end":
-        return _context8.stop();
+        return _context9.stop();
     }
-  }, _marked4);
+  }, _marked5);
 }
 
 /* *
@@ -6438,17 +6485,22 @@ var getPresetTitle = function getPresetTitle(title, hasChanges, isNew) {
   }
   return title;
 };
-var WorkspaceViewTitleConnect = function WorkspaceViewTitleConnect(_ref) {
+var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_ref) {
   var panelId = _ref.panelId,
     isViewPresetDialogOpen = _ref.isViewPresetDialogOpen;
   var dispatch = useDispatch();
   var theme = useTheme();
-  var currentMapPreset = useSelector(function (store) {
-    return mapSelectors.getMapPreset(store, panelId);
-  });
+  var store = useStore();
   var workspaceView = useSelector(function (store) {
-    return getViewById(store, panelId);
-  });
+    var _a;
+    var _ref2 = (_a = getViewById(store, panelId)) !== null && _a !== void 0 ? _a : {},
+      title = _ref2.title,
+      scope = _ref2.scope;
+    return {
+      title: title,
+      scope: scope
+    };
+  }, shallowEqual);
   var hasMapPresetChanges = useSelector(function (store) {
     return getViewPresetHasChanges(store, panelId);
   });
@@ -6470,7 +6522,7 @@ var WorkspaceViewTitleConnect = function WorkspaceViewTitleConnect(_ref) {
       viewPreset: Object.assign(Object.assign({}, emptyMapViewPreset), {
         title: title,
         initialProps: {
-          mapPreset: currentMapPreset,
+          mapPreset: mapSelectors.getMapPreset(store.getState(), panelId),
           syncGroupsIds: relatedSyncGroupIds
         }
       })
@@ -6497,7 +6549,7 @@ var WorkspaceViewTitleConnect = function WorkspaceViewTitleConnect(_ref) {
       formValues: {
         title: formTitle,
         initialProps: {
-          mapPreset: currentMapPreset,
+          mapPreset: mapSelectors.getMapPreset(store.getState(), panelId),
           syncGroupsIds: relatedSyncGroupIds
         }
       }
@@ -6513,33 +6565,25 @@ var WorkspaceViewTitleConnect = function WorkspaceViewTitleConnect(_ref) {
       formValues: {
         title: formTitle,
         initialProps: {
-          mapPreset: currentMapPreset,
+          mapPreset: mapSelectors.getMapPreset(store.getState(), panelId),
           syncGroupsIds: relatedSyncGroupIds
         }
       }
     });
   };
-  var toggleViewPresetDialog = React.useCallback(function (_ref2) {
-    var panelId = _ref2.panelId,
-      isViewPresetDialogOpen = _ref2.isViewPresetDialogOpen;
+  var toggleViewPresetDialog = React.useCallback(function (_ref3) {
+    var panelId = _ref3.panelId,
+      isViewPresetDialogOpen = _ref3.isViewPresetDialogOpen;
     dispatch(viewPresetActions.toggleViewPresetListDialog({
       panelId: panelId,
       isViewPresetListDialogOpen: isViewPresetDialogOpen
     }));
   }, [dispatch]);
   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;
+  var title = workspaceView.title || MAPPRESET_ACTIVE_TITLE;
+  var viewScope = workspaceView.scope;
   var fullTitle = getPresetTitle(title, hasMapPresetChanges, isNewActive);
-  // TODO: https://gitlab.com/opengeoweb/opengeoweb/-/issues/4546
-  // This component renders on every change in the mapstate.
-  // This is because selectors like mapSelectors.getMapPreset are used in the component.
-  // The data from this selector is not used during a render, so it is wasting renders.
-  // The data is need only in the callback functions - not the component itself
-  // To prevent unneeded renders, this code should be rewritten by using refs, or move the logic to sagas.
-  // You can use the renderCounter to check the nubmer of renders.
-  // Also check https://xam-react-coe.medium.com/react-useselector-without-re-render-225686bee3f
-  renderCounter.count(WorkspaceViewTitleConnect.name);
+  renderCounter.count(WorkspaceViewTitleConnectNoMemo.name);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomIconButton, {
     "data-testid": "open-viewpresets",
     sx: {
@@ -6575,6 +6619,7 @@ var WorkspaceViewTitleConnect = function WorkspaceViewTitleConnect(_ref) {
     id: "viewpreset-options-toolbutton"
   }));
 };
+var WorkspaceViewTitleConnect = /*#__PURE__*/React.memo(WorkspaceViewTitleConnectNoMemo);
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -7024,9 +7069,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
     dispatch(workspaceListActions.toggleWorkspaceDialog({
       isWorkspaceListDialogOpen: false
     }));
-    dispatch(workspaceActions.changePreset({
-      workspacePreset: emptyMapWorkspace
-    }));
+    dispatch(workspaceActions.changeToEmptyMapWorkspace());
   }, [dispatch]);
   var onClickWorkspace = function onClickWorkspace(id) {
     if (id === emptyMapWorkspace.id) {
@@ -8041,10 +8084,8 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
       workspace: workspaceData
     }));
   }, [dispatch, workspaceData]);
-  var setScreenPreset = React.useCallback(function (newScreenPreset) {
-    dispatch(workspaceActions.changePreset({
-      workspacePreset: newScreenPreset
-    }));
+  var changeToEmptyMapWorkspace = React.useCallback(function () {
+    dispatch(workspaceActions.changeToEmptyMapWorkspace());
   }, [dispatch]);
   var navigateToUrl = React.useCallback(function (url) {
     dispatch(routerActions.navigateToUrl({
@@ -8052,7 +8093,7 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
     }));
   }, [dispatch]);
   var setEmptyWorkSpace = function setEmptyWorkSpace() {
-    setScreenPreset(emptyMapWorkspace);
+    changeToEmptyMapWorkspace();
     navigateToUrl(routes.root);
   };
   React.useEffect(function () {
@@ -8118,4 +8159,4 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
   }))))), /*#__PURE__*/React.createElement(MapPresetsFormDialogConnect, null));
 };
 
-export { ComponentsLookUpWrapper, WorkspaceDetail, WorkspaceErrorType, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, workspaceActions as actions, createBalancedMosaicNode, defaultAuthConfig, emptyMapWorkspace, getWorkspaceRouteUrl, selectors, viewPresetActions, workspaceListActions, workspaceModuleConfig, reducer$1 as workspaceReducer, routes as workspaceRoutes };
+export { ComponentsLookUpWrapper, WorkspaceDetail, WorkspaceErrorType, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, workspaceActions as actions, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, emptyMapWorkspace, getWorkspaceRouteUrl, selectors, viewPresetActions, workspaceListActions, workspaceModuleConfig, reducer$1 as workspaceReducer, routes as workspaceRoutes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "9.8.0",
+  "version": "9.9.0",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
     "@opengeoweb/form-fields": "*",
     "@opengeoweb/store": "*",
     "@opengeoweb/api": "*",
-    "react-hook-form": "7.47.0",
+    "react-hook-form": "^7.50.1",
     "@opengeoweb/core": "*",
     "@opengeoweb/theme": "*",
     "@reduxjs/toolkit": "^1.9.7",
@@ -26,11 +26,10 @@
     "redux-saga": "^1.2.3",
     "react-mosaic-component": "^6.1.0",
     "lodash": "^4.17.21",
-    "@emotion/react": "^11.11.1",
     "@redux-eggs/core": "^2.2.0",
     "@redux-eggs/redux-toolkit": "^2.2.0",
     "@redux-eggs/saga-extension": "^2.2.0",
-    "immer": "^9.0.21",
+    "immer": "^10.0.3",
     "axios": "1.5.0",
     "@opengeoweb/taf": "*",
     "@opengeoweb/sigmet-airmet": "*",

package/src/index.d.ts

@@ -10,5 +10,5 @@ export * from './lib/components/WorkspaceView';
 export * from './lib/components/WorkspaceTopBar';
 export * from './lib/components/WorkspaceDetail';
 export { routes as workspaceRoutes, getWorkspaceRouteUrl, } from './lib/utils/routes';
-export { emptyMapWorkspace } from './lib/store/workspaceList/utils';
+export { emptyMapWorkspace, createCustomEmptyMapWorkspace, } from './lib/store/workspaceList/utils';
 export type { WorkspaceModuleStore } from './lib/store/config';

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

@@ -1,13 +1,13 @@
 import { mapTypes } from '@opengeoweb/store';
 import React from 'react';
 import { PresetAction } from '../../store/viewPresets/types';
-export type MapPresetFormValues = {
+export interface MapPresetFormValues {
     title?: string;
     initialProps?: {
         mapPreset: mapTypes.MapPreset;
         syncGroupsIds?: string[];
     };
-};
+}
 interface MapPresetsFormProps {
     error?: string;
     onSubmit?: () => void;

package/src/lib/components/WorkspaceViewTitle/WorkspaceViewTitleConnect.d.ts

@@ -10,5 +10,5 @@ interface WorkspaceViewTitleConnectProps {
 export declare const NEW_TITLE_SUFFIX = "(not saved)";
 export declare const EXISTING_TITLE_SUFFIX = "(modified)";
 export declare const getPresetTitle: (title: string, hasChanges: boolean, isNew: boolean) => string;
-export declare const WorkspaceViewTitleConnect: React.FC<WorkspaceViewTitleConnectProps>;
+export declare const WorkspaceViewTitleConnect: React.NamedExoticComponent<WorkspaceViewTitleConnectProps>;
 export {};

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

@@ -1,15 +1,15 @@
 import { EntityState } from '@reduxjs/toolkit';
 export type PresetScope = 'user' | 'system';
-export type ViewPresetListItem = {
+export interface ViewPresetListItem {
     id: string;
     title: string;
     date: string;
     scope: PresetScope;
-};
-export type FetchViewPresetsListParams = {
+}
+export interface FetchViewPresetsListParams {
     scope?: string;
     search?: string;
-};
+}
 export type ViewPresetListState = EntityState<ViewPresetListItem>;
 export interface LoadViewPresetsPayload {
     viewPresets: ViewPresetListItem[];

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

@@ -1,13 +1,15 @@
 import { Reducer } from '@reduxjs/toolkit';
-import { WorkspaceAddViewPayload, WorkspaceDeleteViewPayload, WorkspaceState, WorkspaceSetPresetPayload, WorkspaceSetPreventCloseViewPayload, WorkspaceUpdateViewPayload, WorkspaceUpdateViewsPayload, WorkspaceErrorWorkspacePayload, WorkspaceFetchedWorkspacePayload, WorkspaceFetchWorkspacePayload, WorkspaceFetchWorkspaceViewPresetPayload, WorkspaceSaveWorkspacePresetPayload } from './types';
+import { WorkspaceAddViewPayload, WorkspaceDeleteViewPayload, WorkspaceState, WorkspaceSetPresetPayload, WorkspaceSetPreventCloseViewPayload, WorkspaceUpdateViewPayload, WorkspaceUpdateViewsPayload, WorkspaceErrorWorkspacePayload, WorkspaceFetchedWorkspacePayload, WorkspaceFetchWorkspacePayload, WorkspaceFetchWorkspaceViewPresetPayload, WorkspaceSaveWorkspacePresetPayload, WorkspaceSetInitialViewMapPresetPayload } from './types';
 export declare const initialState: WorkspaceState;
 export declare const reducer: Reducer<WorkspaceState>;
 export declare const workspaceActions: {
+    setInitialViewMapPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<WorkspaceSetInitialViewMapPresetPayload, "workspace/setInitialViewMapPreset">;
     addWorkspaceView: import("@reduxjs/toolkit").ActionCreatorWithPayload<WorkspaceAddViewPayload, "workspace/addWorkspaceView">;
     deleteWorkspaceView: import("@reduxjs/toolkit").ActionCreatorWithPayload<WorkspaceDeleteViewPayload, "workspace/deleteWorkspaceView">;
     updateWorkspaceViews: import("@reduxjs/toolkit").ActionCreatorWithPayload<WorkspaceUpdateViewsPayload, "workspace/updateWorkspaceViews">;
     updateWorkspaceView: import("@reduxjs/toolkit").ActionCreatorWithPayload<WorkspaceUpdateViewPayload, "workspace/updateWorkspaceView">;
     changePreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<WorkspaceSetPresetPayload, "workspace/changePreset">;
+    changeToEmptyMapWorkspace: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"workspace/changeToEmptyMapWorkspace">;
     setPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<WorkspaceSetPresetPayload, "workspace/setPreset">;
     setPreventCloseView: import("@reduxjs/toolkit").ActionCreatorWithPayload<WorkspaceSetPreventCloseViewPayload, "workspace/setPreventCloseView">;
     fetchWorkspace: import("@reduxjs/toolkit").ActionCreatorWithPayload<WorkspaceFetchWorkspacePayload, "workspace/fetchWorkspace">;

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

@@ -2,6 +2,7 @@ import { SagaIterator } from 'redux-saga';
 import { mapStoreActions } from '@opengeoweb/store';
 import { workspaceActions } from './reducer';
 export declare function changePresetSaga({ payload, }: ReturnType<typeof workspaceActions.changePreset>): SagaIterator;
+export declare function changeToEmptyMapWorkspaceSaga(): SagaIterator;
 export declare function updateViewsSaga(): SagaIterator;
 export declare function fetchWorkspaceViewPresetSaga({ payload, }: ReturnType<typeof workspaceActions.fetchWorkspaceViewPreset>): SagaIterator;
 export declare function fetchWorkspaceSaga(action: ReturnType<typeof workspaceActions.fetchWorkspace>): SagaIterator;

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

@@ -11,6 +11,17 @@ export declare const getWorkspaceState: ((state: AppStore) => WorkspaceState) &
 }> & {
     clearCache: () => void;
 };
+/**
+ * Gets intialViewMapPreset from workspace state
+ *
+ * @param {object} store store: object - Store object
+ * @returns {MapPreset | undefined} returnType: MapPreset
+ */
+export declare const getInitialViewMapPreset: ((state: AppStore) => import("@opengeoweb/store").MapPreset | undefined) & import("reselect").OutputSelectorFields<(args_0: WorkspaceState) => import("@opengeoweb/store").MapPreset | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  * Gets mosaicNode from workspace state
  *
@@ -147,17 +158,17 @@ export declare const getViewPresetToSendToBackend: ((state: any, viewId: any) =>
     scope: import("./types").PresetScope;
     title: string;
     initialProps: {
-        mapPreset: import("dist/libs/store/src/store/mapStore/types").MapPreset;
+        mapPreset: import("@opengeoweb/store").MapPreset;
         syncGroupsIds: string[];
     };
     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[]) => {
+}) & import("reselect").OutputSelectorFields<(args_0: WorkspaceViewType | undefined, args_1: import("@opengeoweb/store").MapPreset, args_2: string[]) => {
     id: string | undefined;
     scope: import("./types").PresetScope;
     title: string;
     initialProps: {
-        mapPreset: import("dist/libs/store/src/store/mapStore/types").MapPreset;
+        mapPreset: import("@opengeoweb/store").MapPreset;
         syncGroupsIds: string[];
     };
     componentType: "Map";

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { syncGroupsTypes } from '@opengeoweb/store';
+import { MapPreset, syncGroupsTypes } from '@opengeoweb/store';
 import { MosaicNode } from 'react-mosaic-component';
 type InitialPropsWorkspaceViewType = Record<string, unknown>;
 export type WorkspaceViewPresetComponentsLookupType = 'ViewError' | 'ViewLoading';
@@ -42,6 +42,7 @@ export interface WorkspaceState extends WorkspacePreset {
     isLoading?: boolean;
     error?: WorkspaceError;
     hasChanges?: boolean;
+    intialViewMapPreset?: MapPreset;
 }
 export interface WorkspacePresetFromBE {
     id?: string;
@@ -69,6 +70,9 @@ export declare enum WorkspacePresetAction {
     SAVE_ALL = "SAVE_ALL",
     DUPLICATE = "DUPLICATE"
 }
+export interface WorkspaceSetInitialViewMapPresetPayload {
+    preset: MapPreset;
+}
 export interface WorkspaceAddViewPayload {
     id: string;
     componentType: string;
@@ -100,12 +104,12 @@ export interface WorkspaceComponentLookupPayload {
 }
 export type WorkspaceLookupFunctionType = (payload: WorkspaceComponentLookupPayload) => React.ReactElement;
 export type PresetScope = 'user' | 'system';
-export type ViewPresetListItem = {
+export interface ViewPresetListItem {
     id: string;
     title: string;
     date: string;
     scope: PresetScope;
-};
+}
 export interface WorkspaceFetchWorkspacePayload {
     workspaceId: string;
 }

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

@@ -14,10 +14,10 @@ export interface WorkspaceListFilter {
     isSelected?: boolean;
     isDisabled?: boolean;
 }
-export type FetchWorkspaceParams = {
+export interface FetchWorkspaceParams {
     scope?: string;
     search?: string;
-};
+}
 export type WorkspaceListEntityState = EntityState<WorkspacePresetListItem>;
 export type WorkspacePresetFormValues = {
     title?: string;

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

@@ -1,7 +1,9 @@
+import { MapPreset } from '@opengeoweb/store';
 import { WorkspacePreset, WorkspacePresetAction } from '../workspace/types';
 import { FetchWorkspaceParams, WorkspaceListFilter } from './types';
 export declare const getSnackbarMessage: (action: WorkspacePresetAction, title: string) => string;
 export declare const emptyMapWorkspace: WorkspacePreset;
+export declare const createCustomEmptyMapWorkspace: (customMapPreset?: MapPreset) => WorkspacePreset;
 export declare const constructFilterParams: (filters: WorkspaceListFilter[], searchQuery: string) => FetchWorkspaceParams;
 export declare const generateUID: () => string;
 export declare const getGeneratedViewPresetTitle: (workspaceTitle: string, uid: string) => string;

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

@@ -5,7 +5,7 @@ import { ViewPreset } from '../store/viewPresets/types';
 import { FetchViewPresetsListParams } from '../store/viewPresetsList/types';
 export declare const API_NAME = "workspacepresets";
 export declare const getIdFromUrl: (url: string) => string;
-export type PresetsApi = {
+export interface PresetsApi {
     getWorkspacePresets: (params?: FetchWorkspaceParams) => Promise<{
         data: WorkspacePresetListItem[];
     }>;
@@ -24,5 +24,5 @@ export type PresetsApi = {
     saveViewPreset: (viewPresetId: string, data: ViewPreset) => Promise<void>;
     saveViewPresetAs: (data: ViewPreset) => Promise<string>;
     deleteViewPreset: (viewPresetId: string) => Promise<void>;
-};
+}
 export declare const createApi: (props: CreateApiProps) => PresetsApi;

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

@@ -1,8 +1,8 @@
-type WorkspaceRoutes = {
+interface WorkspaceRoutes {
     root: string;
     workspace: string;
     workspaceDetail: string;
-};
+}
 export declare const routes: WorkspaceRoutes;
 export declare const getWorkspaceRouteUrl: (workspaceId?: string) => string;
 export {};