@opengeoweb/workspace 11.0.0 → 12.0.0

package/index.esm.js

@@ -1,15 +1,15 @@
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { syncGroupsTypes, syncGroupsActions, layerActions, mapActions, uiActions, genericActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, mapListener, serviceListener, layersListener, syncGroupsListener, mapReducer, serviceReducer, layerReducer, syncGroupsReducer, loadingIndicatorReducer, uiReducer, linkComponentTypesConstants, uiTypes, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
+import { syncGroupsTypes, syncGroupsActions, layerActions, mapActions, uiActions, genericActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, createViewObjectForNewMap, mapListener, serviceListener, layersListener, syncGroupsListener, openlayersListener, mapReducer, serviceReducer, layerReducer, syncGroupsReducer, loadingIndicatorReducer, uiReducer, linkComponentTypesConstants, uiTypes, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
 import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, useApiContext, useAuthenticationContext as useAuthenticationContext$1, GEOWEB_ROLE_PRESETS_ADMIN as GEOWEB_ROLE_PRESETS_ADMIN$1 } from '@opengeoweb/api';
 import { chunk, cloneDeep, pick, isEmpty, isEqual, isString } from 'lodash';
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, Mosaic } from 'react-mosaic-component';
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducer } from '@opengeoweb/timeseries';
 import { publicWarningActions, WARN_NAMESPACE, warningsTranslations, publicWarningsSelectors } from '@opengeoweb/warnings';
