@opengeoweb/workspace 9.8.0 → 9.10.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 { isAxiosError, getAxiosErrorMessage, withEggs, ConfirmationServiceProvider, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, getHeight, usePrevious, renderCounter, ToolContainer, CustomToggleButton, ConfirmationDialog } from '@opengeoweb/shared';
+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, 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';
@@ -17,6 +17,7 @@ import { getSagaExtension } from '@redux-eggs/saga-extension';
 import { produce } from 'immer';
 import { LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, useTheme, Chip, Stack, debounce as debounce$1, TextField, InputAdornment, Box, Backdrop, Menu, ListSubheader, MenuItem, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
+import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
 import { Box as Box$1 } from '@mui/system';
 import { ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
@@ -1304,6 +1305,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 +1372,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 +1451,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 +1706,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 +1844,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 +2623,7 @@ var viewPresetsListFullContent = [
 					endTime: "NOW+PT2H00M",
 					shouldEndtimeOverride: true
 				},
-				shouldAutoUpdate: true,
+				shouldAutoUpdate: false,
 				shouldAnimate: true
 			}
 		}
@@ -3982,10 +4007,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 +4043,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 +4108,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 +4120,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 +4184,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 +4192,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 +4208,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 +4323,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);
 }
 
 /* *
@@ -5671,31 +5719,6 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   }, /*#__PURE__*/React__default.createElement(Delete, null))))))));
 };
 
-// Gets element height incl padding, border and margins
-var useGetElementHeight = function useGetElementHeight(ref, defaultHeight) {
-  var _React$useState = React__default.useState(defaultHeight),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    height = _React$useState2[0],
-    setHeight = _React$useState2[1];
-  React__default.useLayoutEffect(function () {
-    var element = ref === null || ref === void 0 ? void 0 : ref.current;
-    if (element) {
-      setHeight(element.offsetHeight);
-    }
-    var observer = new ResizeObserver(function () {
-      var height = getHeight(element);
-      height && setHeight(height);
-    });
-    observer.observe(element);
-    return function () {
-      observer.disconnect();
-    };
-  }, [ref]);
-  return {
-    height: height
-  };
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -5868,7 +5891,7 @@ var SearchField = function SearchField(_ref3) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 var DEFAULT_FILTER_HEIGHT = 85;
-var WorkspaceFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var WorkspaceFilter = function WorkspaceFilter(_ref) {
   var filters = _ref.filters,
     _ref$onClickFilterChi = _ref.onClickFilterChip,
     onClickFilterChip = _ref$onClickFilterChi === void 0 ? function () {} : _ref$onClickFilterChi,
@@ -5877,7 +5900,6 @@ var WorkspaceFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isAllSelected = _ref.isAllSelected,
     searchQuery = _ref.searchQuery;
   return /*#__PURE__*/React.createElement(Box, {
-    ref: ref,
     sx: {
       marginBottom: '8px'
     }
@@ -5891,7 +5913,7 @@ var WorkspaceFilter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onChipClick: onClickFilterChip,
     isAllSelected: isAllSelected
   })));
