@opengeoweb/workspace 9.22.0 → 9.24.0

package/index.esm.js

@@ -1,18 +1,19 @@
-import { createEntityAdapter, createSlice, createSelector } from '@reduxjs/toolkit';
+import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware } from '@reduxjs/toolkit';
 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 i18n from 'i18next';
-import { SHARED_NAMESPACE, sharedTranslations, isAxiosAuthError, getAxiosErrorMessage, isAxiosError, withEggs, ConfirmationServiceProvider, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, usePrevious, Resizable, ToolContainer, renderCounter, CustomToggleButton, ConfirmationDialog } from '@opengeoweb/shared';
+import { SHARED_NAMESPACE, sharedTranslations, isAxiosAuthError, getAxiosErrorMessage, isAxiosError, withEggs, ConfirmationServiceProvider, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, usePrevious, Filter, Resizable, ToolContainer, renderCounter, CustomToggleButton, ConfirmationDialog } from '@opengeoweb/shared';
 import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations } from '@opengeoweb/webmap-react';
 import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
 import { CORE_NAMESPACE, coreTranslations } from '@opengeoweb/core';
 import { FORM_FIELDS_NAMESPACE, formFieldsTranslations, ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import { takeLatest, takeEvery, debounce, delay, put, all, select, call as call$g, takeLeading } from 'redux-saga/effects';
 import { snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
+import { isAxiosError as isAxiosError$1 } from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ThemeWrapper, lightTheme, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, Search, Clear, CloudLoading, CloudIdle, WebAssetOff } from '@opengeoweb/theme';
+import { ThemeWrapper, lightTheme, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, 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';
@@ -21,20 +22,15 @@ import { getSagaExtension } from '@redux-eggs/saga-extension';
 import { produce } from 'immer';
 import * as React from 'react';
 import React__default, { useCallback } from 'react';
-import { LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, useTheme, Chip, Stack, debounce as debounce$1, TextField, InputAdornment, Box, Backdrop, Menu, ListSubheader, MenuItem, Tabs } from '@mui/material';
+import { LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, Box, Backdrop, Menu, ListSubheader, MenuItem, useTheme, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
-import { Box as Box$1 } from '@mui/system';
 import { useFormContext } from 'react-hook-form';
 
 var en = {
 	"workspace-menu": "Workspace menu",
 	"workspace-new": "New workspace",
-	"workspace-my-presets": "My presets",
-	"workspace-system-presets": "System presets",
-	"workspace-all-button": "All",
-	"workspace-search": "Search",
 	"workspace-loading": "Loading",
 	"workspace-options": "Options",
 	"workspace-results": "results",
@@ -90,73 +86,65 @@ var en = {
 	"workspace-viewpreset-menu": "View presets menu"
 };
 var fi = {
-	"workspace-menu": "ei käännetty",
-	"workspace-new": "ei käännetty",
-	"workspace-my-presets": "ei käännetty",
-	"workspace-system-presets": "ei käännetty",
-	"workspace-all-button": "ei käännetty",
-	"workspace-search": "ei käännetty",
-	"workspace-loading": "ei käännetty",
-	"workspace-options": "ei käännetty",
-	"workspace-results": "ei käännetty",
-	"workspace-delete": "ei käännetty",
-	"workspce-clear": "ei käännetty",
-	"workspace-save": "ei käännetty",
-	"workspace-save-as": "ei käännetty",
-	"workspace-save-incl-viewpresets": "ei käännetty",
-	"workspace-edit": "ei käännetty",
-	"workspace-edit-both": "ei käännetty",
-	"geoweb-welcome": "ei käännetty",
-	"workspace-modified-new": "ei käännetty",
-	"workspace-modified-existing": "ei käännetty",
-	"workspace-dialog-delete": "ei käännetty",
-	"workspace-duplicate": "ei käännetty",
-	"workspace-cancel": "ei käännetty",
-	"workspace-dialog-name": "ei käännetty",
-	"workspace-dialog-abstract": "ei käännetty",
-	"workspace-dialog-confirm-delete-message": "ei käännetty \"{{TITLE}}\" ei käännetty?",
-	"workspace-error-fetch": "ei käännetty",
-	"workspace-error-fetch-detail": "ei käännetty",
-	"workspace-retry": "ei käännetty",
-	"workspace-delete-tooltip": "ei käännetty",
-	"workspace-control-split-horizontal": "ei käännetty",
-	"workspace-control-split-vertical": "ei käännetty",
-	"workspace-control-expand": "ei käännetty",
-	"workspace-control-unexpand": "ei käännetty",
-	"workspace-control-close": "ei käännetty",
-	"workspace-control-close-message-title": "ei käännetty",
-	"workspace-control-close-message-description": "ei käännetty",
-	"workspace-mappreset-delete-message": "ei käännetty",
-	"workspace-viewpresets-fail-fetch": "ei käännetty",
-	"workspace-viewpresets-error": "ei käännetty",
-	"workspace-mappreset-dialog-title": "ei käännetty",
-	"workspace-mappreset-save-as": "ei käännetty",
-	"workspace-mappreset-new": "ei käännetty",
-	"workspace-mappreset-dialog-title-delete": "ei käännetty",
-	"workspace-mappreset-dialog-title-edit": "ei käännetty",
-	"workspace-mappreset-error-save": "ei käännetty",
-	"workspace-mappreset-error-fetch": "ei käännetty",
-	"workspace-list-error": "ei käännetty",
-	"workspace-list-success-save-all": "ei käännetty",
-	"workspace-list-success-delete": "ei käännetty",
-	"workspace-list-success-duplicate": "ei käännetty",
-	"workspace-list-success-edit": "ei käännetty",
-	"workspace-list-success-save": "ei käännetty",
-	"workspace-save-error": "ei käännetty",
-	"workspace-error-generic": "ei käännetty",
-	"workspace-viewpreset-success-delete": "ei käännetty",
-	"workspace-viewpreset-success-save-as": "ei käännetty",
-	"workspace-viewpreset-success-edit": "ei käännetty",
-	"workspace-viewpreset-success-save": "ei käännetty",
-	"workspace-viewpreset-menu": "ei käännetty"
+	"workspace-menu": "Workspace menu",
+	"workspace-new": "Uusi workspace",
+	"workspace-loading": "Ladataan",
+	"workspace-options": "Valinnat",
+	"workspace-results": "tulokset",
+	"workspace-delete": "Poista",
+	"workspce-clear": "Tyhjennä",
+	"workspace-save": "Tallenna",
+	"workspace-save-as": "Tallenna nimellä",
+	"workspace-save-incl-viewpresets": "Tallenna (sisältäen viewpresetit)",
+	"workspace-edit": "Muokkaa (nimeä)",
+	"workspace-edit-both": "Muokkaa (nimeä ja tiivistelmää)",
+	"geoweb-welcome": "Tervetuloa Geoweb-sovellukseen. Valitse jokin preset avataksesi uusia näkymiä",
+	"workspace-modified-new": "muokattu",
+	"workspace-modified-existing": "ei tallennettu",
+	"workspace-dialog-delete": "Poista workspace",
+	"workspace-duplicate": "Monista",
+	"workspace-cancel": "Peruuta",
+	"workspace-dialog-name": "Nimi",
+	"workspace-dialog-abstract": "Tiivistelmä",
+	"workspace-dialog-confirm-delete-message": "Oletko varma, että haluat poistaa workspace presetin: \"{{TITLE}}\"?",
+	"workspace-error-fetch": "Workspace listan hakeminen epäonnistui",
+	"workspace-error-fetch-detail": "Workspacen \"{{WORKSPACE_ID}}\" hakeminen epäonnistui",
+	"workspace-retry": "Yritä uudelleen",
+	"workspace-delete-tooltip": "Poista preset",
+	"workspace-control-split-horizontal": "Jaa ikkuna vaakasuoraan",
+	"workspace-control-split-vertical": "Jaa ikkuna pystysuoraan",
+	"workspace-control-expand": "Laajenna ikkuna",
+	"workspace-control-unexpand": "Supista ikkuna",
+	"workspace-control-close": "Sulje ikkuna",
+	"workspace-control-close-message-title": "Hups",
+	"workspace-control-close-message-description": "Oletko varma, että haluat sulkea tämän ikkunan? Kaikki muutokset menetetään",
+	"workspace-mappreset-delete-message": "Haluatko varmasti poistaa map presetin: \"{{TITLE}}\"?",
+	"workspace-viewpresets-fail-fetch": "Näkymän \"{{VIEWPRESET_ID}}\" hakeminen epäonnistui",
+	"workspace-viewpresets-error": "View presetit eivät ole käytettävissä",
+	"workspace-mappreset-dialog-title": "Map presetin nimi",
+	"workspace-mappreset-save-as": "Tallenna map preset nimellä",
+	"workspace-mappreset-new": "Uusi map preset",
+	"workspace-mappreset-dialog-title-delete": "Poista map preset",
+	"workspace-mappreset-dialog-title-edit": "Muokkaa map presettiä",
+	"workspace-mappreset-error-save": "Map presetin tallentaminen epäonnistui. Yritä myöhemmin uudelleen",
+	"workspace-mappreset-error-fetch": "Map presettien hakeminen epäonnistui",
+	"workspace-list-error": "Workspace presettien hakeminen epäonnistui",
+	"workspace-list-success-save-all": "Workspace \"{{TITLE}}\" ja siihen sisältyvät viewpresetit tallennettu onnistuneesti",
+	"workspace-list-success-delete": "Workspace \"{{TITLE}}\" poistettu onnistuneesti",
+	"workspace-list-success-duplicate": "Workspace \"{{TITLE}}\" tallennettu onnistuneesti",
+	"workspace-list-success-edit": "Workspacea \"{{TITLE}}\" muokattu onnistuneesti",
+	"workspace-list-success-save": "Workspace \"{{TITLE}}\" tallennettu onnistuneesti",
+	"workspace-save-error": "Workspacen \"{{TITLE}}\" tallentaminen epäonnistui",
+	"workspace-error-generic": "Jotain meni mönkään. Yritä uudelleen.",
+	"workspace-viewpreset-success-delete": "Map preset \"{{TITLE}}\" poistettu onnistuneesti",
+	"workspace-viewpreset-success-save-as": "Uusi map preset \"{{TITLE}}\" tallennettu onnistuneesti",
+	"workspace-viewpreset-success-edit": "Map presettiä \"{{TITLE}}\" muokattu onnistuneesti",
+	"workspace-viewpreset-success-save": "Map preset \"{{TITLE}}\" tallennettu onnistuneesti",
+	"workspace-viewpreset-menu": "View preset menu"
 };
 var no = {
 	"workspace-menu": "Arbeidsrommeny",
 	"workspace-new": "Nytt arbeidsrom",
-	"workspace-my-presets": "Mine presets",
-	"workspace-system-presets": "System presets",
-	"workspace-all-button": "Alle",
-	"workspace-search": "Søk",
 	"workspace-loading": "Laster",
 	"workspace-options": "Valg",
 	"workspace-results": "resultater",
@@ -214,10 +202,6 @@ var no = {
 var nl = {
 	"workspace-menu": "Workspace menu",
 	"workspace-new": "Nieuwe workspace",
-	"workspace-my-presets": "Mijn presets",
-	"workspace-system-presets": "Systeem presets",
-	"workspace-all-button": "Alle",
-	"workspace-search": "Zoeken",
 	"workspace-loading": "Laden",
 	"workspace-options": "Opties",
 	"workspace-results": "resultaten",
@@ -1735,13 +1719,13 @@ var WorkspaceErrorType;
 })(WorkspaceErrorType || (WorkspaceErrorType = {}));
 
 const workspaceListFilterOptions = [{
-  label: 'workspace-my-presets',
+  label: 'shared-filter-my-presets',
   id: 'user',
   type: 'scope',
   isSelected: true,
   isDisabled: false
 }, {
-  label: 'workspace-system-presets',
+  label: 'shared-filter-system-presets',
   id: 'system',
   type: 'scope',
   isSelected: true,
@@ -2885,13 +2869,13 @@ var PresetAction;
 })(PresetAction || (PresetAction = {}));
 
 const viewPresetsListFilterOptions = [{
-  label: 'workspace-my-presets',
+  label: 'shared-filter-my-presets',
   id: 'user',
   type: 'scope',
   isSelected: true,
   isDisabled: false
 }, {
-  label: 'workspace-system-presets',
+  label: 'shared-filter-system-presets',
   id: 'system',
   type: 'scope',
   isSelected: true,
@@ -3588,7 +3572,7 @@ const initWorkspaceTestI18n = () => {
   });
 };
 initWorkspaceTestI18n();
-const ns = [WORKSPACE_NAMESPACE];
+const ns = [WORKSPACE_NAMESPACE, SHARED_NAMESPACE];
 const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
   ns
 }, params));
@@ -4064,7 +4048,6 @@ const getSnackbarMessage = (action, title) => {
       });
   }
 };
