@opengeoweb/workspace 9.10.1 → 9.11.0

package/index.esm.js

@@ -1,6 +1,6 @@
 import { createEntityAdapter, createSlice, createSelector } from '@reduxjs/toolkit';
-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 { chunk, cloneDeep, isEmpty, isEqual, isString } from 'lodash';
+import { syncGroupsTypes, syncGroupsActions, layerActions, mapStoreActions, uiActions, genericActions, mapActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, coreModuleConfig, loadingIndicatorSelectors, 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, select, call, takeLeading } from 'redux-saga/effects';
@@ -8,7 +8,7 @@ import { isAxiosError, getAxiosErrorMessage, withEggs, ConfirmationServiceProvid
 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 { ThemeWrapper, lightTheme, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, Search, Clear, CloudLoading, CloudIdle, WebAssetOff } from '@opengeoweb/theme';
 import { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
 import { timeSeriesModuleConfig } from '@opengeoweb/timeseries';
 import { AuthenticationProvider, useAuthenticationContext } from '@opengeoweb/authentication';
@@ -1609,65 +1609,79 @@ var getViewPresetsStore = function getViewPresetsStore(store) {
   }
   return initialState$2;
 };
-var selectors$1 = viewPresetsAdapter.getSelectors(function (state) {
+var selectors$2 = viewPresetsAdapter.getSelectors(function (state) {
   var _a;
   return (_a = state === null || state === void 0 ? void 0 : state.viewPresets) !== null && _a !== void 0 ? _a : {
     entities: {},
     ids: []
   };
 });
-var getViewPresets = selectors$1.selectAll,
-  getViewPresetById = selectors$1.selectById;
-var getViewPresetsIsFetching = function getViewPresetsIsFetching(store, panelId) {
-  var _a;
-  return ((_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.isFetching) || false;
-};
-var getViewPresetsError = function getViewPresetsError(store, panelId) {
-  var _a;
-  return (_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.error;
-};
-var getViewPresetDetailError = function getViewPresetDetailError(store, panelId) {
-  var error = getViewPresetsError(store, panelId);
+var getViewPresets = selectors$2.selectAll,
+  getViewPresetById = selectors$2.selectById;
+var getViewPresetsIsFetching = createSelector(getViewPresetById, function (store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return (viewPreset === null || viewPreset === void 0 ? void 0 : viewPreset.isFetching) || false;
+}, selectorMemoizationOptions);
+var getViewPresetsError = createSelector(getViewPresetById, function (store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return viewPreset === null || viewPreset === void 0 ? void 0 : viewPreset.error;
+}, selectorMemoizationOptions);
+var getViewPresetDetailError = createSelector(getViewPresetsError, function (store, panelId) {
+  return panelId;
+}, function (error) {
   if (error && error.type === 'PRESET_DETAIL') {
     return error.message;
   }
   return undefined;
-};
-var getViewPresetListError = function getViewPresetListError(store, panelId) {
-  var error = getViewPresetsError(store, panelId);
+}, selectorMemoizationOptions);
+var getViewPresetListError = createSelector(getViewPresetsError, function (store, panelId) {
+  return panelId;
+}, function (error) {
   if (error && error.type === 'PRESET_LIST') {
     return error.message;
   }
   return undefined;
-};
-var getViewPresetHasChanges = function getViewPresetHasChanges(store, panelId) {
-  var _a;
-  return (_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.hasChanges;
-};
-var getViewPresetActiveId = function getViewPresetActiveId(store, panelId) {
-  var _a;
-  return (_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.activeViewPresetId;
-};
-var getViewPresetPanelId = function getViewPresetPanelId(store, mapId) {
+}, selectorMemoizationOptions);
+var getViewPresetHasChanges = createSelector(getViewPresetById, function (store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return viewPreset === null || viewPreset === void 0 ? void 0 : viewPreset.hasChanges;
+}, selectorMemoizationOptions);
+var getViewPresetActiveId = createSelector(getViewPresetById, function (store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return viewPreset === null || viewPreset === void 0 ? void 0 : viewPreset.activeViewPresetId;
+}, selectorMemoizationOptions);
+var getViewPresetPanelId = createSelector(getViewPresets, function (store, mapId) {
+  return mapId;
+}, function (viewPresets, mapId) {
   var _a, _b;
-  return (_b = (_a = getViewPresets(store).find(function (preset) {
+  return (_b = (_a = viewPresets.find(function (preset) {
     return preset.activeViewPresetId === mapId;
   })) === null || _a === void 0 ? void 0 : _a.panelId) !== null && _b !== void 0 ? _b : '';
-};
-var getDialogOptions = function getDialogOptions(store) {
-  return getViewPresetsStore(store).viewPresetDialog || undefined;
-};
-var getIsViewPresetListDialogOpen = function getIsViewPresetListDialogOpen(store, panelId) {
-  var _a;
-  return ((_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.isViewPresetListDialogOpen) || false;
-};
-var getViewPresetListFiltersForView = createSelector(getViewPresetById, function (viewPresetById) {
-  return (viewPresetById === null || viewPresetById === void 0 ? void 0 : viewPresetById.filters) || [];
-});
-var getViewPresetListSearchQueryForView = function getViewPresetListSearchQueryForView(store, panelId) {
-  var _a;
-  return ((_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.searchQuery) || '';
-};
+}, selectorMemoizationOptions);
+var getDialogOptions = createSelector(getViewPresetsStore, function (store) {
+  return store;
+}, function (store) {
+  return store.viewPresetDialog || undefined;
+}, selectorMemoizationOptions);
+var getIsViewPresetListDialogOpen = createSelector(getViewPresetById, function (store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return (viewPreset === null || viewPreset === void 0 ? void 0 : viewPreset.isViewPresetListDialogOpen) || false;
+}, selectorMemoizationOptions);
+var getViewPresetListFiltersForView = createSelector(getViewPresetById, function (store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return (viewPreset === null || viewPreset === void 0 ? void 0 : viewPreset.filters) || [];
+}, selectorMemoizationOptions);
+var getViewPresetListSearchQueryForView = createSelector(getViewPresetById, function (store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return (viewPreset === null || viewPreset === void 0 ? void 0 : viewPreset.searchQuery) || '';
+}, selectorMemoizationOptions);
 // Used to retrieve the filtered view preset list for your view - if no filters/search applied it will be empty
 // To ensure you retrieve the view preset list specific for your view (incl and excl filters), use getFilteredViewPresetListForView
 var getViewPresetListFilterResultsForView = createSelector(getViewPresetById, function (viewPresetById) {
@@ -1676,7 +1690,7 @@ var getViewPresetListFilterResultsForView = createSelector(getViewPresetById, fu
     ids: []
   };
   return Object.values(filteredResults.entities);
-});
+}, selectorMemoizationOptions);
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1705,7 +1719,7 @@ var workspaceStore = function workspaceStore(store) {
  */
 var getWorkspaceState = createSelector(workspaceStore, function (store) {
   return store || initialState$1;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets intialViewMapPreset from workspace state
  *
@@ -1714,7 +1728,7 @@ var getWorkspaceState = createSelector(workspaceStore, function (store) {
  */
 var getInitialViewMapPreset = createSelector(getWorkspaceState, function (state) {
   return state && state.intialViewMapPreset;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets mosaicNode from workspace state
  *
@@ -1723,7 +1737,7 @@ var getInitialViewMapPreset = createSelector(getWorkspaceState, function (state)
  */
 var getMosaicNode = createSelector(getWorkspaceState, function (state) {
   return state && state.mosaicNode;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets view from workspace state
  *
@@ -1731,10 +1745,12 @@ var getMosaicNode = createSelector(getWorkspaceState, function (state) {
  * @param {string} viewId viewId: string - view id
  * @returns {object} returnType: WorkspaceViewType
  */
-var getViewById = function getViewById(store, viewId) {
+var getViewById = createSelector(getWorkspaceState, function (store, viewId) {
+  return viewId;
+}, function (store, viewId) {
   var _a, _b;
-  return (_b = (_a = store === null || store === void 0 ? void 0 : store.workspace) === null || _a === void 0 ? void 0 : _a.views.byId) === null || _b === void 0 ? void 0 : _b[viewId];
-};
+  return (_b = (_a = store === null || store === void 0 ? void 0 : store.views) === null || _a === void 0 ? void 0 : _a.byId) === null || _b === void 0 ? void 0 : _b[viewId];
+}, selectorMemoizationOptions);
 /**
  * Gets all view ids
  *
@@ -1743,7 +1759,7 @@ var getViewById = function getViewById(store, viewId) {
  */
 var getViewIds = createSelector(getWorkspaceState, function (store) {
   return store.views.allIds || [];
-});
+}, selectorMemoizationOptions);
 /**
  * Gets getShouldPreventClose from workspace state
  *
@@ -1753,13 +1769,13 @@ var getViewIds = createSelector(getWorkspaceState, function (store) {
  */
 var getShouldPreventClose = createSelector(getViewById, function (store) {
   return (store === null || store === void 0 ? void 0 : store.shouldPreventClose) || false;
-});
+}, selectorMemoizationOptions);
 var isWorkspaceLoading = createSelector(getWorkspaceState, function (store) {
   return (store === null || store === void 0 ? void 0 : store.isLoading) || false;
-});
+}, selectorMemoizationOptions);
 var getWorkspaceError = createSelector(getWorkspaceState, function (store) {
   return store === null || store === void 0 ? void 0 : store.error;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets selected workspace title
  *
@@ -1768,10 +1784,10 @@ var getWorkspaceError = createSelector(getWorkspaceState, function (store) {
  */
 var getSelectedWorkspaceTitle = createSelector(workspaceStore, function (store) {
   return store && store.title || '';
-});
+}, selectorMemoizationOptions);
 var hasWorkspaceChanges = createSelector(getWorkspaceState, function (store) {
   return (store === null || store === void 0 ? void 0 : store.hasChanges) || false;
-});
+}, selectorMemoizationOptions);
 /**
  * Gets selected viewType
  *
@@ -1780,7 +1796,7 @@ var hasWorkspaceChanges = createSelector(getWorkspaceState, function (store) {
  */
 var getViewType = createSelector(getWorkspaceState, function (store) {
   return (store === null || store === void 0 ? void 0 : store.viewType) || '';
-});
+}, selectorMemoizationOptions);
 /**
  * Gets selected workspace scope
  *
@@ -1789,7 +1805,7 @@ var getViewType = createSelector(getWorkspaceState, function (store) {
  */
 var getSelectedWorkspaceScope = createSelector(workspaceStore, function (store) {
   return store && store.scope || 'system';
-});
+}, selectorMemoizationOptions);
 /**
  * Gets workspace data to send to the backend
  *
@@ -1822,11 +1838,7 @@ var getWorkspaceData = createSelector(getWorkspaceState, getViewPresetsStore, ge
     "abstract": store["abstract"],
     mosaicNode: store.mosaicNode
   };
-}, {
-  memoizeOptions: {
-    resultEqualityCheck: isEqual
-  }
-});
+}, selectorMemoizationOptions);
 var getViewPresetToSendToBackend = createSelector(getViewById, mapSelectors.getMapPreset, syncGroupsSelectors.getAllTargetGroupsForSource, function (workspaceView, mapPreset, syncGroupsIds) {
   var title = (workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.title) || MAPPRESET_ACTIVE_TITLE;
   var scope = (workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.scope) || 'system';
@@ -1839,9 +1851,9 @@ var getViewPresetToSendToBackend = createSelector(getViewById, mapSelectors.getM
       syncGroupsIds: syncGroupsIds
     }
   });
-});
+}, selectorMemoizationOptions);
 
-var selectors = /*#__PURE__*/Object.freeze({
+var selectors$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getWorkspaceState: getWorkspaceState,
   getInitialViewMapPreset: getInitialViewMapPreset,
@@ -4423,37 +4435,44 @@ var getWorkspaceListStore = function getWorkspaceListStore(store) {
   }
   return null;
 };
-var getIsWorkspaceListFetching = function getIsWorkspaceListFetching(store) {
-  var _a;
-  return ((_a = getWorkspaceListStore(store)) === null || _a === void 0 ? void 0 : _a.isFetching) || false;
-};
-var getWorkspaceListError = function getWorkspaceListError(store) {
+var selectors = workspaceListAdapter.getSelectors(function (state) {
   var _a;
-  return (_a = getWorkspaceListStore(store)) === null || _a === void 0 ? void 0 : _a.error;
-};
-var _workspaceListAdapter = workspaceListAdapter.getSelectors(function (state) {
-    var _a;
-    return (_a = state === null || state === void 0 ? void 0 : state.workspaceList) !== null && _a !== void 0 ? _a : {
-      entities: {},
-      ids: []
-    };
-  }),
-  getWorkspaceList = _workspaceListAdapter.selectAll;
-var getWorkspaceActionDialogDetails = function getWorkspaceActionDialogDetails(store) {
-  var _a;
-  return ((_a = getWorkspaceListStore(store)) === null || _a === void 0 ? void 0 : _a.workspaceActionDialog) || false;
-};
-var getIsWorkspaceListDialogOpen = function getIsWorkspaceListDialogOpen(store) {
-  var _a;
-  return ((_a = getWorkspaceListStore(store)) === null || _a === void 0 ? void 0 : _a.isWorkspaceListDialogOpen) || false;
-};
-var getWorkspaceListFilters = createSelector(getWorkspaceListStore, function (workspaceListStore) {
-  return (workspaceListStore === null || workspaceListStore === void 0 ? void 0 : workspaceListStore.workspaceListFilters) || [];
+  return (_a = state === null || state === void 0 ? void 0 : state.workspaceList) !== null && _a !== void 0 ? _a : {
+    entities: {},
+    ids: []
+  };
 });
-var getWorkspaceListSearchQuery = function getWorkspaceListSearchQuery(store) {
-  var _a;
-  return ((_a = getWorkspaceListStore(store)) === null || _a === void 0 ? void 0 : _a.searchQuery) || '';
-};
+var getWorkspaceList = selectors.selectAll;
+var getIsWorkspaceListFetching = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state === null || state === void 0 ? void 0 : state.isFetching) || false;
+}, selectorMemoizationOptions);
+var getWorkspaceListError = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state === null || state === void 0 ? void 0 : state.error) || undefined;
+}, selectorMemoizationOptions);
+var getWorkspaceActionDialogDetails = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state === null || state === void 0 ? void 0 : state.workspaceActionDialog) || false;
+}, selectorMemoizationOptions);
+var getIsWorkspaceListDialogOpen = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state === null || state === void 0 ? void 0 : state.isWorkspaceListDialogOpen) || false;
+}, selectorMemoizationOptions);
+var getWorkspaceListFilters = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state === null || state === void 0 ? void 0 : state.workspaceListFilters) || [];
+}, selectorMemoizationOptions);
+var getWorkspaceListSearchQuery = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state === null || state === void 0 ? void 0 : state.searchQuery) || '';
+}, selectorMemoizationOptions);
 
 var _marked$1 = /*#__PURE__*/_regeneratorRuntime().mark(saveAllViewPresetSaga),
   _marked2$1 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$1);