-});
+};
 
 var emptyWorkspaceListItem = {
   id: emptyMapWorkspace.id,
@@ -5900,63 +5922,12 @@ var emptyWorkspaceListItem = {
   viewType: emptyMapWorkspace.viewType,
   "abstract": emptyMapWorkspace["abstract"]
 };
-var DEFAULT_DIALOG_HEIGHT = 900;
 var MIN_HEIGHT_SCROLLABLE_LIST = 88; // Slightly less than 2 rows
 var LIST_PADDING_TOP = 8;
-var DEFAULT_PARENT_PADDING = 8;
 var DEFAULT_RESULTS_HEIGHT = 22;
-var useGetRequiredHeights = function useGetRequiredHeights(ref) {
-  // Used to store the height of the list dialog content
-  var _React$useState = React.useState(DEFAULT_DIALOG_HEIGHT),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    dialogHeight = _React$useState2[0],
-    setDialogHeight = _React$useState2[1];
-  // Used to store the padding height surrounding the list and the filters
-  var _React$useState3 = React.useState(DEFAULT_PARENT_PADDING),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    parentPaddingHeight = _React$useState4[0],
-    setParentPaddingHeight = _React$useState4[1];
-  // Obtain the height of the results div
-  var resultsRef = React.useRef(null);
-  var _useGetElementHeight = useGetElementHeight(resultsRef, DEFAULT_RESULTS_HEIGHT),
-    resultsHeight = _useGetElementHeight.height;
-  // Obtain the height of the filters and search
-  var _useGetElementHeight2 = useGetElementHeight(ref, DEFAULT_FILTER_HEIGHT),
-    filterHeight = _useGetElementHeight2.height;
-  // Obtain the height of of the list dialog content
-  React.useLayoutEffect(function () {
-    var _a, _b, _c, _d;
-    var dialogElement = (_d = (_c = (_b = (_a = resultsRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement) === null || _d === void 0 ? void 0 : _d.parentElement;
-    setDialogHeight(dialogElement.offsetHeight);
-    var observer = new ResizeObserver(function () {
-      var height = getHeight(dialogElement);
-      height && setDialogHeight(height);
-    });
-    observer.observe(dialogElement);
-    return function () {
-      observer.disconnect();
-    };
-  }, [resultsRef]);
-  // Obtain the padding height surrounding the list and the filters
-  React.useEffect(function () {
-    var _a, _b;
-    var parentElement = (_b = (_a = resultsRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement;
-    var style = getComputedStyle(parentElement);
-    var paddingTop = parseInt(style.paddingTop, 10);
-    paddingTop && setParentPaddingHeight(paddingTop);
-  }, []);
-  var heightOtherElements = filterHeight + resultsHeight + LIST_PADDING_TOP + 2 * parentPaddingHeight;
-  // row height = height + margin
-  var rowHeight = WORKSPACE_SELECT_LIST_ROW_HEIGHT + 4;
-  var availableSpaceForList = dialogHeight - heightOtherElements;
-  var listHeight = availableSpaceForList && availableSpaceForList < MIN_HEIGHT_SCROLLABLE_LIST ? MIN_HEIGHT_SCROLLABLE_LIST : availableSpaceForList;
-  return {
-    resultsRef: resultsRef,
-    rowHeight: rowHeight,
-    listHeight: listHeight
-  };
-};
-var WorkspaceSelectList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+// row height = height + margin
+var rowHeight = WORKSPACE_SELECT_LIST_ROW_HEIGHT + 4;
+var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
   var workspacePresets = _ref.workspacePresets,
     currentSelectedId = _ref.currentSelectedId,
     onClickPreset = _ref.onClickPreset,
@@ -5968,49 +5939,53 @@ var WorkspaceSelectList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     newPreset = _ref$newPreset === void 0 ? emptyWorkspaceListItem : _ref$newPreset,
     _ref$testIdPrefix = _ref.testIdPrefix,
     testIdPrefix = _ref$testIdPrefix === void 0 ? 'workspace' : _ref$testIdPrefix;
-  var _useGetRequiredHeight = useGetRequiredHeights(ref),
-    resultsRef = _useGetRequiredHeight.resultsRef,
-    rowHeight = _useGetRequiredHeight.rowHeight,
-    listHeight = _useGetRequiredHeight.listHeight;
-  // Height of other elements in dialog besides the list:
-  // filter, results text , padding list top and 2x padding around dialog children (top & bottom)
-  var items = !hideNewWorkspace ? [newPreset].concat(_toConsumableArray(workspacePresets)) : workspacePresets;
-  // console.log(filterHeight, resultsHeight, parentPaddingHeight);
+  var items = React.useMemo(function () {
+    return !hideNewWorkspace ? [newPreset].concat(_toConsumableArray(workspacePresets)) : workspacePresets;
+  }, [hideNewWorkspace, newPreset, workspacePresets]);
   return /*#__PURE__*/React.createElement(Box, {
-    "data-testid": "".concat(testIdPrefix, "-selectList")
+    "data-testid": "".concat(testIdPrefix, "-selectList"),
+    sx: {
+      height: "calc(100% - ".concat(DEFAULT_FILTER_HEIGHT, "px)"),
+      minHeight: MIN_HEIGHT_SCROLLABLE_LIST
+    }
   }, /*#__PURE__*/React.createElement(Box, {
-    ref: resultsRef,
     sx: {
       marginBottom: '4px',
       fontSize: '12px'
     }
-  }, workspacePresets.length, " results"), /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      paddingTop: "".concat(LIST_PADDING_TOP, "px")
-    }
-  }, /*#__PURE__*/React.createElement(FixedSizeList, {
-    height: listHeight,
-    itemCount: items.length,
-    itemSize: rowHeight,
-    width: "100%"
-  }, function (_ref2) {
-    var index = _ref2.index,
-      style = _ref2.style;
-    var preset = items[index];
-    return /*#__PURE__*/React.createElement("div", {
-      style: style,
-      key: preset.id || 'emptyPreset'
-    }, /*#__PURE__*/React.createElement(WorkspaceSelectListRow, {
-      workspacePreset: preset,
-      onClickPreset: onClickPreset,
-      onClickWorkspacePresetOption: onClickWorkspacePresetOption,
-      isEditable: isLoggedIn,
-      searchQuery: searchQuery,
-      isSelected: currentSelectedId === preset.id || currentSelectedId === '' && preset.id === undefined,
-      testIdPrefix: testIdPrefix
+  }, workspacePresets.length, " results"), /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref2) {
+    var _ref2$height = _ref2.height,
+      height = _ref2$height === void 0 ? 0 : _ref2$height,
+      _ref2$width = _ref2.width,
+      width = _ref2$width === void 0 ? 0 : _ref2$width;
+    return /*#__PURE__*/React.createElement(Box, {
+      sx: {
+        paddingTop: "".concat(LIST_PADDING_TOP, "px")
+      }
+    }, /*#__PURE__*/React.createElement(FixedSizeList, {
+      height: height - DEFAULT_RESULTS_HEIGHT,
+      width: width,
+      itemCount: items.length,
+      itemSize: rowHeight
+    }, function (_ref3) {
+      var index = _ref3.index,
+        style = _ref3.style;
+      var preset = items[index];
+      return /*#__PURE__*/React.createElement("div", {
+        style: style,
+        key: preset.id || 'emptyPreset'
+      }, /*#__PURE__*/React.createElement(WorkspaceSelectListRow, {
+        workspacePreset: preset,
+        onClickPreset: onClickPreset,
+        onClickWorkspacePresetOption: onClickWorkspacePresetOption,
+        isEditable: isLoggedIn,
+        searchQuery: searchQuery,
+        isSelected: currentSelectedId === preset.id || currentSelectedId === '' && preset.id === undefined,
+        testIdPrefix: testIdPrefix
+      }));
     }));
-  })));
-});
+  }));
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -6032,7 +6007,6 @@ var ERROR_TITLE = 'View presets not available';
 var ERROR_RETRY = 'Try again';
 var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var panelId = _ref.panelId;