-const getPresetsApi = () => getApi(API_NAME);
 const emptyMapViewPreset = {
   componentType: 'Map',
   keywords: '',
@@ -7515,12 +7498,56 @@ function* submitFormWorkspaceDialogSaga({
     }));
   }
 }
-function* rootSaga$1() {
+function* rootSaga() {
   yield takeLeading(workspaceListActions.fetchWorkspaceList.type, fetchWorkspaceListSaga);
   yield takeLatest(workspaceListActions.onSuccessWorkspacePresetAction, onSuccessWorkspacePresetsActionSaga);
   yield takeLatest(workspaceListActions.submitFormWorkspaceActionDialogOptions, submitFormWorkspaceDialogSaga);
 }
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -7538,7 +7565,7 @@ function* rootSaga$1() {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 const processError = (error, component, errorMessageKey) => {
-  const message = isAxiosError(error) ? getAxiosErrorMessage(error) : translateKeyOutsideComponents(errorMessageKey);
+  const message = isAxiosError$1(error) ? getAxiosErrorMessage(error) : translateKeyOutsideComponents(errorMessageKey);
   const errorType = isAxiosAuthError(error) ? ViewPresetErrorType.AUTH : ViewPresetErrorType.GENERIC;
   return {
     message,
@@ -7546,161 +7573,180 @@ const processError = (error, component, errorMessageKey) => {
     errorType
   };
 };
-function* fetchInitialViewPresetsSaga() {
-  try {
-    const presetsApi = yield call$g(getPresetsApi);
-    // No filters so we don't need to pass any params for this viewPresets list call
-    const {
-      data: viewPresets
-    } = yield call$g(presetsApi.getViewPresets);
-    yield put(viewPresetActions.fetchedInitialViewPresets({
-      viewPresets
-    }));
-  } catch (error) {
-    yield put(viewPresetActions.errorInitialViewPresets({
-      error: processError(error, ViewPresetErrorComponent.PRESET_LIST, 'workspace-mappreset-error-fetch')
-    }));
-  }
-}
-function* fetchViewPresetsSaga({
-  payload
-}) {
-  const {
-    panelId,
-    filterParams
-  } = payload;
-  try {
-    const presetsApi = yield call$g(getPresetsApi);
+const viewPresetsListener = createListenerMiddleware();
+// fetch initial view presets
+viewPresetsListener.startListening({
+  actionCreator: viewPresetActions.fetchInitialViewPresets,
+  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    try {
+      const workspaceApi = getWorkspaceApi();
+      // No filters so we don't need to pass any params for this viewPresets list call
+      const {
+        data: viewPresets
+      } = yield workspaceApi.getViewPresets();
+      listenerApi.dispatch(viewPresetActions.fetchedInitialViewPresets({
+        viewPresets
+      }));
+    } catch (error) {
+      listenerApi.dispatch(viewPresetActions.errorInitialViewPresets({
+        error: processError(error, ViewPresetErrorComponent.PRESET_LIST, 'workspace-mappreset-error-fetch')
+      }));
+    }
+  })
+});
+// fetch view presets
+viewPresetsListener.startListening({
+  actionCreator: viewPresetActions.fetchViewPresets,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
     const {
-      data: viewPresets
-    } = yield call$g(presetsApi.getViewPresets, filterParams);
-    yield put(viewPresetActions.fetchedViewPresets({
-      viewPresets,
       panelId,
       filterParams
-    }));
-  } catch (error) {
-    yield put(viewPresetActions.errorViewPreset({
-      error: processError(error, ViewPresetErrorComponent.PRESET_LIST, 'workspace-mappreset-error-fetch'),
-      panelId
-    }));
-  }
-}
-function* saveViewPresetSaga({
-  payload
-}) {
-  const {
-    panelId,
-    viewPreset,
-    viewPresetId
-  } = payload;
-  try {
-    const presetsApi = yield call$g(getPresetsApi);
-    yield call$g(presetsApi.saveViewPreset, viewPresetId, viewPreset);
-    yield put(snackbarActions.openSnackbar({
-      message: getSnackbarMessage(PresetAction.SAVE, viewPreset.title)
-    }));
-    yield put(viewPresetActions.savedViewPreset({
-      panelId,
-      viewPresetId
-    }));
-  } catch (error) {
-    yield put(viewPresetActions.errorViewPreset({
-      error: processError(error, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
+    } = payload;
+    try {
+      const workspaceApi = getWorkspaceApi();
+      const {
+        data: viewPresets
+      } = yield workspaceApi.getViewPresets(filterParams);
+      listenerApi.dispatch(viewPresetActions.fetchedViewPresets({
+        viewPresets,
+        panelId,
+        filterParams
+      }));
+    } catch (error) {
+      listenerApi.dispatch(viewPresetActions.errorViewPreset({
+        error: processError(error, ViewPresetErrorComponent.PRESET_LIST, 'workspace-mappreset-error-fetch'),
+        panelId
+      }));
+    }
+  })
+});
+// save view preset
+viewPresetsListener.startListening({
+  actionCreator: viewPresetActions.saveViewPreset,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    const {
       panelId,
+      viewPreset,
       viewPresetId
-    }));
-  }
-}
-function* selectViewPresetSaga({
-  payload
-}) {
-  const {
-    panelId,
-    viewPresetId = ''
-  } = payload;
-  const isMapAnimating = yield select(mapSelectors.isAnimating, panelId);
-  if (isMapAnimating) {
-    yield put(mapStoreActions.mapStopAnimation({
-      mapId: panelId
-    }));
-  }
-  // fetch existing map preset selected
-  if (viewPresetId !== '') {
-    yield put(workspaceActions.fetchWorkspaceViewPreset({
-      mosaicNodeId: panelId,
-      viewPresetId
-    }));
-  } else {
-    // new map preset selected
-    yield put(mapStoreActions.setMapPreset({
-      mapId: panelId,
-      initialProps: emptyMapViewPreset.initialProps
-    }));
-    // update workspace with new empy view map
-    yield put(workspaceActions.updateWorkspaceView({
-      viewPreset: emptyMapViewPreset,
-      mosaicNodeId: panelId
-    }));
-    yield put(viewPresetActions.fetchedViewPreset({
-      panelId,
-      viewPresetId,
-      viewPreset: emptyMapViewPreset
-    }));
-  }
-}
-function* onSuccessViewPresetActionSaga({
-  payload
-}) {
-  const {
-    action,
-    viewPresetId,
-    title,
-    panelId
-  } = payload;
-  try {
-    yield put(snackbarActions.openSnackbar({
-      message: getSnackbarMessage(action, title)
-    }));
-    const activeMapPresetId = yield select(getViewPresetActiveId, panelId);
-    // if active preset has been deleted, select the empty new preset
-    if (action === PresetAction.DELETE && viewPresetId === activeMapPresetId) {
-      yield put(viewPresetActions.setActiveViewPresetId({
+    } = payload;
+    try {
+      const workspaceApi = getWorkspaceApi();
+      yield workspaceApi.saveViewPreset(viewPresetId, viewPreset);
+      listenerApi.dispatch(snackbarActions.openSnackbar({
+        message: getSnackbarMessage(PresetAction.SAVE, viewPreset.title)
+      }));
+      listenerApi.dispatch(viewPresetActions.savedViewPreset({
+        panelId,
+        viewPresetId
+      }));
+    } catch (error) {
+      listenerApi.dispatch(viewPresetActions.errorViewPreset({
+        error: processError(error, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
         panelId,
-        viewPresetId: ''
+        viewPresetId
       }));
     }
-    // Retrieve new list with current filter and search query
-    const viewPresetFilters = yield select(getViewPresetListFiltersForView, panelId);
-    // Retrieve new list with current filter
-    const viewPresetSearchQuery = yield select(getViewPresetListSearchQueryForView, panelId);
-    yield call$g(fetchViewPresetsSaga, viewPresetActions.fetchViewPresets({
+  })
+});
+// select view preset
+viewPresetsListener.startListening({
+  actionCreator: viewPresetActions.selectViewPreset,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    const {
       panelId,
-      filterParams: constructFilterParams(viewPresetFilters, viewPresetSearchQuery)
-    }));
-    if (action !== PresetAction.EDIT) {
-      yield put(viewPresetActions.setViewPresetHasChanges({
+      viewPresetId = ''
+    } = payload;
+    const isMapAnimating = mapSelectors.isAnimating(listenerApi.getState(), panelId);
+    if (isMapAnimating) {
+      listenerApi.dispatch(mapStoreActions.mapStopAnimation({
+        mapId: panelId
+      }));
+    }
+    // fetch existing map preset selected
+    if (viewPresetId !== '') {
+      listenerApi.dispatch(workspaceActions.fetchWorkspaceViewPreset({
+        mosaicNodeId: panelId,
+        viewPresetId
+      }));
+    } else {
+      // new map preset selected
+      listenerApi.dispatch(mapStoreActions.setMapPreset({
+        mapId: panelId,
+        initialProps: emptyMapViewPreset.initialProps
+      }));
+      // update workspace with new empy view map
+      listenerApi.dispatch(workspaceActions.updateWorkspaceView({
+        viewPreset: emptyMapViewPreset,
+        mosaicNodeId: panelId
+      }));
+      listenerApi.dispatch(viewPresetActions.fetchedViewPreset({
         panelId,
-        hasChanges: false
+        viewPresetId,
+        viewPreset: emptyMapViewPreset
       }));
     }
-    if (action === PresetAction.SAVE_AS && viewPresetId) {
-      yield put(viewPresetActions.setActiveViewPresetId({
+  })
+});
+// success view preset
+viewPresetsListener.startListening({
+  actionCreator: viewPresetActions.onSuccessViewPresetAction,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    const {
+      action,
+      viewPresetId,
+      title,
+      panelId
+    } = payload;
+    try {
+      listenerApi.dispatch(snackbarActions.openSnackbar({
+        message: getSnackbarMessage(action, title)
+      }));
+      const activeMapPresetId = getViewPresetActiveId(listenerApi.getState(), panelId);
+      // if active preset has been deleted, select the empty new preset
+      if (action === PresetAction.DELETE && viewPresetId === activeMapPresetId) {
+        listenerApi.dispatch(viewPresetActions.setActiveViewPresetId({
+          panelId,
+          viewPresetId: ''
+        }));
+      }
+      // Retrieve new list with current filter and search query
+      const viewPresetFilters = getViewPresetListFiltersForView(listenerApi.getState(), panelId);
+      // Retrieve new list with current filter
+      const viewPresetSearchQuery = getViewPresetListSearchQueryForView(listenerApi.getState(), panelId);
+      listenerApi.dispatch(viewPresetActions.fetchViewPresets({
         panelId,
-        viewPresetId
+        filterParams: constructFilterParams(viewPresetFilters, viewPresetSearchQuery)
       }));
+      if (action !== PresetAction.EDIT) {
+        listenerApi.dispatch(viewPresetActions.setViewPresetHasChanges({
+          panelId,
+          hasChanges: false
+        }));
+      }
+      if (action === PresetAction.SAVE_AS && viewPresetId) {
+        listenerApi.dispatch(viewPresetActions.setActiveViewPresetId({
+          panelId,
+          viewPresetId
+        }));
+      }
+    } catch (error) {
+      // TODO: use error handling of mapPreset https://gitlab.com/opengeoweb/opengeoweb/-/issues/3043
     }
-  } catch (error) {
-    // TODO: use error handling of mapPreset https://gitlab.com/opengeoweb/opengeoweb/-/issues/3043
-  }
-}
-function* rootSaga() {
-  yield takeLeading(viewPresetActions.fetchInitialViewPresets, fetchInitialViewPresetsSaga);
-  yield takeLatest(viewPresetActions.fetchViewPresets, fetchViewPresetsSaga);
-  yield takeLatest(viewPresetActions.saveViewPreset, saveViewPresetSaga);
-  yield takeLatest(viewPresetActions.selectViewPreset, selectViewPresetSaga);
-  yield takeLatest(viewPresetActions.onSuccessViewPresetAction, onSuccessViewPresetActionSaga);
-}
+  })
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -7726,51 +7772,8 @@ const workspaceModuleConfig = {
     viewPresetsList: reducer,
     viewPresets: reducer$2
   },
-  sagas: [workspaceSaga, rootSaga$1, rootSaga]
-};
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  sagas: [workspaceSaga, rootSaga],
+  middlewares: [viewPresetsListener.middleware]
 };
 
 /* eslint-disable @typescript-eslint/ban-ts-comment */
@@ -8427,155 +8430,6 @@ const WorkspaceSelectListRow = ({
   }));
 };
 
-const FilterChip = ({
-  label,
-  id,
-  isSelected: _isSelected = false,
-  isDisabled: _isDisabled = false,
-  handleClick: _handleClick = () => {}
-}) => {
-  const theme = useTheme();
-  return jsx(Chip, {
-    size: "small",
-    id: id,
-    label: label,
-    disabled: _isDisabled,
-    variant: _isSelected ? 'filled' : 'outlined',
-    color: _isSelected ? 'secondary' : 'default',
-    sx: {
-      borderColor: `${theme.palette.geowebColors.buttons.tertiary.default.borderColor}`,
-      padding: '0px 4px'
-    },
-    onClick: () => _handleClick(id)
-  });
-};
-
-const FilterList = ({
-  filters: _filters = workspaceListFilterOptions,
-  onChipClick: _onChipClick = () => {},
-  isAllSelected: _isAllSelected = false
-}) => {
-  const {
-    t
-  } = useWorkspaceTranslation();
-  return jsxs(Stack, Object.assign({
-    direction: "row",
-    spacing: 1,
-    "data-testid": "filterList"
-  }, {
-    children: [jsx(FilterChip, {
-      id: "all",
-      label: t('workspace-all-button'),
-      isSelected: _isAllSelected,
-      handleClick: key => _onChipClick(key, !_isAllSelected)
-    }), _filters.map(filter => {
-      return jsx(FilterChip, {
-        id: filter.id,
-        label: t(filter.label),
-        isSelected: _isAllSelected ? false : filter.isSelected,
-        isDisabled: filter.isDisabled,
-        handleClick: key => {
-          // If they are all isSelected ensure that if one is clicked that one will be the only one set to selected
-          const selected = _isAllSelected ? true : !filter.isSelected;
-          _onChipClick(key, selected);
-        }
-      }, filter.id);
-    })]
-  }));
-};
-
-const DEBOUNCE_TIMEOUT = 300;
-const SearchButton = ({
-  label
-}) => jsx(CustomIconButton, Object.assign({
-  tooltipTitle: label,
-  edge: "end",
-  size: "large"
-}, {
-  children: jsx(Search, {})
-}));
-const ClearButton = ({
-  onClick
-}) => jsx(CustomIconButton, Object.assign({
-  tooltipTitle: "Clear",
-  edge: "end",
-  onClick: onClick,
-  size: "large"
-}, {
-  children: jsx(Clear, {})
-}));
-const SearchField = ({
-  valueChanged,
-  value: _value = ''
-}) => {
-  const [localValue, setLocalValue] = React.useState(_value);
-  const {
-    t
-  } = useWorkspaceTranslation();
-  const label = t('workspace-search');
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const handleValueChangeDebounced = React.useCallback(debounce$1(valueChanged, DEBOUNCE_TIMEOUT), []);
-  return jsx(TextField, {
-    variant: "filled",
-    size: "small",
-    sx: {
-      '& input': {
-        paddingTop: '18px'
-      }
-    },
-    label: label,
-    value: localValue,
-    autoFocus: true,
-    fullWidth: true,
-    onChange: e => {
-      handleValueChangeDebounced(e.target.value);
-      setLocalValue(e.target.value);
-    },
-    InputProps: {
-      endAdornment: jsx(InputAdornment, Object.assign({
-        position: "end"
-      }, {
-        children: localValue ? jsx(ClearButton, {
-          onClick: () => {
-            setLocalValue('');
-            valueChanged('');
-          }
-        }) : jsx(SearchButton, {
-          label: label
-        })
-      }))
-    }
-  });
-};
-
-const DEFAULT_FILTER_HEIGHT = 85;
-const WorkspaceFilter = ({
-  filters,
-  onClickFilterChip: _onClickFilterChip = () => {},
-  onSearch: _onSearch = () => {},
-  isAllSelected,
-  searchQuery
-}) => {
-  return jsx(Box, Object.assign({
-    sx: {
-      marginBottom: '8px'
-    }
-  }, {
-    children: jsxs(Stack, Object.assign({
-      spacing: 1
-    }, {
-      children: [jsx(SearchField, {
-        value: searchQuery,
-        valueChanged: _onSearch
-      }), jsx(FilterList, {
-        filters: filters,
-        onChipClick: _onClickFilterChip,
-        isAllSelected: isAllSelected
-      })]
-    }))
-  }));
-};
-
 const MIN_HEIGHT_SCROLLABLE_LIST = 88; // Slightly less than 2 rows
 const LIST_PADDING_TOP = 8;
 const DEFAULT_RESULTS_HEIGHT = 22;
@@ -8807,7 +8661,7 @@ const ViewPresetMenuListConnect = ({
         height: '100%'
       }
     }, {
-      children: [!error && jsx(WorkspaceFilter, {
+      children: [!error && jsx(Filter, {
         filters: viewPresetListFilters,
         onClickFilterChip: onClickFilterChip,
         isAllSelected: isAllSelectedForFilters,
@@ -9694,7 +9548,7 @@ const WorkspaceSelectListConnect = () => {
         height: '100%'
       }
     }, {
-      children: [!error && jsx(WorkspaceFilter, {
+      children: [!error && jsx(Filter, {
         filters: workspaceListFilters,
         onClickFilterChip: onClickFilterChip,
         isAllSelected: isAllSelected,
@@ -9898,7 +9752,7 @@ const WorkspaceTab = ({
   activeTab,
   workspaceId
 }) => {
-  return jsxs(Box$1, Object.assign({
+  return jsxs(Box, Object.assign({
     sx: {
       display: 'flex',
       flexDirection: 'row',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "9.22.0",
+  "version": "9.24.0",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -18,7 +18,6 @@
     "@reduxjs/toolkit": "^1.9.7",
     "@opengeoweb/snackbar": "*",
     "react-window": "^1.8.10",
-    "@mui/system": "^5.15.1",
     "lodash": "^4.17.21",
     "@redux-eggs/core": "^2.2.0",
     "@redux-eggs/redux-toolkit": "^2.2.0",
@@ -37,7 +36,7 @@
     "@opengeoweb/warnings": "*",
     "i18next": "^23.11.5",
     "react-i18next": "^14.1.2",
-    "@opengeoweb/webmap-react": "9.22.0"
+    "@opengeoweb/webmap-react": "9.24.0"
   },
   "peerDependencies": {
     "react": "18"

package/src/index.d.ts

@@ -14,4 +14,4 @@ export { WORKSPACE_NAMESPACE } from './lib/utils/i18n';
 export { workspaceTranslations };
 export { routes as workspaceRoutes, getWorkspaceRouteUrl, } from './lib/utils/routes';
 export { emptyMapWorkspace, createCustomEmptyMapWorkspace, } from './lib/store/workspaceList/utils';
-export type { WorkspaceModuleStore } from './lib/store/config';
+export type { WorkspaceModuleStore } from './lib/store/types';

package/src/lib/store/config.d.ts

@@ -1,14 +1,5 @@
 import { Egg } from '@redux-eggs/core';
 import { Store } from '@reduxjs/toolkit';
-import { WorkspaceState } from './workspace/types';
-import { WorkspaceListState } from './workspaceList/types';
-import { ViewPresetListState } from './viewPresetsList/types';
-import { ViewPresetState } from './viewPresets/types';
-export interface WorkspaceModuleStore {
-    workspace?: WorkspaceState;
-    workspaceList?: WorkspaceListState;
-    viewPresetsList?: ViewPresetListState;
-    viewPresets?: ViewPresetState;
-}
+import { WorkspaceModuleStore } from './types';
 declare const workspaceModuleConfig: Egg<Store<WorkspaceModuleStore>>;
 export default workspaceModuleConfig;

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

@@ -1,6 +1,2 @@
-import type { CoreAppStore } from '@opengeoweb/store';
-import type { WorkspaceModuleStore } from './config';
-export interface AppStore extends WorkspaceModuleStore, CoreAppStore {
-}
 declare const store: import("@redux-eggs/core").EggExt & import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<any, import("redux").AnyAction, [import("@reduxjs/toolkit").ThunkMiddleware<any, import("redux").AnyAction, undefined>]>;
 export { store };

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

@@ -0,0 +1,13 @@
+import { CoreAppStore } from '@opengeoweb/store';
+import { WorkspaceState } from './workspace/types';
+import { WorkspaceListState } from './workspaceList/types';
+import { ViewPresetListState } from './viewPresetsList/types';
+import { ViewPresetState } from './viewPresets/types';
+export interface AppStore extends WorkspaceModuleStore, CoreAppStore {
+}
+export interface WorkspaceModuleStore {
+    workspace?: WorkspaceState;
+    workspaceList?: WorkspaceListState;
+    viewPresetsList?: ViewPresetListState;
+    viewPresets?: ViewPresetState;
+}

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

@@ -0,0 +1,2 @@
+import { WorkspaceModuleStore } from '../types';
+export declare const viewPresetsListener: import("@reduxjs/toolkit").ListenerMiddlewareInstance<WorkspaceModuleStore, import("@reduxjs/toolkit").ThunkDispatch<WorkspaceModuleStore, unknown, import("redux").AnyAction>, unknown>;

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

@@ -1,4 +1,4 @@
-import type { AppStore } from '../store';
+import type { AppStore } from '../types';
 import { ViewPresetListItem } from '../workspace/types';
 import { ViewPresetEntity, ViewPresetError, ViewPresetState } from './types';
 export declare const getViewPresetsStore: (store: AppStore) => ViewPresetState;

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

@@ -1,4 +1,4 @@
-import { AppStore } from '../store';
+import { AppStore } from '../types';
 import { ViewPresetListItem, ViewPresetListState } from './types';
 import { ViewPresetsListFilter } from '../viewPresets/types';
 export declare const getViewPresetsListStore: (store: AppStore) => ViewPresetListState;

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

@@ -1,5 +1,5 @@
 import { WorkspaceState } from './types';
-import { AppStore } from '../store';
+import { AppStore } from '../types';
 /**
  * Gets workspace state
  *

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

@@ -1,5 +1,5 @@
 import { WorkspaceListState } from './types';
-import { AppStore } from '../store';
+import { AppStore } from '../types';
 export declare const getWorkspaceListStore: (store: AppStore) => WorkspaceListState;
 export declare const getWorkspaceList: (state: AppStore) => import("../workspace/types").WorkspacePresetListItem[];
 export declare const getIsWorkspaceListFetching: ((state: AppStore) => boolean) & import("reselect").OutputSelectorFields<(args_0: WorkspaceListState, args_1: AppStore) => boolean, {

package/src/lib/components/WorkspaceFilter/FilterChip.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-interface FilterChipProps {
-    id: string;
-    label: string;
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    handleClick?: (label: string) => void;
-}
-declare const FilterChip: React.FC<FilterChipProps>;
-export default FilterChip;

package/src/lib/components/WorkspaceFilter/FilterList.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { WorkspaceListFilter } from '../../store/workspaceList/types';
-interface FilterListProps {
-    filters?: WorkspaceListFilter[];
-    onChipClick?: (id: string, selected: boolean) => void;
-    isAllSelected?: boolean;
-}
-declare const FilterList: React.FC<FilterListProps>;
-export default FilterList;

package/src/lib/components/WorkspaceFilter/FilterList.spec.d.ts

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

package/src/lib/components/WorkspaceFilter/SearchField.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export declare const DEBOUNCE_TIMEOUT = 300;
-interface SearchFieldProps {
-    valueChanged: (value: string) => void;
-    value?: string;
-}
-declare const SearchField: React.FC<SearchFieldProps>;
-export default SearchField;

package/src/lib/components/WorkspaceFilter/SearchField.spec.d.ts

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

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

@@ -1,13 +0,0 @@
-import { BoxProps } from '@mui/material';
-import * as React from 'react';
-import { WorkspaceListFilter } from '../../store/workspaceList/types';
-export declare const DEFAULT_FILTER_HEIGHT = 85;
-interface WorkspaceFilterProps extends BoxProps {
-    filters: WorkspaceListFilter[];
-    onClickFilterChip?: (id: string, selected: boolean) => void;
-    onSearch?: (value: string) => void;
-    isAllSelected?: boolean;
-    searchQuery?: string;
-}
-declare const WorkspaceFilter: React.FC<WorkspaceFilterProps>;
-export default WorkspaceFilter;

package/src/lib/components/WorkspaceFilter/WorkspaceFilter.spec.d.ts

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

package/src/lib/components/WorkspaceFilter/WorkspaceFilter.stories.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const WorkspaceFilterLight: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const WorkspaceFilterDark: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};

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

@@ -1,9 +0,0 @@
-import { SagaIterator } from 'redux-saga';
-import { viewPresetActions } from './reducer';
-export declare function fetchInitialViewPresetsSaga(): SagaIterator;
-export declare function fetchViewPresetsSaga({ payload, }: ReturnType<typeof viewPresetActions.fetchViewPresets>): SagaIterator;
-export declare function saveViewPresetSaga({ payload, }: ReturnType<typeof viewPresetActions.saveViewPreset>): SagaIterator;
-export declare function selectViewPresetSaga({ payload, }: ReturnType<typeof viewPresetActions.selectViewPreset>): SagaIterator;
-export declare function onSuccessViewPresetActionSaga({ payload, }: ReturnType<typeof viewPresetActions.onSuccessViewPresetAction>): SagaIterator;
-export declare function rootSaga(): SagaIterator;
-export default rootSaga;

package/src/lib/store/viewPresets/sagas.spec.d.ts

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