@opengeoweb/workspace 9.32.1 → 9.33.1-spike-ol.5

package/index.esm.js

@@ -1,14 +1,14 @@
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware } from '@reduxjs/toolkit';
-import { syncGroupsTypes, syncGroupsActions, layerActions, mapStoreActions, uiActions, genericActions, mapActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, coreModuleConfig, uiTypes, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
+import { syncGroupsTypes, syncGroupsActions, layerActions, mapStoreActions, uiActions, genericActions, mapActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, coreModuleConfig, linkComponentTypesConstants, uiTypes, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
 import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, useApiContext } from '@opengeoweb/api';
 import _, { chunk, cloneDeep, isEmpty, isEqual, isString } from 'lodash';
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, Mosaic } from 'react-mosaic-component';
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesModuleConfig } from '@opengeoweb/timeseries';
-import { PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, SHARED_NAMESPACE, sharedTranslations, withEggs, ConfirmationServiceProvider, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, usePrevious, Filter, Resizable, ToolContainer, renderCounter, CustomToggleButton, ConfirmationDialog } from '@opengeoweb/shared';
+import { PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, SHARED_NAMESPACE, sharedTranslations, withEggs, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, usePrevious, Filter, Resizable, ToolContainer, renderCounter, CustomToggleButton, ConfirmationDialog } from '@opengeoweb/shared';
 import { snackbarTypes, snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { isAxiosError } from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ThemeWrapper, lightTheme, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, 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 { LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid2, Box, Backdrop, Menu, ListSubheader, MenuItem, useTheme, FormGroup, FormControlLabel, Checkbox, Tabs } from '@mui/material';
+import { Menu, Typography, List, ListItem, ListItemButton, ListItemIcon, Checkbox, ListItemText, LinearProgress, Grid2, Box, Backdrop, 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';
@@ -100,7 +100,9 @@ var en = {
 	"workspace-dialog-delete-system": "Delete system workspace",
 	"workspace-dialog-confirm-delete-system": "The system workspace will be deleted, but all the view presets used will remain intact.",
 	"workspace-dialog-confirm-delete-user": "The workspace will be deleted, but all the view presets used will remain intact.",
-	"workspace-list-success-delete-system": "\"{{TITLE}}\" has been successfully removed from the system's workspaces."
+	"workspace-list-success-delete-system": "\"{{TITLE}}\" has been successfully removed from the system's workspaces.",
+	"workspace-link-location-header": "Location",
+	"workspace-link": "Link"
 };
 var fi = {
 	"workspace-menu": "Workspace menu",
@@ -173,7 +175,9 @@ var fi = {
 	"workspace-admin-reset-workspace": "ei käännetty",
 	"workspace-admin-reset-workspace-title": "ei käännetty",
 	"workspace-dialog-confirm-delete-system": "ei käännetty",
-	"workspace-dialog-confirm-delete-user": "Workspace poistetaan, mutta kaikki view presetit säilyvät tallennettuina."
+	"workspace-dialog-confirm-delete-user": "Workspace poistetaan, mutta kaikki view presetit säilyvät tallennettuina.",
+	"workspace-link-location-header": "Sijainti",
+	"workspace-link": "Link"
 };
 var no = {
 	"workspace-menu": "Arbeidsrommeny",
@@ -246,7 +250,9 @@ var no = {
 	"workspace-admin-reset-workspace": "Tilbakestill",
 	"workspace-admin-reset-workspace-title": "Tilbakestill til original",
 	"workspace-dialog-confirm-delete-system": "Systemets arbeidsrom vil bli slettet, men alle vinduer som er brukt vil forbli intakte.",
-	"workspace-dialog-confirm-delete-user": "Arbeidsrommet blir slettet, men alle vinduer som er brukt vil forbli intakte."
+	"workspace-dialog-confirm-delete-user": "Arbeidsrommet blir slettet, men alle vinduer som er brukt vil forbli intakte.",
+	"workspace-link-location-header": "Lokasjon",
+	"workspace-link": "Link"
 };
 var nl = {
 	"workspace-menu": "Workspace menu",
@@ -322,7 +328,9 @@ var nl = {
 	"workspace-dialog-confirm-delete-system": "Deze systeem workspace zal worden verwijderd, maar alle gebruikte viewpresets zullen intact blijven.",
 	"workspace-dialog-confirm-reset-personal-message": "De workspace zal worden hersteld en alle aanpassing zullen worden verwijderd. Weet je zeker dat je door wilt gaan?",
 	"workspace-list-success-delete-system": "\"{{TITLE}}\" is succesvol verwijderd uit de systeem workspaces.",
-	"workspace-dialog-confirm-delete-user": "Deze workspace zal worden verwijderd, maar alle gebruikte view presets zullen intact blijven."
+	"workspace-dialog-confirm-delete-user": "Deze workspace zal worden verwijderd, maar alle gebruikte view presets zullen intact blijven.",
+	"workspace-link-location-header": "Locatie",
+	"workspace-link": "Link"
 };
 var workspaceTranslations = {
 	en: en,
@@ -5529,6 +5537,7 @@ const getViewById = createSelector(getWorkspaceState, (store, viewId) => viewId,
   var _store$views;
   return store == null || (_store$views = store.views) == null || (_store$views = _store$views.byId) == null ? void 0 : _store$views[viewId];
 }, selectorMemoizationOptions);
+const getViewsById = createSelector(getWorkspaceState, store => store.views.byId);
 /**
  * Gets all view ids
  *
@@ -5635,6 +5644,7 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   getViewIds: getViewIds,
   getViewPresetToSendToBackend: getViewPresetToSendToBackend,
   getViewType: getViewType,
+  getViewsById: getViewsById,
   getWorkspaceData: getWorkspaceData,
   getWorkspaceError: getWorkspaceError,
   getWorkspaceState: getWorkspaceState,
@@ -9295,7 +9305,6 @@ const initWorkspaceTestI18n = () => {
     }
   });
 };
-initWorkspaceTestI18n();
 const ns = [WORKSPACE_NAMESPACE, SHARED_NAMESPACE];
 const useWorkspaceTranslation = () => useTranslation(ns);
 
@@ -9359,6 +9368,7 @@ const WorkspaceWrapperProviderWithStore = ({
 const WorkspaceI18nProvider = ({
   children
 }) => {
+  initWorkspaceTestI18n();
   return jsx(I18nextProvider, {
     i18n: i18n,
     children: children
@@ -9495,11 +9505,113 @@ var addToUnscopables = addToUnscopables$3;
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('flat');
 
+const LinkMenuConnect = ({
+  panelId
+}) => {
+  const dispatch = useDispatch();
+  const {
+    t
+  } = useWorkspaceTranslation();
+  const [anchorEl, setAnchorEl] = React__default.useState(null);
+  const maps = useSelector(store => mapSelectors.getAllMapIds(store));
+  const viewsById = useSelector(getViewsById);
+  const selectedMapIds = useSelector(store => genericSelectors.getSelectedMaps(store.syncronizationGroupStore, panelId));
+  const viewComponentType = useSelector(store => getViewComponentType(store, panelId));
+  const handleLinkViews = event => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleMenuClose = () => {
+    setAnchorEl(null);
+  };
+  const handleMapSelect = mapId => {
+    const updatedMapIds = selectedMapIds.includes(mapId) ? selectedMapIds.filter(id => id !== mapId) : [...selectedMapIds, mapId];
+    dispatch(genericActions.changeLinkedMap({
+      panelId,
+      mapIds: updatedMapIds
+    }));
+  };
+  return jsxs(Fragment, {
+    children: [linkComponentTypesConstants.supportedComponentTypesForLinking.includes(viewComponentType) && jsx(CustomIconButton, {
+      onClick: handleLinkViews,
+      "data-testid": "icon-button",
+      tooltipTitle: `Link ${viewComponentType}`,
+      sx: {
+        marginLeft: 0.5,
+        marginRight: 0.5
+      },
+      children: selectedMapIds.length > 0 ? jsx(Link, {
+        "data-testid": "link-icon",
+        style: {
+          fill: anchorEl ? 'white' : undefined,
+          backgroundColor: anchorEl ? '#186DFF' : undefined
+        }
+      }) : jsx(LinkOff, {
+        "data-testid": "link-off-icon",
+        style: {
+          fill: anchorEl ? 'white' : undefined,
+          backgroundColor: anchorEl ? '#186DFF' : undefined
+        }
+      })
+    }), jsxs(Menu, {
+      id: "map-select-menu",
+      "data-testid": "map-select-menu",
+      anchorEl: anchorEl,
+      open: Boolean(anchorEl),
+      onClose: handleMenuClose,
+      keepMounted: true,
+      children: [jsxs(Typography, {
+        variant: "h6",
+        style: {
+          padding: '10px 15px 0',
+          fontWeight: 'bold'
+        },
+        children: [t('workspace-link'), " - ", t('workspace-link-location-header')]
+      }), jsx(List, {
+        dense: true,
+        children: maps.map(mapId => {
+          var _viewsById$mapId;
+          const labelId = `checkbox-link-label-${mapId}`;
+          return jsx(ListItem, {
+            onClick: () => handleMapSelect(mapId),
+            disablePadding: true,
+            dense: true,
+            divider: true,
+            children: jsxs(ListItemButton, {
+              role: "checkbox",
+              dense: true,
+              sx: {
+                margin: 0,
+                padding: '0 16px'
+              },
+              children: [jsx(ListItemIcon, {
+                children: jsx(Checkbox, {
+                  edge: "start",
+                  tabIndex: -1,
+                  checked: selectedMapIds.includes(mapId),
+                  disableRipple: true,
+                  inputProps: {
+                    'aria-labelledby': labelId
+                  }
+                })
+              }), jsx(ListItemText, {
+                id: labelId,
+                primary: (_viewsById$mapId = viewsById[mapId]) == null ? void 0 : _viewsById$mapId.title,
+                secondary: mapId
+              })]
+            })
+          }, mapId);
+        })
+      })]
+    })]
+  });
+};
+
 const buttonStyle = {
   marginLeft: 0.5,
   marginRight: 0.5
 };
 const WorkspaceControls = ({
+  panelId,
   createNode,
   path,
   shouldPreventCloseView: _shouldPreventCloseView = false
@@ -9540,7 +9652,9 @@ const WorkspaceControls = ({
     }
   };
   return jsxs(Fragment, {
-    children: [jsx(CustomIconButton, {
+    children: [jsx(LinkMenuConnect, {
+      panelId: panelId
+    }), jsx(CustomIconButton, {
       "data-testid": "split-horizontal-btn",
       sx: buttonStyle,
       onClick: () => {
@@ -10631,6 +10745,7 @@ const WorkspaceTileConnect = /*#__PURE__*/React.memo(({
       isViewPresetDialogOpen: isViewPresetDialogOpen || false
     }),
     toolbarControls: jsx(WorkspaceControls, {
+      panelId: _mosaicNodeId,
       createNode: createNode,
       path: path,
       shouldPreventCloseView: shouldPreventCloseView
@@ -10986,11 +11101,12 @@ const WorkspaceSelectListConnect = () => {
   };
   const isAllSelected = workspaceListFilters.every(filter => filter.isSelected);
   const shouldHideNewWorkspace = !isAllSelected || workspaceSearchQuery.length > 0;
-  return jsxs("div", {
+  return jsxs(Box, {
     "data-testid": "workspace-selectlist-connect",
     style: {
       height: '100%'
     },
+    tabIndex: 0,
     children: [isFetching && jsx(LinearProgress, {
       "data-testid": "loading-bar",
       color: "secondary",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "9.32.1",
+  "version": "9.33.1-spike-ol.5",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -31,6 +31,7 @@
     "@opengeoweb/taf": "*",
     "@opengeoweb/sigmet-airmet": "*",
     "@opengeoweb/warnings": "*",
+    "@opengeoweb/spaceweather": "*",
     "i18next": "^23.11.5",
     "react-i18next": "^15.1.1",
     "@mui/material": "^6.1.1",

package/src/lib/components/WorkspaceView/LinkMenu/LinkMenuConnect.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SelectMenuProps {
+    panelId: string;
+}
+declare const LinkMenuConnect: React.FC<SelectMenuProps>;
+export default LinkMenuConnect;

package/src/lib/components/WorkspaceView/LinkMenu/LinkMenuConnect.spec.d.ts

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

package/src/lib/components/WorkspaceView/WorkspaceControls.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { MosaicBranch, MosaicNode } from 'react-mosaic-component';
 interface WorkspaceControlsProps {
+    panelId: string;
     path: MosaicBranch[];
     createNode?: () => MosaicNode<string>;
     shouldPreventCloseView?: boolean;

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

@@ -41,7 +41,12 @@ export declare const getMosaicNode: ((state: AppStore) => import("react-mosaic-c
  * @param {string} viewId viewId: string - view id
  * @returns {object} returnType: WorkspaceViewType
  */
-export declare const getViewById: ((state: AppStore, viewId: string) => import("./types").WorkspaceViewType | undefined) & import("reselect").OutputSelectorFields<(args_0: WorkspaceState, args_1: string) => import("./types").WorkspaceViewType | undefined, {
+export declare const getViewById: ((state: AppStore, viewId: string) => import("./types").WorkspaceViewType) & import("reselect").OutputSelectorFields<(args_0: WorkspaceState, args_1: string) => import("./types").WorkspaceViewType, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const getViewsById: ((state: AppStore) => Record<string, import("./types").WorkspaceViewType>) & import("reselect").OutputSelectorFields<(args_0: WorkspaceState) => Record<string, import("./types").WorkspaceViewType>, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;
@@ -64,7 +69,7 @@ export declare const getViewIds: ((state: AppStore) => string[]) & import("resel
  * @param {string} viewId viewId: string - view id
  * @returns {boolean} returnType: boolean
  */
-export declare const getShouldPreventClose: ((state: AppStore, viewId: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").WorkspaceViewType | undefined) => boolean, {
+export declare const getShouldPreventClose: ((state: AppStore, viewId: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: import("./types").WorkspaceViewType) => boolean, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;
@@ -158,14 +163,14 @@ export declare const getWorkspaceData: ((state: AppStore & import("@opengeoweb/s
 }> & {
     clearCache: () => void;
 };
-export declare const getViewComponentType: ((state: AppStore, viewId: string) => WorkspaceSupportedComponentTypes) & import("reselect").OutputSelectorFields<(args_0: import("./types").WorkspaceViewType | undefined) => WorkspaceSupportedComponentTypes, {
+export declare const getViewComponentType: ((state: AppStore, viewId: string) => WorkspaceSupportedComponentTypes) & import("reselect").OutputSelectorFields<(args_0: import("./types").WorkspaceViewType) => WorkspaceSupportedComponentTypes, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;
 };
 export declare const getViewPresetToSendToBackend: ((state: any, viewId: any) => Omit<ViewPreset, "title"> & {
     title?: string | undefined;
-}) & import("reselect").OutputSelectorFields<(args_0: import("./types").WorkspaceViewType | undefined, args_1: WorkspaceSupportedComponentTypes, args_2: import("@opengeoweb/store").MapPreset, args_3: string[], args_4: import("dist/libs/timeseries/src/lib/store/types").TimeSeriesPreset | undefined) => Omit<ViewPreset, "title"> & {
+}) & import("reselect").OutputSelectorFields<(args_0: import("./types").WorkspaceViewType, args_1: WorkspaceSupportedComponentTypes, args_2: import("@opengeoweb/store").MapPreset, args_3: string[], args_4: import("dist/libs/timeseries/src/lib/store/types").TimeSeriesPreset | undefined) => Omit<ViewPreset, "title"> & {
     title?: string | undefined;
 }, {
     clearCache: () => void;

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

@@ -14,7 +14,7 @@ export interface WorkspaceViewType {
     keywords?: string;
 }
 export interface WorkspaceViews {
-    byId?: Record<string, WorkspaceViewType>;
+    byId: Record<string, WorkspaceViewType>;
     allIds: string[];
 }
 export interface WorkspaceViewsFromBE {

package/src/lib/storyUtils/componentsLookUp.d.ts

@@ -4,9 +4,10 @@ import { ComponentsLookUpPayload as TimeseriesComponentsLookUpPayload } from '@o
 import { ComponentsLookUpPayload as TafComponentsLookUpPayload } from '@opengeoweb/taf';
 import { SigmetComponentsLookUpPayload, AirmetComponentsLookUpPayload } from '@opengeoweb/sigmet-airmet';
 import { ComponentsLookUpPayload as WarningListComponentsLookUpPayLoad } from '@opengeoweb/warnings';
+import { ComponentsLookUpPayload as SpaceweatherComponentsLookUpPayLoad } from '@opengeoweb/spaceweather';
 /**
  * The lookup table is for registering your own components with the workspace.
  * @param payload
  * @returns
  */
-export declare const componentsLookUp: (payload: CoreComponentsLookUpPayload | TimeseriesComponentsLookUpPayload | TafComponentsLookUpPayload | SigmetComponentsLookUpPayload | AirmetComponentsLookUpPayload | WarningListComponentsLookUpPayLoad) => React.ReactElement;
+export declare const componentsLookUp: (payload: CoreComponentsLookUpPayload | TimeseriesComponentsLookUpPayload | TafComponentsLookUpPayload | SigmetComponentsLookUpPayload | AirmetComponentsLookUpPayload | WarningListComponentsLookUpPayLoad | SpaceweatherComponentsLookUpPayLoad) => React.ReactElement;

package/src/lib/storyUtils/componentsLookUp.stories.d.ts

@@ -44,3 +44,7 @@ export declare const WarningList: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const SpaceweatherModule: {
+    (): React.ReactElement;
+    storyName: string;
+};