@@ -5598,7 +5617,7 @@ var getFilteredViewPresetListForView = createSelector(getViewPresetsList, getVie
     entities: {},
     ids: []
   };
-});
+}, selectorMemoizationOptions);
 
 var WORKSPACE_SELECT_LIST_ROW_HEIGHT = 46;
 var getPresetIcon = function getPresetIcon(preset) {
@@ -6386,6 +6405,35 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
   }, renderButton()));
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * */
+var LoadingIndicator = function LoadingIndicator(_ref) {
+  var _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading;
+  return loading ? ( /*#__PURE__*/React.createElement(CloudLoading, {
+    "data-testid": "cloudicon-loading",
+    style: {
+      fill: '#186DFF'
+    }
+  })) : ( /*#__PURE__*/React.createElement(CloudIdle, {
+    "data-testid": "cloudicon-idle"
+  }));
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -6439,6 +6487,9 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
   var relatedSyncGroupIds = useSelector(function (store) {
     return syncGroupsSelectors.getAllTargetGroupsForSource(store, panelId);
   });
+  var isLoading = useSelector(function (store) {
+    return loadingIndicatorSelectors.isLoading(store, panelId);
+  });
   var openViewPresetsDialog = React.useCallback(function (viewPresetDialogOptions) {
     dispatch(viewPresetActions.openViewPresetDialog({
       viewPresetDialog: viewPresetDialogOptions
@@ -6546,6 +6597,8 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
     handleSaveAs: onSaveAs,
     handleEdit: viewScope === 'user' ? onEdit : undefined,
     id: "viewpreset-options-toolbutton"
+  }), /*#__PURE__*/React.createElement(LoadingIndicator, {
+    loading: isLoading
   }));
 };
 var WorkspaceViewTitleConnect = /*#__PURE__*/React.memo(WorkspaceViewTitleConnectNoMemo);
@@ -6947,9 +7000,11 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
   var workspaceListFilters = useSelector(function (store) {
     return getWorkspaceListFilters(store);
   });
+  var lastWorkspaceListFilters = usePrevious(workspaceListFilters);
   var workspaceSearchQuery = useSelector(function (store) {
     return getWorkspaceListSearchQuery(store);
   });
+  var lastWorkspaceSearchQuery = usePrevious(workspaceSearchQuery);
   var isFetching = useSelector(function (store) {
     return getIsWorkspaceListFetching(store);
   });
@@ -6986,9 +7041,12 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
     }));
   }, [dispatch]);
   React.useEffect(function () {
-    fetchWorkspaceList();
+    // Only refetch list on changes to the filters if the dialog is open
+    if (lastWorkspaceListFilters !== workspaceListFilters && lastWorkspaceListFilters !== undefined || lastWorkspaceSearchQuery !== workspaceSearchQuery && lastWorkspaceSearchQuery !== undefined) {
+      fetchWorkspaceList();
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [workspaceListFilters, workspaceSearchQuery]);
+  }, [workspaceListFilters, workspaceSearchQuery, lastWorkspaceListFilters, lastWorkspaceSearchQuery]);
   // If we're loading the `New workspace` preset as defined in the FE, use this instead of retrieving from BE
   var onClickNewPreset = React.useCallback(function () {
     dispatch(routerActions.navigateToUrl({
@@ -7136,8 +7194,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 var WorkspaceMenu = function WorkspaceMenu(_ref) {
-  var isOpen = _ref.isOpen,
-    _ref$hideBackdrop = _ref.hideBackdrop,
+  var _ref$hideBackdrop = _ref.hideBackdrop,
     hideBackdrop = _ref$hideBackdrop === void 0 ? false : _ref$hideBackdrop,
     closeMenu = _ref.closeMenu;
   var toolContainer = /*#__PURE__*/React__default.createElement(ToolContainer, {
@@ -7157,7 +7214,7 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
   // Enable hiding backdrop from snapshot tests
   toolContainer : ( /*#__PURE__*/React__default.createElement(Backdrop, {
     "data-testid": "workspaceMenuBackdrop",
-    open: isOpen,
+    open: true,
     sx: {
       '&.MuiBackdrop-root': {
         top: '40px'
@@ -7213,8 +7270,7 @@ var WorkspaceMenuButton = function WorkspaceMenuButton(_ref) {
         }
       }
     }
-  }, /*#__PURE__*/React__default.createElement(PresetWorkspace, null))), /*#__PURE__*/React__default.createElement(WorkspaceMenu, {
-    isOpen: showMenu,
+  }, /*#__PURE__*/React__default.createElement(PresetWorkspace, null))), showMenu && /*#__PURE__*/React__default.createElement(WorkspaceMenu, {
     closeMenu: onCloseMenu
   }));
 };
@@ -7235,6 +7291,22 @@ var WorkspaceMenuButton = function WorkspaceMenuButton(_ref) {
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
+var FetchInitialPresets$1 = function FetchInitialPresets() {
+  var dispatch = useDispatch();
+  var fetchInitialPresets = React__default.useCallback(function () {
+    dispatch(workspaceListActions.fetchWorkspaceList({}));
+  }, [dispatch]);
+  var workspacePresets = useSelector(function (store) {
+    return getWorkspaceList(store);
+  });
+  React__default.useEffect(function () {
+    if (!workspacePresets.length) {
+      fetchInitialPresets();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
 var WorkspaceMenuButtonConnect = function WorkspaceMenuButtonConnect() {
   var dispatch = useDispatch();
   var setListDialogOpen = React__default.useCallback(function (isListDialogOpen) {
@@ -7245,10 +7317,10 @@ var WorkspaceMenuButtonConnect = function WorkspaceMenuButtonConnect() {
   var isWorkspaceListDialogOpen = useSelector(function (store) {
     return getIsWorkspaceListDialogOpen(store);
   });
-  return /*#__PURE__*/React__default.createElement(WorkspaceMenuButton, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(FetchInitialPresets$1, null), /*#__PURE__*/React__default.createElement(WorkspaceMenuButton, {
     showMenu: isWorkspaceListDialogOpen,
     onToggleDialog: setListDialogOpen
-  });
+  }));
 };
 
 /* *
@@ -8092,4 +8164,4 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
   }))))), /*#__PURE__*/React.createElement(MapPresetsFormDialogConnect, null));
 };
 
-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 };
+export { ComponentsLookUpWrapper, WorkspaceDetail, WorkspaceErrorType, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, workspaceActions as actions, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, emptyMapWorkspace, getWorkspaceRouteUrl, selectors$1 as selectors, viewPresetActions, workspaceListActions, workspaceModuleConfig, reducer$1 as workspaceReducer, routes as workspaceRoutes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "9.10.1",
+  "version": "9.11.0",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -11,31 +11,30 @@
     "react-redux": "^8.1.3",
     "@opengeoweb/shared": "*",
     "@mui/material": "~5.15.11",
-    "@opengeoweb/form-fields": "*",
     "@opengeoweb/store": "*",
     "@opengeoweb/api": "*",
     "react-hook-form": "^7.50.1",
-    "@opengeoweb/core": "*",
     "@opengeoweb/theme": "*",
     "@reduxjs/toolkit": "^1.9.7",
-    "@opengeoweb/timeseries": "*",
-    "@opengeoweb/authentication": "*",
     "@opengeoweb/snackbar": "*",
     "react-window": "^1.8.10",
     "@mui/system": "^5.15.1",
-    "redux-saga": "^1.2.3",
-    "react-mosaic-component": "^6.1.0",
     "lodash": "^4.17.21",
     "@redux-eggs/core": "^2.2.0",
     "@redux-eggs/redux-toolkit": "^2.2.0",
     "@redux-eggs/saga-extension": "^2.2.0",
     "immer": "^10.0.3",
     "axios": "1.5.0",
+    "react-virtualized-auto-sizer": "^1.0.21",
+    "react-mosaic-component": "^6.1.0",
+    "redux-saga": "^1.3.0",
+    "@opengeoweb/form-fields": "*",
+    "@opengeoweb/timeseries": "*",
+    "@opengeoweb/authentication": "*",
+    "@opengeoweb/core": "*",
     "@opengeoweb/taf": "*",
     "@opengeoweb/sigmet-airmet": "*",
-    "@opengeoweb/warnings": "*",
-    "react-virtualized-auto-sizer": "^1.0.21",
-    "@opengeoweb/timeslider": "*"
+    "@opengeoweb/warnings": "*"
   },
   "peerDependencies": {
     "react": "18"

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

@@ -1,6 +1,5 @@
 import React from 'react';
 export interface WorkspaceMenuProps {
-    isOpen: boolean;
     hideBackdrop?: boolean;
     closeMenu?: () => void;
 }

package/src/lib/components/WorkspaceView/LoadingIndicator/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface LoadingIndicatorProps {
+    loading: boolean;
+}
+export declare const LoadingIndicator: React.FC<LoadingIndicatorProps>;
+export {};

package/src/lib/components/WorkspaceView/LoadingIndicator/LoadingIndicator.spec.d.ts

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

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

@@ -1,24 +1,64 @@
 import type { AppStore } from '../store';
 import { ViewPresetListItem } from '../workspace/types';
-import { ViewPresetDialog, ViewPresetError, ViewPresetState, ViewPresetsListFilter } from './types';
+import { ViewPresetEntity, ViewPresetError, ViewPresetState } from './types';
 export declare const getViewPresetsStore: (store: AppStore) => ViewPresetState;
-export declare const getViewPresets: (state: AppStore) => import("./types").ViewPresetEntity[], getViewPresetById: (state: AppStore, id: import("@reduxjs/toolkit").EntityId) => import("./types").ViewPresetEntity | undefined;
-export declare const getViewPresetsIsFetching: (store: AppStore, panelId: string) => boolean;
-export declare const getViewPresetsError: (store: AppStore, panelId: string) => ViewPresetError | undefined;
-export declare const getViewPresetDetailError: (store: AppStore, panelId: string) => string | undefined;
-export declare const getViewPresetListError: (store: AppStore, panelId: string) => string | undefined;
-export declare const getViewPresetHasChanges: (store: AppStore, panelId: string) => boolean | undefined;
-export declare const getViewPresetActiveId: (store: AppStore, panelId: string) => string | undefined;
-export declare const getViewPresetPanelId: (store: AppStore, mapId: string) => string;
-export declare const getDialogOptions: (store: AppStore) => ViewPresetDialog | undefined;
-export declare const getIsViewPresetListDialogOpen: (store: AppStore, panelId: string) => boolean | undefined;
-export declare const getViewPresetListFiltersForView: ((state: AppStore, id: import("@reduxjs/toolkit").EntityId) => ViewPresetsListFilter[]) & import("reselect").OutputSelectorFields<(args_0: import("./types").ViewPresetEntity | undefined) => ViewPresetsListFilter[], {
+export declare const getViewPresets: (state: AppStore) => ViewPresetEntity[], getViewPresetById: (state: AppStore, id: import("@reduxjs/toolkit").EntityId) => ViewPresetEntity | undefined;
+export declare const getViewPresetsIsFetching: ((state: AppStore, id: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: ViewPresetEntity | undefined, args_1: string) => boolean, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;
 };
-export declare const getViewPresetListSearchQueryForView: (store: AppStore, panelId: string) => string;
-export declare const getViewPresetListFilterResultsForView: ((state: AppStore, id: import("@reduxjs/toolkit").EntityId) => ViewPresetListItem[]) & import("reselect").OutputSelectorFields<(args_0: import("./types").ViewPresetEntity | undefined) => ViewPresetListItem[], {
+export declare const getViewPresetsError: ((state: AppStore, id: string) => ViewPresetError) & import("reselect").OutputSelectorFields<(args_0: ViewPresetEntity | undefined, args_1: string) => ViewPresetError, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getViewPresetDetailError: ((state: AppStore, id: string) => string | undefined) & import("reselect").OutputSelectorFields<(args_0: ViewPresetError, args_1: string) => string | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getViewPresetListError: ((state: AppStore, id: string) => string | undefined) & import("reselect").OutputSelectorFields<(args_0: ViewPresetError, args_1: string) => string | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getViewPresetHasChanges: ((state: AppStore, id: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: ViewPresetEntity | undefined, args_1: string) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getViewPresetActiveId: ((state: AppStore, id: string) => string) & import("reselect").OutputSelectorFields<(args_0: ViewPresetEntity | undefined, args_1: string) => string, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getViewPresetPanelId: ((state: AppStore, mapId: string) => string) & import("reselect").OutputSelectorFields<(args_0: ViewPresetEntity[], args_1: string) => string, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getDialogOptions: ((state: AppStore) => import("./types").ViewPresetDialog | undefined) & import("reselect").OutputSelectorFields<(args_0: ViewPresetState, args_1: AppStore) => import("./types").ViewPresetDialog | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getIsViewPresetListDialogOpen: ((state: AppStore, id: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: ViewPresetEntity | undefined, args_1: string) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getViewPresetListFiltersForView: ((state: AppStore, id: string) => import("./types").ViewPresetsListFilter[]) & import("reselect").OutputSelectorFields<(args_0: ViewPresetEntity | undefined, args_1: string) => import("./types").ViewPresetsListFilter[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getViewPresetListSearchQueryForView: ((state: AppStore, id: string) => string) & import("reselect").OutputSelectorFields<(args_0: ViewPresetEntity | undefined, args_1: string) => string, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getViewPresetListFilterResultsForView: ((state: AppStore, id: import("@reduxjs/toolkit").EntityId) => ViewPresetListItem[]) & import("reselect").OutputSelectorFields<(args_0: ViewPresetEntity | undefined) => ViewPresetListItem[], {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

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

@@ -1,4 +1,4 @@
-import { WorkspaceState, WorkspaceViewType } from './types';
+import { WorkspaceState } from './types';
 import { AppStore } from '../store';
 /**
  * Gets workspace state
@@ -40,7 +40,11 @@ export declare const getMosaicNode: ((state: AppStore) => import("react-mosaic-c
  * @param {string} viewId viewId: string - view id
  * @returns {object} returnType: WorkspaceViewType
  */
-export declare const getViewById: (store: AppStore, viewId: string) => WorkspaceViewType | undefined;
+export declare const getViewById: ((state: AppStore, viewId: string) => import("./types").WorkspaceViewType | undefined) & import("reselect").OutputSelectorFields<(args_0: WorkspaceState, args_1: string) => import("./types").WorkspaceViewType | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  * Gets all view ids
  *
@@ -59,7 +63,7 @@ export declare const getViewIds: ((state: AppStore) => string[]) & import("resel
  * @param {string} viewId viewId: string - view id
  * @returns {boolean} returnType: boolean
  */
-export declare const getShouldPreventClose: ((state: AppStore, viewId: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: WorkspaceViewType | undefined) => boolean, {
+export declare const getShouldPreventClose: ((state: AppStore, viewId: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").WorkspaceViewType | undefined) => boolean, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;
@@ -163,7 +167,7 @@ export declare const getViewPresetToSendToBackend: ((state: any, viewId: any) =>
     };
     componentType: "Map";
     keywords: string;
-}) & import("reselect").OutputSelectorFields<(args_0: WorkspaceViewType | undefined, args_1: import("@opengeoweb/store").MapPreset, args_2: string[]) => {
+}) & import("reselect").OutputSelectorFields<(args_0: import("./types").WorkspaceViewType | undefined, args_1: import("@opengeoweb/store").MapPreset, args_2: string[]) => {
     id: string | undefined;
     scope: import("./types").PresetScope;
     title: string;

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

@@ -1,14 +1,40 @@
-import { WorkspaceListFilter, WorkspaceActionDialogType, WorkspaceListState, WorkspaceListError } from './types';
+import { WorkspaceListState } from './types';
 import { AppStore } from '../store';
 export declare const getWorkspaceListStore: (store: AppStore) => WorkspaceListState;
-export declare const getIsWorkspaceListFetching: (store: AppStore) => boolean;
-export declare const getWorkspaceListError: (store: AppStore) => WorkspaceListError;
 export declare const getWorkspaceList: (state: AppStore) => import("../workspace/types").WorkspacePresetListItem[];
-export declare const getWorkspaceActionDialogDetails: (store: AppStore) => WorkspaceActionDialogType | boolean;
-export declare const getIsWorkspaceListDialogOpen: (store: AppStore) => boolean;
-export declare const getWorkspaceListFilters: ((state: AppStore) => WorkspaceListFilter[]) & import("reselect").OutputSelectorFields<(args_0: WorkspaceListState) => WorkspaceListFilter[], {
+export declare const getIsWorkspaceListFetching: ((state: AppStore) => boolean) & import("reselect").OutputSelectorFields<(args_0: WorkspaceListState, args_1: AppStore) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getWorkspaceListError: ((state: AppStore) => {
+    type: import("./types").WorkspaceListErrorType;
+    message: string;
+} | undefined) & import("reselect").OutputSelectorFields<(args_0: WorkspaceListState, args_1: AppStore) => {
+    type: import("./types").WorkspaceListErrorType;
+    message: string;
+} | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getWorkspaceActionDialogDetails: ((state: AppStore) => false | import("./types").WorkspaceActionDialogType) & import("reselect").OutputSelectorFields<(args_0: WorkspaceListState, args_1: AppStore) => false | import("./types").WorkspaceActionDialogType, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getIsWorkspaceListDialogOpen: ((state: AppStore) => boolean) & import("reselect").OutputSelectorFields<(args_0: WorkspaceListState, args_1: AppStore) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getWorkspaceListFilters: ((state: AppStore) => import("./types").WorkspaceListFilter[]) & import("reselect").OutputSelectorFields<(args_0: WorkspaceListState, args_1: AppStore) => import("./types").WorkspaceListFilter[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getWorkspaceListSearchQuery: ((state: AppStore) => string) & import("reselect").OutputSelectorFields<(args_0: WorkspaceListState, args_1: AppStore) => string, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;
 };
-export declare const getWorkspaceListSearchQuery: (store: AppStore) => string;

package/src/lib/storyUtils/componentsLookUp.d.ts

@@ -1,7 +1,6 @@
 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';
@@ -10,4 +9,4 @@ import { ComponentsLookUpPayload as WarningListComponentsLookUpPayLoad } from '@
  * @param payload
  * @returns
  */
-export declare const componentsLookUp: (payload: CoreComponentsLookUpPayload | TimeseriesComponentsLookUpPayload | TafComponentsLookUpPayload | SigmetComponentsLookUpPayload | AirmetComponentsLookUpPayload | WarningListComponentsLookUpPayLoad | TimesliderComponentsLookUpPayload) => React.ReactElement;
+export declare const componentsLookUp: (payload: CoreComponentsLookUpPayload | TimeseriesComponentsLookUpPayload | TafComponentsLookUpPayload | SigmetComponentsLookUpPayload | AirmetComponentsLookUpPayload | WarningListComponentsLookUpPayLoad) => React.ReactElement;