-  var filterRef = React.useRef(null);
   var viewPresets = useSelector(function (store) {
     return getFilteredViewPresetListForView(store, panelId);
   });
@@ -6172,7 +6146,10 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   });
   var shouldHideNewWorkspace = !isAllSelectedForFilters || viewPresetListSearchQuery.length > 0;
   return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "viewpreset-selectlist-connect"
+    "data-testid": "viewpreset-selectlist-connect",
+    style: {
+      height: '100%'
+    }
   }, isViewPresetsListFetching && ( /*#__PURE__*/React.createElement(LinearProgress, {
     "data-testid": "loading-bar",
     color: "secondary",
@@ -6189,15 +6166,15 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     }
   })), /*#__PURE__*/React.createElement(Box, {
     sx: {
-      padding: 1
+      padding: 1,
+      height: '100%'
     }
   }, !errorViewPresetsList && ( /*#__PURE__*/React.createElement(WorkspaceFilter, {
     filters: viewPresetListFilters,
     onClickFilterChip: onClickFilterChip,
     isAllSelected: isAllSelectedForFilters,
     searchQuery: viewPresetListSearchQuery,
-    onSearch: onSearchFilter,
-    ref: filterRef
+    onSearch: onSearchFilter
   })), /*#__PURE__*/React.createElement(WorkspaceSelectList, {
     workspacePresets: viewPresets,
     currentSelectedId: activeViewPresetId || undefined,
@@ -6210,8 +6187,7 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     isLoggedIn: isLoggedIn,
     hideNewWorkspace: shouldHideNewWorkspace,
     searchQuery: viewPresetListSearchQuery,
-    testIdPrefix: "viewpreset",
-    ref: filterRef
+    testIdPrefix: "viewpreset"
   })));
 };
 
@@ -6438,17 +6414,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 +6451,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 +6478,7 @@ var WorkspaceViewTitleConnect = function WorkspaceViewTitleConnect(_ref) {
       formValues: {
         title: formTitle,
         initialProps: {
-          mapPreset: currentMapPreset,
+          mapPreset: mapSelectors.getMapPreset(store.getState(), panelId),
           syncGroupsIds: relatedSyncGroupIds
         }
       }
@@ -6513,33 +6494,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 +6548,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");
@@ -6964,7 +6938,6 @@ var WorkspaceViewConnect = function WorkspaceViewConnect(_ref) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
-  var filterRef = React.useRef(null);
   var currentView = useSelector(function (store) {
     return getWorkspaceState(store);
   });
@@ -7024,9 +6997,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) {
@@ -7098,7 +7069,10 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
   });
   var shouldHideNewWorkspace = !isAllSelected || workspaceSearchQuery.length > 0;
   return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "workspace-selectlist-connect"