-import { PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, SHARED_NAMESPACE, sharedTranslations, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, AlertBanner, PresetScope, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, Filter, Resizable, ToolContainer, renderCounter, CustomToggleButton, usePrevious, ConfirmationDialog } from '@opengeoweb/shared';
+import { PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, SHARED_NAMESPACE, sharedTranslations, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, AlertBanner, PresetScope, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, Filter, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, usePrevious, ConfirmationButtons } from '@opengeoweb/shared';
 import { snackbarTypes, snackbarActions, snackbarListener, snackbarReducer, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { isAxiosError } from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ThemeWrapper, lightTheme, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, BackdropStyle, BackdropElement, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
+import { ThemeWrapper, lightTheme, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
 import { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
 import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
 import { AuthenticationProvider, useAuthenticationContext, GEOWEB_ROLE_PRESETS_ADMIN } from '@opengeoweb/authentication';
@@ -20,7 +20,7 @@ import { CORE_NAMESPACE, coreTranslations } from '@opengeoweb/core';
 import { FORM_FIELDS_NAMESPACE, formFieldsTranslations, ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import * as React from 'react';
 import React__default, { useCallback } from 'react';
-import { Menu, Typography, List, ListItem, ListItemButton, ListItemIcon, Checkbox, ListItemText, LinearProgress, Grid2, Box, Backdrop, ListSubheader, MenuItem, useTheme, FormGroup, FormControlLabel, Tabs } from '@mui/material';
+import { Menu, Typography, List, ListItem, ListItemButton, ListItemIcon, Checkbox, ListItemText, LinearProgress, Grid2, Box, ListSubheader, MenuItem, useTheme, FormGroup, FormControlLabel, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
@@ -1414,9 +1414,9 @@ var slice$2 = createSlice({
     warningsPresetChangeActions.map(function (warningsAction) {
       return builder.addCase(warningsAction, function (draft, action) {
         var _action$payload14 = action.payload,
-          origin = _action$payload14.origin,
+          systemUpdate = _action$payload14.systemUpdate,
           panelId = _action$payload14.panelId;
-        if (origin === 'user' && panelId) {
+        if (!systemUpdate && panelId) {
           var entity = draft.entities[panelId];
           if (entity && !(entity != null && entity.hasChanges)) {
             entity.hasChanges = true;
@@ -5013,7 +5013,9 @@ workspaceListener.startListening({
         while (1) switch (_context11.prev = _context11.next) {
           case 0:
             payload = _ref10.payload;
-            mosaicNodeId = payload.mosaicNodeId, componentType = payload.componentType, newId = payload.newId;
+            mosaicNodeId = payload.mosaicNodeId, componentType = payload.componentType, newId = payload.newId; // TODO: this would be nice to move into the openlayers store
+            createViewObjectForNewMap(mosaicNodeId, newId);
+            // Note, at some point these might no longer be necessary
             bbox = mapSelectors.getBbox(listenerApi.getState(), mosaicNodeId);
             srs = mapSelectors.getSrs(listenerApi.getState(), mosaicNodeId);
             mapPreset = bbox.bottom ? {
@@ -5030,7 +5032,7 @@ workspaceListener.startListening({
                 syncGroupsIds: []
               }
             }));
-          case 6:
+          case 7:
           case "end":
             return _context11.stop();
         }
@@ -5980,7 +5982,7 @@ var workspaceReducersMap = {
   timeSeries: timeSeriesReducer,
   snackbar: snackbarReducer
 };
-var workspaceMiddlewares = [mapListener.middleware, serviceListener.middleware, layersListener.middleware, syncGroupsListener.middleware, workspaceListener.middleware, workspaceListListener.middleware, viewPresetsListener.middleware, snackbarListener.middleware];
+var workspaceMiddlewares = [mapListener.middleware, serviceListener.middleware, layersListener.middleware, syncGroupsListener.middleware, workspaceListener.middleware, workspaceListListener.middleware, viewPresetsListener.middleware, snackbarListener.middleware, openlayersListener.middleware];
 var workspaceRootReducer = combineReducers(workspaceReducersMap);
 var createMockStore = function createMockStore(mockState) {
   return configureStore({
@@ -6536,7 +6538,8 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
         fontSize: '12px',
         fontWeight: 500,
         textOverflow: 'ellipsis',
-        overflow: 'hidden'
+        overflow: 'hidden',
+        whiteSpace: 'nowrap'
       },
       ' .MuiListItemText-secondary': {
         fontSize: '10px',
@@ -6892,36 +6895,32 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   });
 };
 
-var ResizeMenu = function ResizeMenu(_ref) {
-  var onCloseMenu = _ref.onCloseMenu,
-    title = _ref.title,
-    children = _ref.children;
-  return jsx(Resizable, {
-    defaultSize: {
+var ViewPresetMenu = function ViewPresetMenu(_ref) {
+  var closeMenu = _ref.closeMenu,
+    panelId = _ref.panelId,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen;
+  var _useWorkspaceTranslat = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat.t;
+  renderCounter.count(ViewPresetMenu.name);
+  return jsx(CustomDialog, {
+    open: isOpen,
+    onClose: function onClose() {
+      if (closeMenu) {
+        closeMenu();
+      }
+    },
+    isResizable: true,
+    hasLayout: false,
+    resizableDefaultSize: {
       width: 380,
       height: '90%'
     },
-    maxWidth: "100%",
-    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
-    },
+    shouldRenderInline: true,
+    "data-testid": "workspace-viewpreset-menu",
     children: jsx(ToolContainer, {
-      title: title,
-      onClose: onCloseMenu,
+      title: t('workspace-viewpreset-menu'),
+      onClose: closeMenu,
       style: {
         width: '100%',
         height: '100%'
@@ -6929,40 +6928,11 @@ var ResizeMenu = function ResizeMenu(_ref) {
       onClick: function onClick(event) {
         event.stopPropagation();
       },
-      children: children
-    })
-  });
-};
-
-var ViewPresetMenu = function ViewPresetMenu(_ref) {
-  var _ref$hideBackdrop = _ref.hideBackdrop,
-    hideBackdrop = _ref$hideBackdrop === void 0 ? false : _ref$hideBackdrop,
-    closeMenu = _ref.closeMenu,
-    panelId = _ref.panelId;
-  var _useWorkspaceTranslat = useWorkspaceTranslation(),
-    t = _useWorkspaceTranslat.t;
-  var toolContainer = jsx(ResizeMenu, {
-    title: t('workspace-viewpreset-menu'),
-    onCloseMenu: closeMenu,
-    children: jsx(ViewPresetMenuListConnect, {
-      panelId: panelId
+      children: jsx(ViewPresetMenuListConnect, {
+        panelId: panelId
+      })
     })
   });
-  renderCounter.count(ViewPresetMenu.name);
-  return hideBackdrop ?
-  // Enable hiding backdrop from snapshot tests
-  toolContainer : jsxs(Backdrop, {
-    "data-testid": "viewpresetMenuBackdrop",
-    open: true,
-    sx: Object.assign({
-      '&.MuiBackdrop-root': {
-        position: 'absolute',
-        zIndex: 1002
-      }
-    }, BackdropStyle()),
-    onClick: closeMenu,
-    children: [BackdropElement(), toolContainer]
-  });
 };
 
 var workspacePresetOptionId = 'workspace-options-toolbutton';
@@ -7504,14 +7474,15 @@ var WorkspaceTileConnect = /*#__PURE__*/React.memo(function (_ref2) {
       })
     }), defaultComponentsLookupResult, genericComponentsLookupResult, jsx(FetchViewPresets, {
       panelId: mosaicNodeId
-    }), isViewPresetDialogOpen && jsx(ViewPresetMenu, {
+    }), jsx(ViewPresetMenu, {
       panelId: mosaicNodeId,
       closeMenu: function closeMenu() {
         toggleViewPresetDialog({
           panelId: mosaicNodeId,
           isViewPresetDialogOpen: false
         });
-      }
+      },
+      isOpen: isViewPresetDialogOpen
     })]
   });
 }, isEqual);
@@ -7845,7 +7816,8 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
   return jsxs(Box, {
     "data-testid": "workspace-selectlist-connect",
     style: {
-      height: '100%'
+      height: '100%',
+      width: '100%'
     },
     tabIndex: 0,
     children: [isFetching && jsx(LinearProgress, {
@@ -7899,28 +7871,49 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
 };
 
 var WorkspaceMenu = function WorkspaceMenu(_ref) {
-  var _ref$hideBackdrop = _ref.hideBackdrop,
-    hideBackdrop = _ref$hideBackdrop === void 0 ? false : _ref$hideBackdrop,
+  var _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
     closeMenu = _ref.closeMenu;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
-  var toolContainer = jsx(ResizeMenu, {
-    title: t('workspace-menu'),
-    onCloseMenu: closeMenu,
-    children: jsx(WorkspaceSelectListConnect, {})
-  });
-  return hideBackdrop ?
-  // Enable hiding backdrop from snapshot tests
-  toolContainer : jsxs(Backdrop, {
-    "data-testid": "workspaceMenuBackdrop",
-    open: true,
-    sx: Object.assign({
-      '&.MuiBackdrop-root': {
-        top: '40px'
+  return jsx(CustomDialog, {
+    open: isOpen,
+    onClose: function onClose() {
+      if (closeMenu) {
+        closeMenu();
       }
-    }, BackdropStyle()),
-    onClick: closeMenu,
-    children: [BackdropElement(), toolContainer]
+    },
+    isResizable: true,
+    hasLayout: false,
+    resizableDefaultSize: {
+      width: 380,
+      height: '90%'
+    },
+    slotProps: {
+      backdrop: {
+        style: {
+          top: 40
+        }
+      },
+      root: {
+        style: {
+          top: 40
+        }
+      }
+    },
+    "data-testid": "workspace-menu",
+    children: jsx(ToolContainer, {
+      title: t('workspace-menu'),
+      onClose: closeMenu,
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      onClick: function onClick(event) {
+        event.stopPropagation();
+      },
+      children: jsx(WorkspaceSelectListConnect, {})
+    })
   });
 };
 
@@ -7960,7 +7953,8 @@ var WorkspaceMenuButton = function WorkspaceMenuButton(_ref) {
         },
         children: jsx(PresetWorkspace, {})
       })
-    }), showMenu && jsx(WorkspaceMenu, {
+    }), jsx(WorkspaceMenu, {
+      isOpen: showMenu,
       closeMenu: onCloseMenu
     })]
   });
@@ -8586,20 +8580,26 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
     };
   }();
   var cancelLabel = t('workspace-cancel');
-  return jsx(ConfirmationDialog, {
+  return jsx(CustomDialog, {
     "data-testid": "workspace-preset-dialog",
     title: getDialogTitle(action),
     open: isOpen,
-    confirmLabel: confirmLabel,
-    cancelLabel: cancelLabel,
     description: "",
     onClose: onClose,
     onSubmit: onSubmit,
-    isLoading: isLoading,
-    sx: {
-      width: '330px'
+    isResizable: true,
+    resizableDefaultSize: {
+      width: 500,
+      height: 'auto'
     },
-    content: jsx(WorkspacePresetsForm, {
+    actions: jsx(ConfirmationButtons, {
+      onClose: onClose,
+      cancelLabel: cancelLabel,
+      isLoading: isLoading,
+      onSubmit: onSubmit,
+      confirmLabel: confirmLabel
+    }),
+    children: jsx(WorkspacePresetsForm, {
       formValues: formValues,
       error: error,
       onSubmit: onSubmit,
@@ -8655,7 +8655,7 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
       title: title,
       workspaceId: workspaceId,
       appTitle: appTitle
-    }), Boolean(dialogDetails) && jsx(WorkspacePresetsFormDialogWrapper, {
+    }), jsx(WorkspacePresetsFormDialogWrapper, {
       isOpen: Boolean(dialogDetails),
       onClose: closeWorkspaceActionDialog,
       presetId: presetId || undefined,
@@ -8966,20 +8966,24 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
-  return jsx(ConfirmationDialog, {
+  return jsx(CustomDialog, {
     "data-testid": "map-preset-dialog",
     title: title,
     open: isOpen,
-    confirmLabel: confirmLabel,
-    cancelLabel: t('workspace-cancel'),
     description: "",
     onClose: onClose,
     onSubmit: onSubmit,
-    isLoading: isLoading,
     sx: {
       width: '330px'
     },
-    content: jsx(ViewPresetsForm, {
+    actions: jsx(ConfirmationButtons, {
+      onClose: onClose,
+      cancelLabel: t('workspace-cancel'),
+      isLoading: isLoading,
+      onSubmit: onSubmit,
+      confirmLabel: confirmLabel
+    }),
+    children: jsx(ViewPresetsForm, {
       viewComponentType: viewComponentType,
       formValues: formValues,
       error: error,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "11.0.0",
+  "version": "12.0.0",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,37 +8,53 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "react-redux": "^8.1.3",
-    "@opengeoweb/shared": "*",
-    "@opengeoweb/store": "*",
-    "@opengeoweb/api": "*",
-    "react-hook-form": "^7.50.1",
-    "@opengeoweb/theme": "*",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.0",
+    "@mui/base": "5.0.0-beta.69",
+    "@mui/material": "^6.1.1",
+    "@mui/system": "6.4.6",
+    "@mui/x-date-pickers": "7.27.1",
     "@reduxjs/toolkit": "^1.9.7",
-    "@opengeoweb/snackbar": "*",
-    "react-window": "^1.8.10",
-    "lodash": "^4.17.21",
+    "@sentry/react": "8.54.0",
+    "@storybook/core-events": "8.4.2",
+    "@storybook/preview-api": "8.4.2",
+    "@storybook/react": "8.4.2",
+    "@tanstack/query-core": "5.67.1",
+    "@tanstack/react-query": "^5.62.7",
+    "@testing-library/react": "16.0.1",
+    "@testing-library/user-event": "14.5.2",
+    "@turf/turf": "7.2.0",
     "axios": "^1.7.7",
-    "react-virtualized-auto-sizer": "^1.0.21",
-    "react-mosaic-component": "^6.1.0",
-    "@opengeoweb/form-fields": "*",
-    "@opengeoweb/timeseries": "*",
-    "@opengeoweb/authentication": "*",
-    "@opengeoweb/core": "*",
-    "@opengeoweb/taf": "*",
-    "@opengeoweb/sigmet-airmet": "*",
-    "@opengeoweb/warnings": "*",
-    "@opengeoweb/spaceweather": "*",
+    "axios-cache-interceptor": "1.6.2",
+    "css-mediaquery": "0.1.2",
+    "date-fns": "4.1.0",
+    "dompurify": "3.2.4",
+    "echarts": "5.6.0",
+    "echarts-for-react": "3.0.2",
     "i18next": "^23.11.5",
+    "immer": "10.1.1",
+    "jest-canvas-mock": "2.5.2",
+    "jest-date-mock": "1.0.10",
+    "lodash": "^4.17.21",
+    "msw": "2.7.3",
+    "msw-storybook-addon": "2.0.4",
+    "ol": "10.4.0",
+    "proj4": "2.15.0",
+    "re-resizable": "6.11.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-draggable": "4.4.6",
+    "react-hook-form": "^7.50.1",
     "react-i18next": "^15.1.1",
-    "@mui/material": "^6.1.1",
-    "@opengeoweb/webmap-react": "*",
-    "@tanstack/react-query": "^5.62.7"
-  },
-  "peerDependencies": {
-    "react": "18",
-    "@emotion/react": "*",
-    "@emotion/styled": "*"
+    "react-mosaic-component": "^6.1.0",
+    "react-redux": "^8.1.3",
+    "react-resize-detector": "9.1.1",
+    "react-router-dom": "6.23.1",
+    "react-sortablejs": "6.1.4",
+    "react-virtualized-auto-sizer": "^1.0.21",
+    "react-window": "^1.8.10",
+    "sortablejs": "1.15.2",
+    "uuid": "10.0.0"
   },
   "module": "./index.esm.js",
   "type": "module",

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

@@ -2,7 +2,7 @@ import React from 'react';
 export declare const DIALOG_TITLE = "View presets menu";
 export interface ViewPresetMenuProps {
     panelId: string;
-    hideBackdrop?: boolean;
     closeMenu?: () => void;
+    isOpen?: boolean;
 }
 export declare const ViewPresetMenu: React.FC<ViewPresetMenuProps>;

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

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

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

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

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

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

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

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