@opengeoweb/workspace 5.0.1 → 5.1.0

package/index.js

@@ -3,13 +3,13 @@ import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInsta
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, MosaicWithoutDragDropContext } from 'react-mosaic-component';
 import { isAxiosError, getAxiosErrorMessage, withEggs, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, ToolContainer, CustomToggleButton, ConfirmationServiceProvider, ConfirmationDialog } from '@opengeoweb/shared';
 import * as React from 'react';
-import React__default, { createContext, useContext, useDebugValue, useLayoutEffect, useEffect, useMemo, memo, useRef, useCallback, forwardRef, createElement, Fragment } from 'react';
-import { ThemeWrapper, lightTheme, Menu, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, WebAssetOff, Clear, Search } from '@opengeoweb/theme';
+import React__default, { createContext, version, useContext, useRef, useCallback, useDebugValue, useLayoutEffect, useEffect, useMemo, memo, forwardRef, createElement, Fragment } from 'react';
+import { ThemeWrapper, lightTheme, Menu, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, Clear, Search, WebAssetOff } from '@opengeoweb/theme';
 import { unstable_batchedUpdates } from 'react-dom';
 import { timeSeriesModuleConfig } from '@opengeoweb/timeseries';
 import { AuthenticationProvider, useAuthenticationContext } from '@opengeoweb/authentication';
 import { jsx } from 'react/jsx-runtime';
