@opengeoweb/workspace 9.21.0 → 9.23.1

package/index.esm.js

@@ -1,15 +1,17 @@
-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, ToolContainer, renderCounter, CustomToggleButton, ConfirmationDialog } from '@opengeoweb/shared';
+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 { 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 { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
@@ -24,8 +26,6 @@ import { LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, Lis
 import 'react-mosaic-component/react-mosaic-component.css';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
-import { Box as Box$1 } from '@mui/system';
-import { ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import { useFormContext } from 'react-hook-form';
 
 var en = {
@@ -90,65 +90,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-my-presets": "Omat presetit",
+	"workspace-system-presets": "Järestelmä presetit",
+	"workspace-all-button": "Kaikki",
+	"workspace-search": "Etsi",
+	"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",
@@ -3560,25 +3560,29 @@ const initWorkspaceTestI18n = () => {
         [WORKSPACE_NAMESPACE]: workspaceTranslations.en,
         [SHARED_NAMESPACE]: sharedTranslations.en,
         [CORE_NAMESPACE]: coreTranslations.en,
-        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.en
+        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.en,
+        [FORM_FIELDS_NAMESPACE]: formFieldsTranslations.en
       },
       fi: {
         [WORKSPACE_NAMESPACE]: workspaceTranslations.fi,
         [SHARED_NAMESPACE]: sharedTranslations.fi,
         [CORE_NAMESPACE]: coreTranslations.fi,
-        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.fi
+        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.fi,
+        [FORM_FIELDS_NAMESPACE]: formFieldsTranslations.fi
       },
       no: {
         [WORKSPACE_NAMESPACE]: workspaceTranslations.no,
         [SHARED_NAMESPACE]: sharedTranslations.no,
         [CORE_NAMESPACE]: coreTranslations.no,
-        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.no
+        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.no,
+        [FORM_FIELDS_NAMESPACE]: formFieldsTranslations.no
       },
       nl: {
         [WORKSPACE_NAMESPACE]: workspaceTranslations.nl,
         [SHARED_NAMESPACE]: sharedTranslations.nl,
         [CORE_NAMESPACE]: coreTranslations.nl,
-        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.nl
+        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.nl,
+        [FORM_FIELDS_NAMESPACE]: formFieldsTranslations.nl
       }
     }
   });
@@ -4060,7 +4064,6 @@ const getSnackbarMessage = (action, title) => {
       });
   }
 };
