@opengeoweb/workspace 9.21.0 → 9.22.0

package/index.esm.js

@@ -4,10 +4,11 @@ import { syncGroupsTypes, syncGroupsActions, layerActions, mapStoreActions, uiAc
 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 { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -25,7 +26,6 @@ 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 = {
@@ -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
       }
     }
   });
@@ -8596,7 +8600,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 +8830,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 +8882,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 +9720,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 = ({
@@ -10522,4 +10549,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.22.0",
   "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",
@@ -37,7 +37,7 @@
     "@opengeoweb/warnings": "*",
     "i18next": "^23.11.5",
     "react-i18next": "^14.1.2",
-    "@opengeoweb/webmap-react": "9.21.0"
+    "@opengeoweb/webmap-react": "9.22.0"
   },
   "peerDependencies": {
     "react": "18"

package/src/index.d.ts

@@ -10,6 +10,7 @@ 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';

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

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

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

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