-import { useTheme as useTheme$2, LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, Box as Box$2, List, Backdrop, Menu as Menu$1, ListSubheader, MenuItem, Chip, Stack, debounce as debounce$1, TextField, InputAdornment, Tabs } from '@mui/material';
+import { useTheme as useTheme$2, LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, Box as Box$2, List, Chip, Stack, debounce as debounce$1, TextField, InputAdornment, Backdrop, Menu as Menu$1, ListSubheader, MenuItem, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
 import { ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 
@@ -19124,8 +19124,10 @@ var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
       return axiosInstance["delete"]("/workspacepreset/".concat(workspacePresetId));
     },
     // view presets
-    getViewPresets: function getViewPresets() {
-      return axiosInstance.get('/viewpreset');
+    getViewPresets: function getViewPresets(params) {
+      return axiosInstance.get('/viewpreset', {
+        params: params
+      });
     },
     getViewPreset: function getViewPreset(viewPresetId) {
       return axiosInstance.get("/viewpreset/".concat(viewPresetId));
@@ -19234,22 +19236,19 @@ var getErrorMessage = function getErrorMessage(error) {
   return suffix ? "".concat(prefix, ": ").concat(suffix) : prefix;
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
+var viewPresetsListFilterOptions = [{
+  label: 'My presets',
+  id: 'user',
+  type: 'scope',
+  isSelected: true,
+  isDisabled: false
+}, {
+  label: 'System presets',
+  id: 'system',
+  type: 'scope',
+  isSelected: true,
+  isDisabled: false
+}];
 var viewPresetsAdapter = createEntityAdapter({
   // we use panelId as id (panelId can be mapId or viewId)
   selectId: function selectId(mapPreset) {
@@ -19307,17 +19306,42 @@ var slice$3 = createSlice({
       }
     },
     fetchedViewPresets: function fetchedViewPresets(draft, action) {
-      var panelId = action.payload.panelId;
+      var _action$payload = action.payload,
+        panelId = _action$payload.panelId,
+        viewPresets = _action$payload.viewPresets,
+        filterParams = _action$payload.filterParams;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.isFetching = false;
+        // If there are filter params, set filter results
+        if (Object.keys(filterParams).length !== 0 && viewPresets.length !== 0) {
+          var _viewPresets$reduce = viewPresets.reduce(function (result, viewPreset) {
+              return {
+                ids: [].concat(_toConsumableArray$1(result.ids), [viewPreset.id]),
+                entities: Object.assign(Object.assign({}, result.entities), _defineProperty$f({}, viewPreset.id, viewPreset))
+              };
+            }, {
+              ids: [],
+              entities: {}
+            }),
+            ids = _viewPresets$reduce.ids,
+            entities = _viewPresets$reduce.entities;
+          entity.filterResults.entities = entities;
+          entity.filterResults.ids = ids;
+        } else {
+          // If no filtering applied or no results returned from BE, clear out filter results
+          entity.filterResults = {
+            entities: {},
+            ids: []
+          };
+        }
         viewPresetsAdapter.setOne(draft, entity);
       }
     },
     fetchedViewPreset: function fetchedViewPreset(draft, action) {
-      var _action$payload = action.payload,
-        panelId = _action$payload.panelId,
-        mapPresetId = _action$payload.viewPresetId;
+      var _action$payload2 = action.payload,
+        panelId = _action$payload2.panelId,
+        mapPresetId = _action$payload2.viewPresetId;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.isFetching = false;
@@ -19346,9 +19370,9 @@ var slice$3 = createSlice({
       }
     },
     errorViewPreset: function errorViewPreset(draft, action) {
-      var _action$payload2 = action.payload,
-        panelId = _action$payload2.panelId,
-        error = _action$payload2.error;
+      var _action$payload3 = action.payload,
+        panelId = _action$payload3.panelId,
+        error = _action$payload3.error;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.error = error;
@@ -19358,9 +19382,9 @@ var slice$3 = createSlice({
     },
     // map actions
     setViewPresetHasChanges: function setViewPresetHasChanges(draft, action) {
-      var _action$payload3 = action.payload,
-        panelId = _action$payload3.panelId,
-        hasChanges = _action$payload3.hasChanges;
+      var _action$payload4 = action.payload,
+        panelId = _action$payload4.panelId,
+        hasChanges = _action$payload4.hasChanges;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.hasChanges = hasChanges;
@@ -19368,9 +19392,9 @@ var slice$3 = createSlice({
       }
     },
     setActiveViewPresetId: function setActiveViewPresetId(draft, action) {
-      var _action$payload4 = action.payload,
-        panelId = _action$payload4.panelId,
-        mapPresetId = _action$payload4.viewPresetId;
+      var _action$payload5 = action.payload,
+        panelId = _action$payload5.panelId,
+        mapPresetId = _action$payload5.viewPresetId;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.activeViewPresetId = mapPresetId;
@@ -19379,9 +19403,9 @@ var slice$3 = createSlice({
       }
     },
     selectViewPreset: function selectViewPreset(draft, action) {
-      var _action$payload5 = action.payload,
-        panelId = _action$payload5.panelId,
-        mapPresetId = _action$payload5.viewPresetId;
+      var _action$payload6 = action.payload,
+        panelId = _action$payload6.panelId,
+        mapPresetId = _action$payload6.viewPresetId;
       var entity = draft.entities[panelId];
       if (entity) {
         // only update activeMapPresetId after selecting a NEW preset
@@ -19401,16 +19425,22 @@ var slice$3 = createSlice({
     // eslint-disable-next-line no-unused-vars
     action) {},
     registerViewPreset: function registerViewPreset(draft, action) {
-      var _action$payload6 = action.payload,
-        mapId = _action$payload6.panelId,
-        mapPresetId = _action$payload6.viewPresetId;
+      var _action$payload7 = action.payload,
+        mapId = _action$payload7.panelId,
+        mapPresetId = _action$payload7.viewPresetId;
       viewPresetsAdapter.setOne(draft, {
         panelId: mapId,
         activeViewPresetId: mapPresetId,
         hasChanges: false,
         isFetching: false,
         error: undefined,
-        isViewPresetListDialogOpen: false
+        isViewPresetListDialogOpen: false,
+        filters: viewPresetsListFilterOptions,
+        searchQuery: '',
+        filterResults: {
+          ids: [],
+          entities: {}
+        }
       });
     },
     unregisterViewPreset: function unregisterViewPreset(draft, action) {
@@ -19426,22 +19456,67 @@ var slice$3 = createSlice({
       delete draft.viewPresetDialog;
     },
     toggleViewPresetListDialog: function toggleViewPresetListDialog(draft, action) {
-      var _action$payload7 = action.payload,
-        isViewPresetDialogOpen = _action$payload7.isViewPresetListDialogOpen,
-        panelId = _action$payload7.panelId;
+      var _action$payload8 = action.payload,
+        isViewPresetDialogOpen = _action$payload8.isViewPresetListDialogOpen,
+        panelId = _action$payload8.panelId;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.isViewPresetListDialogOpen = isViewPresetDialogOpen;
         viewPresetsAdapter.setOne(draft, entity);
       }
+    },
+    toggleSelectFilterChip: function toggleSelectFilterChip(draft, action) {
+      var _action$payload9 = action.payload,
+        id = _action$payload9.id,
+        isSelected = _action$payload9.isSelected,
+        panelId = _action$payload9.panelId;
+      var entity = draft.entities[panelId];
+      if (entity) {
+        var isAllSelected = entity.filters.every(function (filter) {
+          return filter.isSelected;
+        });
+        var index = entity.filters.findIndex(function (filter) {
+          return filter.id === id;
+        });
+        if (index !== -1) {
+          if (isAllSelected) {
+            entity.filters.forEach(function (filter, index) {
+              entity.filters[index].isSelected = filter.id === id ? isSelected : false;
+            });
+          } else {
+            entity.filters[index] = Object.assign(Object.assign({}, entity.filters[index]), {
+              isSelected: isSelected
+            });
+            var isAllUnSelected = entity.filters.every(function (filter) {
+              return !filter.isSelected;
+            });
+            if (isAllUnSelected) {
+              entity.filters.forEach(function (_, index) {
+                entity.filters[index].isSelected = true;
+              });
+            }
+          }
+        }
+      }
+    },
+    setSelectAllFilterChip: function setSelectAllFilterChip(draft, action) {
+      var panelId = action.payload.panelId;
+      var entity = draft.entities[panelId];
+      if (entity) {
+        entity.filters = entity.filters.map(function (filter) {
+          return Object.assign(Object.assign({}, filter), {
+            isSelected: true
+          });
+        });
+      }
     }
   },
   extraReducers: function extraReducers(builder) {
     syncGroupChangeActions.map(function (syncGroupAction) {
       return builder.addCase(syncGroupAction, function (draft, action) {
-        var _action$payload8 = action.payload,
-          origin = _action$payload8.origin,
-          targetId = _action$payload8.targetId;
+        var _action$payload10 = action.payload,
+          origin = _action$payload10.origin,
+          targetId = _action$payload10.targetId;
         if (origin === 'user') {
           var entity = draft.entities[targetId];
           if (entity) {
@@ -19453,9 +19528,9 @@ var slice$3 = createSlice({
     });
     mapPresetChangeActions.map(function (mapPresetAction) {
       return builder.addCase(mapPresetAction, function (draft, action) {
-        var _action$payload9 = action.payload,
-          mapId = _action$payload9.mapId,
-          origin = _action$payload9.origin;
+        var _action$payload11 = action.payload,
+          mapId = _action$payload11.mapId,
+          origin = _action$payload11.origin;
         var isChangeOriginSupported = supportedChangeOrigins.indexOf(origin) >= 0;
         if (isChangeOriginSupported && mapId) {
           var entity = draft.entities[mapId];
@@ -19773,6 +19848,20 @@ var getIsViewPresetListDialogOpen = function getIsViewPresetListDialogOpen(store
   var _a;
   return ((_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.isViewPresetListDialogOpen) || false;
 };
+var getViewPresetListFiltersForView = function getViewPresetListFiltersForView(store, panelId) {
+  var _a;
+  return ((_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.filters) || [];
+};
+// 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 = function getViewPresetListFilterResultsForView(store, panelId) {
+  var _a;
+  var filteredResults = ((_a = getViewPresetById(store, panelId)) === null || _a === void 0 ? void 0 : _a.filterResults) || {
+    entities: {},
+    ids: []
+  };
+  return Object.values(filteredResults.entities);
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19810,13 +19899,38 @@ var getPresetsApi = function getPresetsApi() {
 };
 var emptyMapViewPreset = {
   componentType: 'Map',
-  keywords: 'mapPreset,viewPreset,layerManager',
+  keywords: '',
   scope: 'user',
   title: '',
   initialProps: {
     mapPreset: {}
   }
 };
+// Returns object of applied user filters such as scope/search etc
+// If all filter chips are selected, an empty string is returned for that filter which is interpreted in the BE as "return all" _
+var constructFilterParams$1 = function constructFilterParams(filters) {
+  // get filters
+  var isAllSelectedForFilters = filters.every(function (filter) {
+    return filter.isSelected;
+  });
+  // If all filters are selected, ensure we return nothing for scope
+  var _ref = isAllSelectedForFilters ? {
+      scope: []
+    } : filters.reduce(function (filterList, filter) {
+      if (filter.isSelected && filter.type === 'scope') {
+        return Object.assign(Object.assign({}, filter), {
+          scope: filterList.scope.concat(filter.id)
+        });
+      }
+      return filterList;
+    }, {
+      scope: []
+    }),
+    scope = _ref.scope;
+  return Object.assign({}, scope.length && {
+    scope: scope.toString()
+  });
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20019,7 +20133,13 @@ var slice$1 = createSlice({
       }
       viewPresetsListAdapter.setAll(draft, action.payload.viewPresets);
     }).addCase(viewPresetActions.fetchedViewPresets, function (draft, action) {
-      var viewPresets = action.payload.viewPresets;
+      var _action$payload = action.payload,
+        viewPresets = _action$payload.viewPresets,
+        filterParams = _action$payload.filterParams;
+      // If there are filter params applied, don't do anything, these results are put in the specific panel filterResults
+      if (Object.keys(filterParams).length !== 0) {
+        return;
+      }
       if (!viewPresets || !viewPresets.length) {
         viewPresetsListAdapter.removeAll(draft);
         return;
@@ -22665,6 +22785,7 @@ var getSnackbarMessage = function getSnackbarMessage(action, title) {
 };
 var emptyMapWorkspace = {
   title: 'New workspace',
+  scope: 'system',
   "abstract": '',
   views: {
     allIds: ['1_screen'],
@@ -22763,6 +22884,19 @@ var filterWorkspacePresetList = function filterWorkspacePresetList(params) {
     return list;
   }, []);
 };
+var filterViewPresetList = function filterViewPresetList(params) {
+  if (lodash.exports.isEmpty(params)) {
+    return viewPresetsList;
+  }
+  return viewPresetsList.reduce(function (list, viewPresetRaw) {
+    var _a;
+    var workspacePreset = viewPresetRaw;
+    if ((_a = params === null || params === void 0 ? void 0 : params.scope) === null || _a === void 0 ? void 0 : _a.includes(workspacePreset.scope)) {
+      return list.concat(workspacePreset);
+    }
+    return list;
+  }, []);
+};
 var sortViewPresets = function sortViewPresets(viewPresets) {
   var presetOrder = ['system', 'user'];
   return _toConsumableArray$1(viewPresets).sort(function (left, right) {
@@ -22812,10 +22946,13 @@ var getApiRoutes = function getApiRoutes(axiosInstance) {
       return axiosInstance["delete"]("/workspacepreset/".concat(workspacePresetId));
     },
     // view presets
-    getViewPresets: function getViewPresets() {
-      return axiosInstance.get('/viewpreset').then(function () {
+    getViewPresets: function getViewPresets(params) {
+      return axiosInstance.get('/viewpreset', {
+        params: params
+      }).then(function () {
+        var data = filterViewPresetList(params);
         return {
-          data: sortViewPresets(viewPresetsList)
+          data: sortViewPresets(data)
         };
       });
     },
@@ -23720,25 +23857,26 @@ function fetchInitialViewPresetsSaga() {
 function fetchViewPresetsSaga(_ref) {
   var payload = _ref.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var panelId, presetsApi, _yield$call2, viewPresets;
+    var panelId, filterParams, presetsApi, _yield$call2, viewPresets;
     return _regeneratorRuntime().wrap(function _callee$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          panelId = payload.panelId;
+          panelId = payload.panelId, filterParams = payload.filterParams;
           _context2.prev = 1;
           _context2.next = 4;
           return call(getPresetsApi);
         case 4:
           presetsApi = _context2.sent;
           _context2.next = 7;
-          return call(presetsApi.getViewPresets);
+          return call(presetsApi.getViewPresets, filterParams);
         case 7:
           _yield$call2 = _context2.sent;
           viewPresets = _yield$call2.data;
           _context2.next = 11;
           return put(viewPresetActions.fetchedViewPresets({
             viewPresets: viewPresets,
-            panelId: panelId
+            panelId: panelId,
+            filterParams: filterParams
           }));
         case 11:
           _context2.next = 17;
@@ -23871,7 +24009,7 @@ function selectViewPresetSaga(_ref3) {
 function onSuccessViewPresetActionSaga(_ref4) {
   var payload = _ref4.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-    var action, viewPresetId, title, panelId, activeMapPresetId;
+    var action, viewPresetId, title, panelId, activeMapPresetId, viewPresetFilters;
     return _regeneratorRuntime().wrap(function _callee4$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
@@ -23897,36 +24035,41 @@ function onSuccessViewPresetActionSaga(_ref4) {
           }));
         case 10:
           _context5.next = 12;
+          return select(getViewPresetListFiltersForView, panelId);
+        case 12:
+          viewPresetFilters = _context5.sent;
+          _context5.next = 15;
           return call(fetchViewPresetsSaga, viewPresetActions.fetchViewPresets({
-            panelId: panelId
+            panelId: panelId,
+            filterParams: constructFilterParams$1(viewPresetFilters)
           }));
-        case 12:
-          _context5.next = 14;
+        case 15:
+          _context5.next = 17;
           return put(viewPresetActions.setViewPresetHasChanges({
             panelId: panelId,
             hasChanges: false
           }));
-        case 14:
+        case 17:
           if (!(action === PresetAction.SAVE_AS && viewPresetId)) {
-            _context5.next = 17;
+            _context5.next = 20;
             break;
           }
-          _context5.next = 17;
+          _context5.next = 20;
           return put(viewPresetActions.setActiveViewPresetId({
             panelId: panelId,
             viewPresetId: viewPresetId
           }));
-        case 17:
-          _context5.next = 21;
+        case 20:
+          _context5.next = 24;
           break;
-        case 19:
-          _context5.prev = 19;
+        case 22:
+          _context5.prev = 22;
           _context5.t0 = _context5["catch"](1);
-        case 21:
+        case 24:
         case "end":
           return _context5.stop();
       }
-    }, _callee4, null, [[1, 19]]);
+    }, _callee4, null, [[1, 22]]);
   })();
 }
 function rootSaga() {
@@ -24439,12 +24582,52 @@ const setBatch = newBatch => batch = newBatch; // Supply a getter just to skip d
 
 const getBatch = () => batch;
 
-const ReactReduxContext = /*#__PURE__*/createContext(null);
+const ContextKey = Symbol.for(`react-redux-context-${version}`);
+const gT = globalThis;
 
-if (process.env.NODE_ENV !== 'production') {
-  ReactReduxContext.displayName = 'ReactRedux';
+function getContext() {
+  let realContext = gT[ContextKey];
+
+  if (!realContext) {
+    realContext = createContext(null);
+
+    if (process.env.NODE_ENV !== 'production') {
+      realContext.displayName = 'ReactRedux';
+    }
+
+    gT[ContextKey] = realContext;
+  }
+
+  return realContext;
 }
 
+const ReactReduxContext = /*#__PURE__*/new Proxy({}, /*#__PURE__*/new Proxy({}, {
+  get(_, handler) {
+    const target = getContext(); // @ts-ignore
+
+    return (_target, ...args) => Reflect[handler](target, ...args);
+  }
+
+}));
+
+/**
+ * Hook factory, which creates a `useReduxContext` hook bound to a given context. This is a low-level
+ * hook that you should usually not need to call directly.
+ *
+ * @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
+ * @returns {Function} A `useReduxContext` hook bound to the specified context.
+ */
+function createReduxContextHook(context = ReactReduxContext) {
+  return function useReduxContext() {
+    const contextValue = useContext(context);
+
+    if (process.env.NODE_ENV !== 'production' && !contextValue) {
+      throw new Error('could not find react-redux context value; please ensure the component is wrapped in a <Provider>');
+    }
+
+    return contextValue;
+  };
+}
 /**
  * A hook to access the value of the `ReactReduxContext`. This is a low-level
  * hook that you should usually not need to call directly.
@@ -24461,15 +24644,8 @@ if (process.env.NODE_ENV !== 'production') {
  *   return <div>{store.getState()}</div>
  * }
  */
-function useReduxContext() {
-  const contextValue = useContext(ReactReduxContext);
 
-  if (process.env.NODE_ENV !== 'production' && !contextValue) {
-    throw new Error('could not find react-redux context value; please ensure the component is wrapped in a <Provider>');
-  }
-
-  return contextValue;
-}
+const useReduxContext = /*#__PURE__*/createReduxContextHook();
 
 const notInitialized = () => {
   throw new Error('uSES not initialized!');
@@ -24490,8 +24666,16 @@ const refEquality = (a, b) => a === b;
 
 
 function createSelectorHook(context = ReactReduxContext) {
-  const useReduxContext$1 = context === ReactReduxContext ? useReduxContext : () => useContext(context);
-  return function useSelector(selector, equalityFn = refEquality) {
+  const useReduxContext$1 = context === ReactReduxContext ? useReduxContext : createReduxContextHook(context);
+  return function useSelector(selector, equalityFnOrOptions = {}) {
+    const {
+      equalityFn = refEquality,
+      stabilityCheck = undefined,
+      noopCheck = undefined
+    } = typeof equalityFnOrOptions === 'function' ? {
+      equalityFn: equalityFnOrOptions
+    } : equalityFnOrOptions;
+
     if (process.env.NODE_ENV !== 'production') {
       if (!selector) {
         throw new Error(`You must pass a selector to useSelector`);
@@ -24509,9 +24693,47 @@ function createSelectorHook(context = ReactReduxContext) {
     const {
       store,
       subscription,
-      getServerState
+      getServerState,
+      stabilityCheck: globalStabilityCheck,
+      noopCheck: globalNoopCheck
     } = useReduxContext$1();
-    const selectedState = useSyncExternalStoreWithSelector(subscription.addNestedSub, store.getState, getServerState || store.getState, selector, equalityFn);
+    const firstRun = useRef(true);
+    const wrappedSelector = useCallback({
+      [selector.name](state) {
+        const selected = selector(state);
+
+        if (process.env.NODE_ENV !== 'production') {
+          const finalStabilityCheck = typeof stabilityCheck === 'undefined' ? globalStabilityCheck : stabilityCheck;
+
+          if (finalStabilityCheck === 'always' || finalStabilityCheck === 'once' && firstRun.current) {
+            const toCompare = selector(state);
+
+            if (!equalityFn(selected, toCompare)) {
+              console.warn('Selector ' + (selector.name || 'unknown') + ' returned a different result when called with the same parameters. This can lead to unnecessary rerenders.' + '\nSelectors that return a new reference (such as an object or an array) should be memoized: https://redux.js.org/usage/deriving-data-selectors#optimizing-selectors-with-memoization', {
+                state,
+                selected,
+                selected2: toCompare
+              });
+            }
+          }
+
+          const finalNoopCheck = typeof noopCheck === 'undefined' ? globalNoopCheck : noopCheck;
+
+          if (finalNoopCheck === 'always' || finalNoopCheck === 'once' && firstRun.current) {
+            // @ts-ignore
+            if (selected === state) {
+              console.warn('Selector ' + (selector.name || 'unknown') + ' returned the root state when called. This can lead to unnecessary rerenders.' + '\nSelectors that return the entire state are almost certainly a mistake, as they will cause a rerender whenever *anything* in state changes.');
+            }
+          }
+
+          if (firstRun.current) firstRun.current = false;
+        }
+
+        return selected;
+      }
+
+    }[selector.name], [selector, globalStabilityCheck, stabilityCheck]);
+    const selectedState = useSyncExternalStoreWithSelector(subscription.addNestedSub, store.getState, getServerState || store.getState, wrappedSelector, equalityFn);
     useDebugValue(selectedState);
     return selectedState;
   };
@@ -25164,16 +25386,20 @@ function Provider({
   store,
   context,
   children,
-  serverState
+  serverState,
+  stabilityCheck = 'once',
+  noopCheck = 'once'
 }) {
   const contextValue = useMemo(() => {
     const subscription = createSubscription(store);
     return {
       store,
       subscription,
-      getServerState: serverState ? () => serverState : undefined
+      getServerState: serverState ? () => serverState : undefined,
+      stabilityCheck,
+      noopCheck
     };
-  }, [store, serverState]);
+  }, [store, serverState, stabilityCheck, noopCheck]);
   const previousState = useMemo(() => store.getState(), [store]);
   useIsomorphicLayoutEffect(() => {
     const {
@@ -25207,7 +25433,8 @@ function Provider({
 
 function createStoreHook(context = ReactReduxContext) {
   const useReduxContext$1 = // @ts-ignore
-  context === ReactReduxContext ? useReduxContext : () => useContext(context);
+  context === ReactReduxContext ? useReduxContext : // @ts-ignore
+  createReduxContextHook(context);
   return function useStore() {
     const {
       store
@@ -31400,6 +31627,8 @@ var createBalancedMosaicNode = function createBalancedMosaicNode(currentNode) {
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
+// Used to retrieve the unfiltered, general view preset list.
+// To ensure you retrieve the view preset list specific for your view, use getFilteredViewPresetListForView
 var _viewPresetsListAdapt = viewPresetsListAdapter.getSelectors(function (state) {
     var _a;
     return (_a = state === null || state === void 0 ? void 0 : state.viewPresetsList) !== null && _a !== void 0 ? _a : {
@@ -31409,6 +31638,20 @@ var _viewPresetsListAdapt = viewPresetsListAdapter.getSelectors(function (state)
   }),
   getViewPresetsList = _viewPresetsListAdapt.selectAll;
   _viewPresetsListAdapt.selectById;
+var getFilteredViewPresetListForView = createSelector(getViewPresetsList, getViewPresetListFilterResultsForView, getViewPresetListFiltersForView, function (fullViewPresetsList, filteredResults, appliedFilters) {
+  // If we have a filtered results list, use this, otherwise fall back to the general unfiltered view presets list
+  // If all filters are set to true we are not filtering
+  var filtersApplied = !appliedFilters.every(function (filter) {
+    return filter.isSelected;
+  });
+  if (filtersApplied) {
+    return filteredResults;
+  }
+  return fullViewPresetsList !== null && fullViewPresetsList !== void 0 ? fullViewPresetsList : {
+    entities: {},
+    ids: []
+  };
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -31602,6 +31845,196 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
   })));
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var FilterChip = function FilterChip(_ref) {
+  var label = _ref.label,
+    id = _ref.id,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$handleClick = _ref.handleClick,
+    handleClick = _ref$handleClick === void 0 ? function () {} : _ref$handleClick;
+  var theme = useTheme$2();
+  return /*#__PURE__*/React.createElement(Chip, {
+    size: "small",
+    id: id,
+    label: label,
+    disabled: isDisabled,
+    variant: isSelected ? 'filled' : 'outlined',
+    color: isSelected ? 'secondary' : 'default',
+    sx: {
+      borderColor: "".concat(theme.palette.geowebColors.buttons.tertiary["default"].borderColor),
+      padding: '0px 4px'
+    },
+    onClick: function onClick() {
+      return handleClick(id);
+    }
+  });
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var allLabel = 'All';
+var FilterList = function FilterList(_ref) {
+  var _ref$filters = _ref.filters,
+    filters = _ref$filters === void 0 ? workspaceListFilterOptions : _ref$filters,
+    _ref$onChipClick = _ref.onChipClick,
+    onChipClick = _ref$onChipClick === void 0 ? function () {} : _ref$onChipClick,
+    _ref$isAllSelected = _ref.isAllSelected,
+    isAllSelected = _ref$isAllSelected === void 0 ? false : _ref$isAllSelected;
+  return /*#__PURE__*/React.createElement(Stack, {
+    direction: "row",
+    spacing: 1,
+    "data-testid": "filterList"
+  }, /*#__PURE__*/React.createElement(FilterChip, {
+    id: "all",
+    label: allLabel,
+    isSelected: isAllSelected,
+    handleClick: function handleClick(key) {
+      return onChipClick(key, !isAllSelected);
+    }
+  }), filters.map(function (filter) {
+    return /*#__PURE__*/React.createElement(FilterChip, {
+      key: filter.id,
+      id: filter.id,
+      label: filter.label,
+      isSelected: isAllSelected ? false : filter.isSelected,
+      isDisabled: filter.isDisabled,
+      handleClick: function handleClick(key) {
+        // If they are all isSelected ensure that if one is clicked that one will be the only one set to selected
+        var selected = isAllSelected ? true : !filter.isSelected;
+        onChipClick(key, selected);
+      }
+    });
+  }));
+};
+
+var DEBOUNCE_TIMEOUT = 300;
+var SearchField = function SearchField(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'Search' : _ref$label,
+    valueChanged = _ref.valueChanged,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value;
+  var _React$useState = React.useState(value),
+    _React$useState2 = _slicedToArray$2(_React$useState, 2),
+    localValue = _React$useState2[0],
+    setLocalValue = _React$useState2[1];
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var handleValueChangeDebounced = React.useCallback(debounce$1(valueChanged, DEBOUNCE_TIMEOUT), []);
+  var ClearButton = function ClearButton() {
+    return /*#__PURE__*/React.createElement(CustomIconButton, {
+      tooltipTitle: "Clear",
+      edge: "end",
+      onClick: function onClick() {
+        setLocalValue('');
+        valueChanged('');
+      },
+      size: "large"
+    }, /*#__PURE__*/React.createElement(Clear, null));
+  };
+  var SearchButton = function SearchButton() {
+    return /*#__PURE__*/React.createElement(CustomIconButton, {
+      tooltipTitle: label,
+      edge: "end",
+      size: "large"
+    }, /*#__PURE__*/React.createElement(Search, null));
+  };
+  return /*#__PURE__*/React.createElement(TextField, {
+    variant: "filled",
+    size: "small",
+    sx: {
+      '& input': {
+        paddingTop: '18px'
+      }
+    },
+    label: label,
+    value: localValue,
+    autoFocus: true,
+    fullWidth: true,
+    onChange: function onChange(e) {
+      handleValueChangeDebounced(e.target.value);
+      setLocalValue(e.target.value);
+    },
+    InputProps: {
+      endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
+        position: "end"
+      }, localValue ? /*#__PURE__*/React.createElement(ClearButton, null) : /*#__PURE__*/React.createElement(SearchButton, null))
+    }
+  });
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var WorkspaceFilter = function WorkspaceFilter(_ref) {
+  var filters = _ref.filters,
+    _ref$onClickFilterChi = _ref.onClickFilterChip,
+    onClickFilterChip = _ref$onClickFilterChi === void 0 ? function () {} : _ref$onClickFilterChi,
+    _ref$onSearch = _ref.onSearch,
+    onSearch = _ref$onSearch === void 0 ? function () {} : _ref$onSearch,
+    isAllSelected = _ref.isAllSelected,
+    searchQuery = _ref.searchQuery,
+    _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch;
+  return /*#__PURE__*/React.createElement(Stack, {
+    spacing: 1,
+    sx: {
+      marginBottom: '8px'
+    }
+  }, showSearch && /*#__PURE__*/React.createElement(SearchField, {
+    value: searchQuery,
+    valueChanged: onSearch
+  }), /*#__PURE__*/React.createElement(FilterList, {
+    filters: filters,
+    onChipClick: onClickFilterChip,
+    isAllSelected: isAllSelected
+  }));
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -31621,9 +32054,11 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
 var ERROR_TITLE = 'View presets not available';
 var ERROR_RETRY = 'Try again';
 var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
-  var panelId = _ref.panelId;
+  var panelId = _ref.panelId,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen;
   var viewPresets = useSelector(function (store) {
-    return getViewPresetsList(store);
+    return getFilteredViewPresetListForView(store, panelId);
   });
   var activeViewPresetId = useSelector(function (store) {
     return getViewPresetActiveId(store, panelId);
@@ -31631,6 +32066,9 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var currentMapPreset = useSelector(function (store) {
     return mapSelectors.getMapPreset(store, panelId);
   });
+  var viewPresetListFilters = useSelector(function (store) {
+    return getViewPresetListFiltersForView(store, panelId);
+  });
   var relatedSyncGroupIds = useSelector(function (store) {
     return syncGroupsSelectors.getAllTargetGroupsForSource(store, panelId);
   });
@@ -31642,6 +32080,13 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   });
   var _useAuthenticationCon = useAuthenticationContext(),
     isLoggedIn = _useAuthenticationCon.isLoggedIn;
+  React.useEffect(function () {
+    // Only refetch list on changes to the filters if the dialog is open
+    if (isOpen) {
+      fetchViewPresets();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [viewPresetListFilters]);
   var dispatch = useDispatch();
   var openViewPresetsDialog = React.useCallback(function (viewPresetDialogOptions) {
     dispatch(viewPresetActions.openViewPresetDialog({
@@ -31655,10 +32100,12 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     }));
   }, [dispatch, panelId]);
   var fetchViewPresets = React.useCallback(function () {
+    var filterParams = constructFilterParams$1(viewPresetListFilters);
     dispatch(viewPresetActions.fetchViewPresets({
-      panelId: panelId
+      panelId: panelId,
+      filterParams: filterParams
     }));
-  }, [dispatch, panelId]);
+  }, [dispatch, panelId, viewPresetListFilters]);
   var onClickViewPresetOption = function onClickViewPresetOption(presetId, workspaceAction, preset) {
     switch (workspaceAction) {
       case WorkspacePresetAction.DUPLICATE:
@@ -31699,6 +32146,31 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
         }
     }
   };
+  var toggleSelectFilterChip = React.useCallback(function (id, isSelected) {
+    dispatch(viewPresetActions.toggleSelectFilterChip({
+      id: id,
+      isSelected: isSelected,
+      panelId: panelId
+    }));
+  }, [dispatch, panelId]);
+  var setSelectAllFilterChip = React.useCallback(function () {
+    dispatch(viewPresetActions.setSelectAllFilterChip({
+      panelId: panelId
+    }));
+  }, [dispatch, panelId]);
+  var onClickFilterChip = function onClickFilterChip(id, shouldSelect) {
+    if (id === 'all') {
+      if (shouldSelect) {
+        setSelectAllFilterChip();
+      }
+    } else {
+      toggleSelectFilterChip(id, shouldSelect);
+    }
+  };
+  var isAllSelectedForFilters = viewPresetListFilters.every(function (filter) {
+    return filter.isSelected;
+  });
+  var shouldHideNewWorkspace = !isAllSelectedForFilters; // || workspaceSearchQuery.length > 0;
   return /*#__PURE__*/React.createElement(React.Fragment, null, isViewPresetsListFetching && /*#__PURE__*/React.createElement(LinearProgress, {
     "data-testid": "loading-bar",
     color: "secondary",
@@ -31713,6 +32185,15 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
       title: ERROR_RETRY,
       onClick: fetchViewPresets
     }
+  }), /*#__PURE__*/React.createElement(Box$2, {
+    sx: {
+      padding: 1
+    }
+  }, !errorViewPresetsList && /*#__PURE__*/React.createElement(WorkspaceFilter, {
+    filters: viewPresetListFilters,
+    onClickFilterChip: onClickFilterChip,
+    isAllSelected: isAllSelectedForFilters,
+    showSearch: false
   }), /*#__PURE__*/React.createElement(WorkspaceSelectList, {
     workspacePresets: viewPresets,
     currentSelectedId: activeViewPresetId || undefined,
@@ -31722,8 +32203,9 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
       id: undefined,
       title: MAPPRESET_ACTIVE_TITLE
     }),
-    isLoggedIn: isLoggedIn
-  }));
+    isLoggedIn: isLoggedIn,
+    hideNewWorkspace: shouldHideNewWorkspace
+  })));
 };
 
 /* *
@@ -31762,13 +32244,10 @@ var ViewPresetMenu = function ViewPresetMenu(_ref) {
     onClick: function onClick(event) {
       event.stopPropagation();
     }
-  }, /*#__PURE__*/React__default.createElement(Box$2, {
-    sx: {
-      padding: 1
-    }
   }, /*#__PURE__*/React__default.createElement(ViewPresetMenuListConnect, {
-    panelId: panelId
-  })));
+    panelId: panelId,
+    isOpen: isOpen
+  }));
   return /*#__PURE__*/React__default.createElement("div", null, hideBackdrop ?
   // Enable hiding backdrop from snapshot tests
   toolContainer : /*#__PURE__*/React__default.createElement(Backdrop, {
@@ -31821,7 +32300,7 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
     title: 'Save as',
     callback: handleSaveAs
   }].concat(_toConsumableArray$1(handleSaveAll ? [{
-    title: 'Save all',
+    title: 'Save (incl. viewpresets)',
     callback: handleSaveAll
   }] : []), [{
     title: 'Edit',
@@ -32177,9 +32656,9 @@ var WorkspaceTileConnect = function WorkspaceTileConnect(_ref) {
     id: mosaicNodeId,
     componentType: view === null || view === void 0 ? void 0 : view.componentType,
     initialProps: view === null || view === void 0 ? void 0 : view.initialProps
-  }), isViewPresetDialogOpen && /*#__PURE__*/React.createElement(ViewPresetMenu, {
+  }), /*#__PURE__*/React.createElement(ViewPresetMenu, {
     panelId: mosaicNodeId,
-    isOpen: isViewPresetDialogOpen,
+    isOpen: isViewPresetDialogOpen || false,
     closeMenu: function closeMenu() {
       toggleViewPresetDialog({
         panelId: mosaicNodeId,
@@ -35925,194 +36404,6 @@ process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
 } : void 0;
 var Box$1 = Box;
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var FilterChip = function FilterChip(_ref) {
-  var label = _ref.label,
-    id = _ref.id,
-    _ref$isSelected = _ref.isSelected,
-    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$handleClick = _ref.handleClick,
-    handleClick = _ref$handleClick === void 0 ? function () {} : _ref$handleClick;
-  var theme = useTheme$2();
-  return /*#__PURE__*/React.createElement(Chip, {
-    size: "small",
-    id: id,
-    label: label,
-    disabled: isDisabled,
-    variant: isSelected ? 'filled' : 'outlined',
-    color: isSelected ? 'secondary' : 'default',
-    sx: {
-      borderColor: "".concat(theme.palette.geowebColors.buttons.tertiary["default"].borderColor),
-      padding: '0px 4px'
-    },
-    onClick: function onClick() {
-      return handleClick(id);
-    }
-  });
-};
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var allLabel = 'All';
-var FilterList = function FilterList(_ref) {
-  var _ref$filters = _ref.filters,
-    filters = _ref$filters === void 0 ? workspaceListFilterOptions : _ref$filters,
-    _ref$onChipClick = _ref.onChipClick,
-    onChipClick = _ref$onChipClick === void 0 ? function () {} : _ref$onChipClick,
-    _ref$isAllSelected = _ref.isAllSelected,
-    isAllSelected = _ref$isAllSelected === void 0 ? false : _ref$isAllSelected;
-  return /*#__PURE__*/React.createElement(Stack, {
-    direction: "row",
-    spacing: 1,
-    "data-testid": "filterList"
-  }, /*#__PURE__*/React.createElement(FilterChip, {
-    id: "all",
-    label: allLabel,
-    isSelected: isAllSelected,
-    handleClick: function handleClick(key) {
-      return onChipClick(key, !isAllSelected);
-    }
-  }), filters.map(function (filter) {
-    return /*#__PURE__*/React.createElement(FilterChip, {
-      key: filter.id,
-      id: filter.id,
-      label: filter.label,
-      isSelected: isAllSelected ? false : filter.isSelected,
-      isDisabled: filter.isDisabled,
-      handleClick: function handleClick(key) {
-        // If they are all isSelected ensure that if one is clicked that one will be the only one set to selected
-        var selected = isAllSelected ? true : !filter.isSelected;
-        onChipClick(key, selected);
-      }
-    });
-  }));
-};
-
-var DEBOUNCE_TIMEOUT = 300;
-var SearchField = function SearchField(_ref) {
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'Search' : _ref$label,
-    valueChanged = _ref.valueChanged,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value;
-  var _React$useState = React.useState(value),
-    _React$useState2 = _slicedToArray$2(_React$useState, 2),
-    localValue = _React$useState2[0],
-    setLocalValue = _React$useState2[1];
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  var handleValueChangeDebounced = React.useCallback(debounce$1(valueChanged, DEBOUNCE_TIMEOUT), []);
-  var ClearButton = function ClearButton() {
-    return /*#__PURE__*/React.createElement(CustomIconButton, {
-      tooltipTitle: "Clear",
-      edge: "end",
-      onClick: function onClick() {
-        setLocalValue('');
-        valueChanged('');
-      },
-      size: "large"
-    }, /*#__PURE__*/React.createElement(Clear, null));
-  };
-  var SearchButton = function SearchButton() {
-    return /*#__PURE__*/React.createElement(CustomIconButton, {
-      tooltipTitle: label,
-      edge: "end",
-      size: "large"
-    }, /*#__PURE__*/React.createElement(Search, null));
-  };
-  return /*#__PURE__*/React.createElement(TextField, {
-    variant: "filled",
-    size: "small",
-    sx: {
-      '& input': {
-        paddingTop: '18px'
-      }
-    },
-    label: label,
-    value: localValue,
-    autoFocus: true,
-    fullWidth: true,
-    onChange: function onChange(e) {
-      handleValueChangeDebounced(e.target.value);
-      setLocalValue(e.target.value);
-    },
-    InputProps: {
-      endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
-        position: "end"
-      }, localValue ? /*#__PURE__*/React.createElement(ClearButton, null) : /*#__PURE__*/React.createElement(SearchButton, null))
-    }
-  });
-};
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var WorkspaceFilter = function WorkspaceFilter(_ref) {
-  var filters = _ref.filters,
-    _ref$onClickFilterChi = _ref.onClickFilterChip,
-    onClickFilterChip = _ref$onClickFilterChi === void 0 ? function () {} : _ref$onClickFilterChi,
-    _ref$onSearch = _ref.onSearch,
-    onSearch = _ref$onSearch === void 0 ? function () {} : _ref$onSearch,
-    isAllSelected = _ref.isAllSelected,
-    searchQuery = _ref.searchQuery;
-  return /*#__PURE__*/React.createElement(Stack, {
-    spacing: 1,
-    sx: {
-      marginBottom: '8px'
-    }
-  }, /*#__PURE__*/React.createElement(SearchField, {
-    value: searchQuery,
-    valueChanged: onSearch
-  }), /*#__PURE__*/React.createElement(FilterList, {
-    filters: filters,
-    onChipClick: onClickFilterChip,
-    isAllSelected: isAllSelected
-  }));
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -36252,7 +36543,9 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
     return filter.isSelected;
   });
   var shouldHideNewWorkspace = !isAllSelected || workspaceSearchQuery.length > 0;
-  return /*#__PURE__*/React.createElement("div", null, isFetching && /*#__PURE__*/React.createElement(LinearProgress, {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "workspace-selectlist-connect"
+  }, isFetching && /*#__PURE__*/React.createElement(LinearProgress, {
     "data-testid": "loading-bar",
     color: "secondary",
     sx: {
@@ -36651,7 +36944,7 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
     onSubmit();
   };
   var hasFormInput = action === WorkspacePresetAction.DUPLICATE || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.SAVE_ALL;
-  // disable form inputs for 'save all' existing workspace preset
+  // disable form inputs for 'Save (incl. viewpresets)' existing workspace preset
   var isDisabled = action === WorkspacePresetAction.SAVE_ALL && formValues.id !== undefined && formValues.id !== '' && formValues.scope === 'user';
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Boolean(error) && /*#__PURE__*/React__default.createElement(Box$2, {
     sx: {
@@ -36720,16 +37013,21 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-var DIALOG_TITLE_SAVE_ALL = 'Save all';
+var DIALOG_TITLE_SAVE_AS = 'Save as';
+var DIALOG_TITLE_SAVE_ALL = 'Save (incl. viewpresets)';
+var DIALOG_TITLE_DELETE = 'Delete workspace';
+var DIALOG_TITLE_DUPLICATE = 'Duplicate';
+var DIALOG_BUTTON_SAVE = 'Save';
+var DIALOG_BUTTON_DELETE = 'Delete';
 var getDialogTitle = function getDialogTitle(action) {
   switch (action) {
     case WorkspacePresetAction.DELETE:
       {
-        return 'Delete workspace';
+        return DIALOG_TITLE_DELETE;
       }
     case WorkspacePresetAction.DUPLICATE:
       {
-        return 'Duplicate';
+        return DIALOG_TITLE_DUPLICATE;
       }
     case WorkspacePresetAction.SAVE_ALL:
       {
@@ -36737,7 +37035,7 @@ var getDialogTitle = function getDialogTitle(action) {
       }
     default:
       {
-        return 'Save as';
+        return DIALOG_TITLE_SAVE_AS;
       }
   }
 };
@@ -36745,15 +37043,11 @@ var getConfirmLabel$1 = function getConfirmLabel(action) {
   switch (action) {
     case WorkspacePresetAction.DELETE:
       {
-        return 'Delete';
-      }
-    case WorkspacePresetAction.SAVE_ALL:
-      {
-        return DIALOG_TITLE_SAVE_ALL;
+        return DIALOG_BUTTON_DELETE;
       }
     default:
       {
-        return 'Save';
+        return DIALOG_BUTTON_SAVE;
       }
   }
 };