+    "data-testid": "workspace-selectlist-connect",
+    style: {
+      height: '100%'
+    }
   }, isFetching && ( /*#__PURE__*/React.createElement(LinearProgress, {
     "data-testid": "loading-bar",
     color: "secondary",
@@ -7125,15 +7099,15 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
     }
   })))), /*#__PURE__*/React.createElement(Box, {
     sx: {
-      padding: 1
+      padding: 1,
+      height: '100%'
     }
   }, !error && ( /*#__PURE__*/React.createElement(WorkspaceFilter, {
     filters: workspaceListFilters,
     onClickFilterChip: onClickFilterChip,
     isAllSelected: isAllSelected,
     searchQuery: workspaceSearchQuery,
-    onSearch: searchFilter,
-    ref: filterRef
+    onSearch: searchFilter
   })), /*#__PURE__*/React.createElement(WorkspaceSelectList, {
     workspacePresets: workspacePresets,
     currentSelectedId: currentView.id || '',
@@ -7141,8 +7115,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
     onClickWorkspacePresetOption: onClickWorkspacePresetOption,
     hideNewWorkspace: shouldHideNewWorkspace,
     isLoggedIn: isLoggedIn,
-    searchQuery: workspaceSearchQuery,
-    ref: filterRef
+    searchQuery: workspaceSearchQuery
   })));
 };
 
@@ -7699,9 +7672,12 @@ var WorkspaceTopBar = function WorkspaceTopBar(_ref) {
     "aria-label": "workspace-bar-tabs",
     sx: {
       width: '100%',
+      height: '100%',
       minHeight: 'auto',
       '.MuiTabs-flexContainer': {
-        flexDirection: 'column'
+        flexDirection: 'column',
+        justifyContent: 'center',
+        height: '100%'
       }
     }
   }, /*#__PURE__*/React.createElement(WorkspaceTabConnect, {
@@ -8041,10 +8017,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 +8026,7 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
     }));
   }, [dispatch]);
   var setEmptyWorkSpace = function setEmptyWorkSpace() {
-    setScreenPreset(emptyMapWorkspace);
+    changeToEmptyMapWorkspace();
     navigateToUrl(routes.root);
   };
   React.useEffect(function () {
@@ -8118,4 +8092,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.10.0",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -10,11 +10,11 @@
   "dependencies": {
     "react-redux": "^8.1.3",
     "@opengeoweb/shared": "*",
-    "@mui/material": "5.12.0",
+    "@mui/material": "~5.15.11",
     "@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,15 +26,16 @@
     "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": "*",
-    "@opengeoweb/warnings": "*"
+    "@opengeoweb/warnings": "*",
+    "react-virtualized-auto-sizer": "^1.0.21",
+    "@opengeoweb/timeslider": "*"
   },
   "peerDependencies": {
     "react": "18"

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/WorkspaceSelectList/WorkspaceSelectList.d.ts

@@ -13,6 +13,5 @@ export interface WorkspaceSelectListProps extends BoxProps {
     newPreset?: WorkspacePresetListItem;
     testIdPrefix?: string;
 }
-export declare const DEFAULT_DIALOG_HEIGHT = 900;
 declare const WorkspaceSelectList: React.FC<WorkspaceSelectListProps>;
 export default WorkspaceSelectList;

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/storyUtils/componentsLookUp.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ComponentsLookUpPayload as CoreComponentsLookUpPayload } from '@opengeoweb/core';
 import { ComponentsLookUpPayload as TimeseriesComponentsLookUpPayload } from '@opengeoweb/timeseries';
+import { ComponentsLookUpPayload as TimesliderComponentsLookUpPayload } from '@opengeoweb/timeslider';
 import { ComponentsLookUpPayload as TafComponentsLookUpPayload } from '@opengeoweb/taf';
 import { SigmetComponentsLookUpPayload, AirmetComponentsLookUpPayload } from '@opengeoweb/sigmet-airmet';
 import { ComponentsLookUpPayload as WarningListComponentsLookUpPayLoad } from '@opengeoweb/warnings';
@@ -9,4 +10,4 @@ import { ComponentsLookUpPayload as WarningListComponentsLookUpPayLoad } from '@
  * @param payload
  * @returns
  */
-export declare const componentsLookUp: (payload: CoreComponentsLookUpPayload | TimeseriesComponentsLookUpPayload | TafComponentsLookUpPayload | SigmetComponentsLookUpPayload | AirmetComponentsLookUpPayload | WarningListComponentsLookUpPayLoad) => React.ReactElement;
+export declare const componentsLookUp: (payload: CoreComponentsLookUpPayload | TimeseriesComponentsLookUpPayload | TafComponentsLookUpPayload | SigmetComponentsLookUpPayload | AirmetComponentsLookUpPayload | WarningListComponentsLookUpPayLoad | TimesliderComponentsLookUpPayload) => React.ReactElement;

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 {};

package/src/lib/components/WorkspaceMenu/utils.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const useGetElementHeight: (ref: React.RefObject<HTMLDivElement>, defaultHeight: number) => {
-    height: number;
-};

package/src/lib/components/WorkspaceMenu/utils.spec.d.ts

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