-const getPresetsApi = () => getApi(API_NAME);
 const emptyMapViewPreset = {
   componentType: 'Map',
   keywords: '',
@@ -7511,12 +7514,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.
@@ -7534,7 +7581,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,
@@ -7542,161 +7589,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: ''
+        viewPresetId
+      }));
+    } catch (error) {
+      listenerApi.dispatch(viewPresetActions.errorViewPreset({
+        error: processError(error, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
+        panelId,
+        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");
@@ -7722,51 +7788,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 */
@@ -8596,7 +8619,8 @@ const WorkspaceSelectList = ({
     "data-testid": `${_testIdPrefix}-selectList`,
     sx: {
       height: `calc(100% - ${DEFAULT_FILTER_HEIGHT}px)`,
-      minHeight: MIN_HEIGHT_SCROLLABLE_LIST
+      minHeight: MIN_HEIGHT_SCROLLABLE_LIST,
+      overflow: 'hidden'
     }
   }, {
     children: [jsxs(Box, Object.assign({
@@ -8825,6 +8849,50 @@ const ViewPresetMenuListConnect = ({
   }));
 };
 
+const ResizeMenu = ({
+  onCloseMenu,
+  title,
+  children
+}) => {
+  return jsx(Resizable, Object.assign({
+    defaultSize: {
+      width: 320,
+      height: '90%'
+    },
+    minHeight: 110,
+    minWidth: 280,
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    enable: {
+      top: true,
+      right: true,
+      bottom: true,
+      left: true,
+      topRight: true,
+      bottomRight: true,
+      bottomLeft: true,
+      topLeft: true
+    }
+  }, {
+    children: jsx(ToolContainer, Object.assign({
+      title: title,
+      onClose: onCloseMenu,
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      onClick: event => {
+        event.stopPropagation();
+      }
+    }, {
+      children: children
+    }))
+  }));
+};
+
 const ViewPresetMenu = ({
   hideBackdrop: _hideBackdrop = false,
   closeMenu,
@@ -8833,41 +8901,30 @@ const ViewPresetMenu = ({
   const {
     t
   } = useWorkspaceTranslation();
-  const toolContainer = jsx(ToolContainer, Object.assign({
-    style: {
-      width: 320,
-      height: 'calc(100% - 80px)',
-      position: 'absolute',
-      top: '16px'
-    },
+  const toolContainer = jsx(ResizeMenu, Object.assign({
     title: t('workspace-viewpreset-menu'),
-    onClose: closeMenu,
-    onClick: event => {
-      event.stopPropagation();
-    }
+    onCloseMenu: closeMenu
   }, {
     children: jsx(ViewPresetMenuListConnect, {
       panelId: panelId
     })
   }));
   renderCounter.count(ViewPresetMenu.name);
-  return jsx("div", {
-    children: _hideBackdrop ?
-    // Enable hiding backdrop from snapshot tests
-    toolContainer : jsx(Backdrop, Object.assign({
-      "data-testid": "viewpresetMenuBackdrop",
-      open: true,
-      sx: {
-        '&.MuiBackdrop-root': {
-          position: 'absolute',
-          zIndex: 1002
-        }
-      },
-      onClick: closeMenu
-    }, {
-      children: toolContainer
-    }))
-  });
+  return _hideBackdrop ?
+  // Enable hiding backdrop from snapshot tests
+  toolContainer : jsx(Backdrop, Object.assign({
+    "data-testid": "viewpresetMenuBackdrop",
+    open: true,
+    sx: {
+      '&.MuiBackdrop-root': {
+        position: 'absolute',
+        zIndex: 1002
+      }
+    },
+    onClick: closeMenu
+  }, {
+    children: toolContainer
+  }));
 };
 
 const WorkspaceOptionsNoMemo = ({
@@ -9682,37 +9739,26 @@ const WorkspaceMenu = ({
   const {
     t
   } = useWorkspaceTranslation();
-  const toolContainer = jsx(ToolContainer, Object.assign({
-    style: {
-      width: 320,
-      height: 'calc(100vh -  88px)',
-      position: 'absolute',
-      top: '16px'
-    },
+  const toolContainer = jsx(ResizeMenu, Object.assign({
     title: t('workspace-menu'),
-    onClose: closeMenu,
-    onClick: event => {
-      event.stopPropagation();
-    }
+    onCloseMenu: closeMenu
   }, {
     children: jsx(WorkspaceSelectListConnect, {})
   }));
-  return jsx("div", {
-    children: _hideBackdrop ?
-    // Enable hiding backdrop from snapshot tests
-    toolContainer : jsx(Backdrop, Object.assign({
-      "data-testid": "workspaceMenuBackdrop",
-      open: true,
-      sx: {
-        '&.MuiBackdrop-root': {
-          top: '40px'
-        }
-      },
-      onClick: closeMenu
-    }, {
-      children: toolContainer
-    }))
-  });
+  return _hideBackdrop ?
+  // Enable hiding backdrop from snapshot tests
+  toolContainer : jsx(Backdrop, Object.assign({
+    "data-testid": "workspaceMenuBackdrop",
+    open: true,
+    sx: {
+      '&.MuiBackdrop-root': {
+        top: '40px'
+      }
+    },
+    onClick: closeMenu
+  }, {
+    children: toolContainer
+  }));
 };
 
 const WorkspaceMenuButton = ({
@@ -9871,7 +9917,7 @@ const WorkspaceTab = ({
   activeTab,
   workspaceId
 }) => {
-  return jsxs(Box$1, Object.assign({
+  return jsxs(Box, Object.assign({
     sx: {
       display: 'flex',
       flexDirection: 'row',
@@ -10522,4 +10568,4 @@ const WorkspaceDetail = ({
   }));
 };
 
-export { ComponentsLookUpWrapper, DemoWrapper, WorkspaceDetail, WorkspaceErrorType, WorkspaceI18nProvider, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, workspaceActions as actions, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, emptyMapWorkspace, getWorkspaceRouteUrl, selectors$1 as selectors, viewPresetActions, workspaceListActions, workspaceModuleConfig, reducer$1 as workspaceReducer, routes as workspaceRoutes, workspaceTranslations };
+export { ComponentsLookUpWrapper, DemoWrapper, WORKSPACE_NAMESPACE, WorkspaceDetail, WorkspaceErrorType, WorkspaceI18nProvider, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, workspaceActions as actions, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, emptyMapWorkspace, getWorkspaceRouteUrl, selectors$1 as selectors, viewPresetActions, workspaceListActions, workspaceModuleConfig, reducer$1 as workspaceReducer, routes as workspaceRoutes, workspaceTranslations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "9.21.0",
+  "version": "9.23.1",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -10,7 +10,7 @@
   "dependencies": {
     "react-redux": "^8.1.3",
     "@opengeoweb/shared": "*",
-    "@mui/material": "~5.15.11",
+    "@mui/material": "^5.16.0",
     "@opengeoweb/store": "*",
     "@opengeoweb/api": "*",
     "react-hook-form": "^7.50.1",
@@ -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.21.0"
+    "@opengeoweb/webmap-react": "9.23.1"
   },
   "peerDependencies": {
     "react": "18"

package/src/index.d.ts

@@ -10,7 +10,8 @@ export * from './lib/components/ComponentsLookUpWrapper';
 export * from './lib/components/WorkspaceView';
 export * from './lib/components/WorkspaceTopBar';
 export * from './lib/components/WorkspaceDetail';
+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/components/ResizeMenu/ResizeMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const ResizeMenu: React.FC<{
+    onCloseMenu?: () => void;
+    title: string;
+    children: React.ReactNode;
+}>;

package/src/lib/components/ResizeMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './ResizeMenu';

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/listener.integration.spec.d.ts

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

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/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;