@opengeoweb/workspace 9.19.1 → 9.20.2

package/index.esm.js

@@ -10,8 +10,7 @@ import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next
 import { CORE_NAMESPACE, coreTranslations } from '@opengeoweb/core';
 import { takeLatest, takeEvery, debounce, delay, put, all, select, call as call$g, takeLeading } from 'redux-saga/effects';
 import { snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
-import * as React from 'react';
-import React__default, { useCallback } from 'react';
+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';
 import { timeSeriesModuleConfig } from '@opengeoweb/timeseries';
@@ -19,6 +18,8 @@ import { AuthenticationProvider, useAuthenticationContext } from '@opengeoweb/au
 import { createStore } from '@redux-eggs/redux-toolkit';
 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 'react-mosaic-component/react-mosaic-component.css';
 import AutoSizer from 'react-virtualized-auto-sizer';
@@ -597,7 +598,9 @@ var store$4 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty
   source: 'https://github.com/zloirock/core-js'
 });
 
-var store$3 = sharedStore.exports;
+var sharedStoreExports = sharedStore.exports;
+
+var store$3 = sharedStoreExports;
 
 var shared$4 = function (key, value) {
   return store$3[key] || (store$3[key] = value || {});
@@ -839,7 +842,7 @@ var functionName = {
 
 var uncurryThis$i = functionUncurryThis;
 var isCallable$c = isCallable$i;
-var store$2 = sharedStore.exports;
+var store$2 = sharedStoreExports;
 
 var functionToString = uncurryThis$i(Function.toString);
 
@@ -875,7 +878,7 @@ var global$8 = global$g;
 var isObject$7 = isObject$c;
 var createNonEnumerableProperty$7 = createNonEnumerableProperty$8;
 var hasOwn$7 = hasOwnProperty_1;
-var shared$1 = sharedStore.exports;
+var shared$1 = sharedStoreExports;
 var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
@@ -996,9 +999,11 @@ Function.prototype.toString = makeBuiltIn$1(function toString() {
   return isCallable$a(this) && getInternalState$2(this).source || inspectSource$1(this);
 }, 'toString');
 
+var makeBuiltInExports = makeBuiltIn$2.exports;
+
 var isCallable$9 = isCallable$i;
 var definePropertyModule$2 = objectDefineProperty;
-var makeBuiltIn = makeBuiltIn$2.exports;
+var makeBuiltIn = makeBuiltInExports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
 
 var defineBuiltIn$5 = function (O, key, value, options) {
@@ -4217,20 +4222,20 @@ const getViewPresetToSendToBackend = createSelector(getViewById, mapSelectors.ge
 
 var selectors$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  getWorkspaceState: getWorkspaceState,
   getInitialViewMapPreset: getInitialViewMapPreset,
   getMosaicNode: getMosaicNode,
+  getSelectedWorkspaceScope: getSelectedWorkspaceScope,
+  getSelectedWorkspaceTitle: getSelectedWorkspaceTitle,
+  getShouldPreventClose: getShouldPreventClose,
   getViewById: getViewById,
   getViewIds: getViewIds,
-  getShouldPreventClose: getShouldPreventClose,
-  isWorkspaceLoading: isWorkspaceLoading,
-  getWorkspaceError: getWorkspaceError,
-  getSelectedWorkspaceTitle: getSelectedWorkspaceTitle,
-  hasWorkspaceChanges: hasWorkspaceChanges,
+  getViewPresetToSendToBackend: getViewPresetToSendToBackend,
   getViewType: getViewType,
-  getSelectedWorkspaceScope: getSelectedWorkspaceScope,
   getWorkspaceData: getWorkspaceData,
-  getViewPresetToSendToBackend: getViewPresetToSendToBackend
+  getWorkspaceError: getWorkspaceError,
+  getWorkspaceState: getWorkspaceState,
+  hasWorkspaceChanges: hasWorkspaceChanges,
+  isWorkspaceLoading: isWorkspaceLoading
 });
 
 /* *
@@ -7734,6 +7739,8 @@ 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 = {};
@@ -7763,6 +7770,22 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 };
 
 /* eslint-disable @typescript-eslint/ban-ts-comment */
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
 const devToolsStateSanitizer = {
   stateSanitizer: state => {
     return produce(state, draftState => {
@@ -7795,18 +7818,24 @@ const store = createStore({
 const WorkspaceThemeProvider = ({
   children,
   theme: _theme = lightTheme
-}) => /*#__PURE__*/React__default.createElement(ThemeWrapper, {
+}) => jsx(ThemeWrapper, Object.assign({
   theme: _theme
-}, children);
+}, {
+  children: children
+}));
 const WorkspaceWrapperProvider = withEggs([...coreModuleConfig, timeSeriesModuleConfig, workspaceModuleConfig])(({
   theme,
   children
-}) => ( /*#__PURE__*/React__default.createElement(WorkspaceThemeProvider, {
+}) => jsx(WorkspaceThemeProvider, Object.assign({
   theme: theme
-}, children)));
+}, {
+  children: children
+})));
 const DemoWrapper = _a => {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React__default.createElement(WorkspaceI18nProvider, null, /*#__PURE__*/React__default.createElement(WorkspaceThemeProvider, Object.assign({}, props)));
+  return jsx(WorkspaceI18nProvider, {
+    children: jsx(WorkspaceThemeProvider, Object.assign({}, props))
+  });
 };
 const defaultAuthConfig = {
   isLoggedIn: true,
@@ -7825,53 +7854,55 @@ const WorkspaceWrapperProviderWithStore = ({
   createApi: _createApi = createApi,
   theme,
   auth: _auth = defaultAuthConfig
-}) => ( /*#__PURE__*/React__default.createElement(WorkspaceI18nProvider, null, /*#__PURE__*/React__default.createElement(AuthenticationProvider, {
-  value: _auth
-}, /*#__PURE__*/React__default.createElement(ApiProvider, {
-  createApi: _createApi,
-  name: API_NAME
-}, /*#__PURE__*/React__default.createElement(Provider, {
-  store: _store
-}, /*#__PURE__*/React__default.createElement(WorkspaceWrapperProvider, {
-  theme: theme
-}, /*#__PURE__*/React__default.createElement(SnackbarWrapperConnect, null, /*#__PURE__*/React__default.createElement(ConfirmationServiceProvider, null, children))))))));
+}) => jsx(WorkspaceI18nProvider, {
+  children: jsx(AuthenticationProvider, Object.assign({
+    value: _auth
+  }, {
+    children: jsx(ApiProvider, Object.assign({
+      createApi: _createApi,
+      name: API_NAME
+    }, {
+      children: jsx(Provider, Object.assign({
+        store: _store
+      }, {
+        children: jsx(WorkspaceWrapperProvider, Object.assign({
+          theme: theme
+        }, {
+          children: jsx(SnackbarWrapperConnect, {
+            children: jsx(ConfirmationServiceProvider, {
+              children: children
+            })
+          })
+        }))
+      }))
+    }))
+  }))
+});
 const WorkspaceI18nProvider = ({
   children
 }) => {
-  return /*#__PURE__*/React__default.createElement(I18nextProvider, {
+  return jsx(I18nextProvider, Object.assign({
     i18n: i18n
-  }, children);
+  }, {
+    children: children
+  }));
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const WorkspaceModuleProvider = ({
   config,
   auth,
   onSetAuth,
   children
 }) => {
-  return /*#__PURE__*/React.createElement(ApiProvider, {
+  return jsx(ApiProvider, Object.assign({
     auth: auth,
     onSetAuth: onSetAuth,
     createApi: config.baseURL ? createApi$1 : createApi,
     config: config,
     name: API_NAME
-  }, children);
+  }, {
+    children: children
+  }));
 };
 
 // takes a component and connects module methods with workspace store
@@ -7890,7 +7921,7 @@ const ComponentsLookUpWrapper = _a => {
       shouldPreventClose
     }));
   }, [dispatch, viewId]);
-  return /*#__PURE__*/React__default.createElement(RenderComponent, Object.assign({
+  return jsx(RenderComponent, Object.assign({
     onPreventCloseView: togglePreventClose
   }, props));
 };
@@ -8055,93 +8086,93 @@ const WorkspaceControls = ({
       actions.remove(path);
     }
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomIconButton, {
-    "data-testid": "split-horizontal-btn",
-    sx: buttonStyle,
-    onClick: () => {
-      const newNode = createNode();
-      const previousNode = getAndAssertNodeAtPathExists(actions.getRoot(), path);
-      actions.replaceWith(path, {
-        direction: 'column',
-        first: previousNode,
-        second: newNode
-      });
-    },
-    tooltipTitle: t('workspace-control-split-horizontal')
-  }, /*#__PURE__*/React.createElement(SplitVertical, null)), /*#__PURE__*/React.createElement(CustomIconButton, {
-    "data-testid": "split-vertical-btn",
-    sx: buttonStyle,
-    onClick: () => {
-      const newNode = createNode();
-      const previousNode = getAndAssertNodeAtPathExists(actions.getRoot(), path);
-      actions.replaceWith(path, {
-        direction: 'row',
-        first: previousNode,
-        second: newNode
-      });
-    },
-    tooltipTitle: t('workspace-control-split-vertical')
-  }, /*#__PURE__*/React.createElement(SplitHorizontal, null)), !enableUnexpand || isString(mosaicNode) ? ( /*#__PURE__*/React.createElement(CustomIconButton, {
-    "data-testid": "expand-btn",
-    sx: buttonStyle,
-    onClick: () => {
-      setStateBeforeExpand(mosaicNode);
-      setEnableUnexpand(true);
-      actions.expand(path, 70);
-    },
-    tooltipTitle: t('workspace-control-expand')
-  }, /*#__PURE__*/React.createElement(Expand, null))) : ( /*#__PURE__*/React.createElement(CustomIconButton, {
-    "data-testid": "unexpand-btn",
-    sx: buttonStyle,
-    onClick: () => {
-      const stateBeforeExpandCopy = isString(stateBeforeExpand) ? stateBeforeExpand : Object.assign({}, stateBeforeExpand);
-      actions.replaceWith([], stateBeforeExpandCopy);
-    },
-    tooltipTitle: t('workspace-control-unexpand')
-  }, /*#__PURE__*/React.createElement(UnExpand, null))), /*#__PURE__*/React.createElement(CustomIconButton, {
-    "data-testid": "close-btn",
-    sx: buttonStyle,
-    onClick: onClose,
-    tooltipTitle: t('workspace-control-close'),
-    id: "close-window-button"
-  }, /*#__PURE__*/React.createElement(Close, null)));
+  return jsxs(Fragment, {
+    children: [jsx(CustomIconButton, Object.assign({
+      "data-testid": "split-horizontal-btn",
+      sx: buttonStyle,
+      onClick: () => {
+        const newNode = createNode();
+        const previousNode = getAndAssertNodeAtPathExists(actions.getRoot(), path);
+        actions.replaceWith(path, {
+          direction: 'column',
+          first: previousNode,
+          second: newNode
+        });
+      },
+      tooltipTitle: t('workspace-control-split-horizontal')
+    }, {
+      children: jsx(SplitVertical, {})
+    })), jsx(CustomIconButton, Object.assign({
+      "data-testid": "split-vertical-btn",
+      sx: buttonStyle,
+      onClick: () => {
+        const newNode = createNode();
+        const previousNode = getAndAssertNodeAtPathExists(actions.getRoot(), path);
+        actions.replaceWith(path, {
+          direction: 'row',
+          first: previousNode,
+          second: newNode
+        });
+      },
+      tooltipTitle: t('workspace-control-split-vertical')
+    }, {
+      children: jsx(SplitHorizontal, {})
+    })), !enableUnexpand || isString(mosaicNode) ? jsx(CustomIconButton, Object.assign({
+      "data-testid": "expand-btn",
+      sx: buttonStyle,
+      onClick: () => {
+        setStateBeforeExpand(mosaicNode);
+        setEnableUnexpand(true);
+        actions.expand(path, 70);
+      },
+      tooltipTitle: t('workspace-control-expand')
+    }, {
+      children: jsx(Expand, {})
+    })) : jsx(CustomIconButton, Object.assign({
+      "data-testid": "unexpand-btn",
+      sx: buttonStyle,
+      onClick: () => {
+        const stateBeforeExpandCopy = isString(stateBeforeExpand) ? stateBeforeExpand : Object.assign({}, stateBeforeExpand);
+        actions.replaceWith([], stateBeforeExpandCopy);
+      },
+      tooltipTitle: t('workspace-control-unexpand')
+    }, {
+      children: jsx(UnExpand, {})
+    })), jsx(CustomIconButton, Object.assign({
+      "data-testid": "close-btn",
+      sx: buttonStyle,
+      onClick: onClose,
+      tooltipTitle: t('workspace-control-close'),
+      id: "close-window-button"
+    }, {
+      children: jsx(Close, {})
+    }))]
+  });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const ViewLoading = ({
   viewPresetId
 }) => {
   const {
     t
   } = useWorkspaceTranslation();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinearProgress, {
-    "data-testid": "loading-bar",
-    color: "secondary",
-    sx: {
-      position: 'absolute',
-      width: '100%',
-      top: 0
-    }
-  }), /*#__PURE__*/React.createElement(Typography, {
-    sx: {
-      margin: 1
-    }
-  }, t('workspace-loading'), " ", viewPresetId));
+  return jsxs(Fragment, {
+    children: [jsx(LinearProgress, {
+      "data-testid": "loading-bar",
+      color: "secondary",
+      sx: {
+        position: 'absolute',
+        width: '100%',
+        top: 0
+      }
+    }), jsxs(Typography, Object.assign({
+      sx: {
+        margin: 1
+      }
+    }, {
+      children: [t('workspace-loading'), " ", viewPresetId]
+    }))]
+  });
 };
 const ViewError = ({
   viewPresetId,
@@ -8157,7 +8188,7 @@ const ViewError = ({
       mosaicNodeId
     }));
   }, [dispatch, viewPresetId, mosaicNodeId]);
-  return /*#__PURE__*/React.createElement(AlertBanner, {
+  return jsx(AlertBanner, {
     title: t('workspace-viewpresets-fail-fetch', {
       VIEWPRESET_ID: viewPresetId
     }),
@@ -8175,11 +8206,11 @@ const defaultComponentsLookUp = ({
 }) => {
   switch (componentType) {
     case 'ViewLoading':
-      return /*#__PURE__*/React.createElement(ViewLoading, {
+      return jsx(ViewLoading, {
         viewPresetId: viewPresetId
       });
     case 'ViewError':
-      return /*#__PURE__*/React.createElement(ViewError, {
+      return jsx(ViewError, {
         viewPresetId: viewPresetId,
         mosaicNodeId: mosaicNodeId
       });
@@ -8263,16 +8294,16 @@ const WORKSPACE_SELECT_LIST_ROW_HEIGHT = 46;
 const getPresetIcon = preset => {
   switch (preset.viewType) {
     case 'tiledWindow':
-      return /*#__PURE__*/React__default.createElement(PresetTiles, {
+      return jsx(PresetTiles, {
         "data-testid": "tiledWindowIcon"
       });
     case 'multiWindow':
-      return /*#__PURE__*/React__default.createElement(PresetWorkspace, {
+      return jsx(PresetWorkspace, {
         "data-testid": "multiWindowIcon"
       });
     case 'singleWindow':
     default:
-      return /*#__PURE__*/React__default.createElement(Preset, {
+      return jsx(Preset, {
         "data-testid": "singleWindowIcon"
       });
   }
@@ -8304,7 +8335,7 @@ const WorkspaceSelectListRow = ({
     text: t(editTitle),
     action: onEdit
   }] : [])];
-  return /*#__PURE__*/React__default.createElement(ListItem, {
+  return jsx(ListItem, Object.assign({
     disablePadding: true,
     sx: {
       marginBottom: 0.5,
@@ -8325,75 +8356,73 @@ const WorkspaceSelectListRow = ({
         color: 'geowebColors.typographyAndIcons.text'
       }
     }
-  }, /*#__PURE__*/React__default.createElement(ListItemButton, {
-    "data-testid": `${_testIdPrefix}-selectListRow`,
-    selected: isSelected,
-    onClick: () => {
-      onClickPreset(workspacePreset.id);
-    },
-    sx: {
-      padding: 1,
-      height: `${WORKSPACE_SELECT_LIST_ROW_HEIGHT}px`
-    },
-    role: "listitem",
-    "aria-label": _testIdPrefix
-  }, /*#__PURE__*/React__default.createElement(ListItemIcon, null, getPresetIcon(workspacePreset)), /*#__PURE__*/React__default.createElement(CustomTooltip, {
-    title: workspacePreset.title
-  }, /*#__PURE__*/React__default.createElement(ListItemText, {
-    primary: /*#__PURE__*/React__default.createElement(SearchHighlight, {
-      text: workspacePreset === null || workspacePreset === void 0 ? void 0 : workspacePreset.title,
-      search: _searchQuery
-    }),
-    secondary: /*#__PURE__*/React__default.createElement(SearchHighlight, {
-      text: workspacePreset === null || workspacePreset === void 0 ? void 0 : workspacePreset.abstract,
-      search: _searchQuery
-    }),
-    sx: {
-      margin: 0
-    }
-  })), _isEditable && ( /*#__PURE__*/React__default.createElement(Grid, {
-    sx: {
-      minWidth: 56,
-      marginLeft: 2
-    }
-  }, /*#__PURE__*/React__default.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React__default.createElement(ToggleMenu, {
-    buttonTestId: `${_testIdPrefix}-listOptionsButton`,
-    menuPosition: "right",
-    menuItems: menuItems,
-    menuTitle: t('workspace-options'),
-    isDefaultOpen: _isOptionsMenuOpen
-  }), workspacePreset.scope === 'user' && ( /*#__PURE__*/React__default.createElement(CustomIconButton, {
-    tooltipTitle: t('workspace-delete-tooltip'),
-    onClick: event => {
-      event.stopPropagation();
-      onClickWorkspacePresetOption(workspacePreset.id, WorkspacePresetAction.DELETE, workspacePreset);
-    },
-    variant: "tool",
-    sx: {
-      marginLeft: 1
-    },
-    "data-testid": `${_testIdPrefix}-listDeleteButton`
-  }, /*#__PURE__*/React__default.createElement(Delete, null))))))));
+  }, {
+    children: jsxs(ListItemButton, Object.assign({
+      "data-testid": `${_testIdPrefix}-selectListRow`,
+      selected: isSelected,
+      onClick: () => {
+        onClickPreset(workspacePreset.id);
+      },
+      sx: {
+        padding: 1,
+        height: `${WORKSPACE_SELECT_LIST_ROW_HEIGHT}px`
+      },
+      role: "listitem",
+      "aria-label": _testIdPrefix
+    }, {
+      children: [jsx(ListItemIcon, {
+        children: getPresetIcon(workspacePreset)
+      }), jsx(CustomTooltip, Object.assign({
+        title: workspacePreset.title
+      }, {
+        children: jsx(ListItemText, {
+          primary: jsx(SearchHighlight, {
+            text: workspacePreset === null || workspacePreset === void 0 ? void 0 : workspacePreset.title,
+            search: _searchQuery
+          }),
+          secondary: jsx(SearchHighlight, {
+            text: workspacePreset === null || workspacePreset === void 0 ? void 0 : workspacePreset.abstract,
+            search: _searchQuery
+          }),
+          sx: {
+            margin: 0
+          }
+        })
+      })), _isEditable && jsx(Grid, Object.assign({
+        sx: {
+          minWidth: 56,
+          marginLeft: 2
+        }
+      }, {
+        children: jsxs(Grid, Object.assign({
+          item: true
+        }, {
+          children: [jsx(ToggleMenu, {
+            buttonTestId: `${_testIdPrefix}-listOptionsButton`,
+            menuPosition: "right",
+            menuItems: menuItems,
+            menuTitle: t('workspace-options'),
+            isDefaultOpen: _isOptionsMenuOpen
+          }), workspacePreset.scope === 'user' && jsx(CustomIconButton, Object.assign({
+            tooltipTitle: t('workspace-delete-tooltip'),
+            onClick: event => {
+              event.stopPropagation();
+              onClickWorkspacePresetOption(workspacePreset.id, WorkspacePresetAction.DELETE, workspacePreset);
+            },
+            variant: "tool",
+            sx: {
+              marginLeft: 1
+            },
+            "data-testid": `${_testIdPrefix}-listDeleteButton`
+          }, {
+            children: jsx(Delete, {})
+          }))]
+        }))
+      }))]
+    }))
+  }));
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const FilterChip = ({
   label,
   id,
@@ -8402,7 +8431,7 @@ const FilterChip = ({
   handleClick: _handleClick = () => {}
 }) => {
   const theme = useTheme();
-  return /*#__PURE__*/React.createElement(Chip, {
+  return jsx(Chip, {
     size: "small",
     id: id,
     label: label,
@@ -8417,22 +8446,6 @@ const FilterChip = ({
   });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const FilterList = ({
   filters: _filters = workspaceListFilterOptions,
   onChipClick: _onChipClick = () => {},
@@ -8441,47 +8454,52 @@ const FilterList = ({
   const {
     t
   } = useWorkspaceTranslation();
-  return /*#__PURE__*/React.createElement(Stack, {
+  return jsxs(Stack, Object.assign({
     direction: "row",
     spacing: 1,
     "data-testid": "filterList"
-  }, /*#__PURE__*/React.createElement(FilterChip, {
-    id: "all",
-    label: t('workspace-all-button'),
-    isSelected: _isAllSelected,
-    handleClick: key => _onChipClick(key, !_isAllSelected)
-  }), _filters.map(filter => {
-    return /*#__PURE__*/React.createElement(FilterChip, {
-      key: filter.id,
-      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);
-      }
-    });
+  }, {
+    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
-}) => ( /*#__PURE__*/React.createElement(CustomIconButton, {
+}) => jsx(CustomIconButton, Object.assign({
   tooltipTitle: label,
   edge: "end",
   size: "large"
-}, /*#__PURE__*/React.createElement(Search, null)));
+}, {
+  children: jsx(Search, {})
+}));
 const ClearButton = ({
   onClick
-}) => ( /*#__PURE__*/React.createElement(CustomIconButton, {
+}) => jsx(CustomIconButton, Object.assign({
   tooltipTitle: "Clear",
   edge: "end",
   onClick: onClick,
   size: "large"
-}, /*#__PURE__*/React.createElement(Clear, null)));
+}, {
+  children: jsx(Clear, {})
+}));
 const SearchField = ({
   valueChanged,
   value: _value = ''
@@ -8493,7 +8511,7 @@ const SearchField = ({
   const label = t('workspace-search');
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const handleValueChangeDebounced = React.useCallback(debounce$1(valueChanged, DEBOUNCE_TIMEOUT), []);
-  return /*#__PURE__*/React.createElement(TextField, {
+  return jsx(TextField, {
     variant: "filled",
     size: "small",
     sx: {
@@ -8510,36 +8528,22 @@ const SearchField = ({
       setLocalValue(e.target.value);
     },
     InputProps: {
-      endAdornment: ( /*#__PURE__*/React.createElement(InputAdornment, {
+      endAdornment: jsx(InputAdornment, Object.assign({
         position: "end"
-      }, localValue ? ( /*#__PURE__*/React.createElement(ClearButton, {
-        onClick: () => {
-          setLocalValue('');
-          valueChanged('');
-        }
-      })) : ( /*#__PURE__*/React.createElement(SearchButton, {
-        label: label
-      }))))
+      }, {
+        children: localValue ? jsx(ClearButton, {
+          onClick: () => {
+            setLocalValue('');
+            valueChanged('');
+          }
+        }) : jsx(SearchButton, {
+          label: label
+        })
+      }))
     }
   });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const DEFAULT_FILTER_HEIGHT = 85;
 const WorkspaceFilter = ({
   filters,
@@ -8548,20 +8552,24 @@ const WorkspaceFilter = ({
   isAllSelected,
   searchQuery
 }) => {
-  return /*#__PURE__*/React.createElement(Box, {
+  return jsx(Box, Object.assign({
     sx: {
       marginBottom: '8px'
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
-    spacing: 1
-  }, /*#__PURE__*/React.createElement(SearchField, {
-    value: searchQuery,
-    valueChanged: _onSearch
-  }), /*#__PURE__*/React.createElement(FilterList, {
-    filters: filters,
-    onChipClick: _onClickFilterChip,
-    isAllSelected: isAllSelected
-  })));
+  }, {
+    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
@@ -8584,47 +8592,58 @@ const WorkspaceSelectList = ({
     t
   } = useWorkspaceTranslation();
   const items = React.useMemo(() => !hideNewWorkspace ? [_newPreset, ...workspacePresets] : workspacePresets, [hideNewWorkspace, _newPreset, workspacePresets]);
-  return /*#__PURE__*/React.createElement(Box, {
+  return jsxs(Box, Object.assign({
     "data-testid": `${_testIdPrefix}-selectList`,
     sx: {
       height: `calc(100% - ${DEFAULT_FILTER_HEIGHT}px)`,
       minHeight: MIN_HEIGHT_SCROLLABLE_LIST
     }
-  }, /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      marginBottom: '4px',
-      fontSize: '12px'
-    }
-  }, workspacePresets.length, " ", t('workspace-results')), /*#__PURE__*/React.createElement(AutoSizer, null, ({
-    height: _height = 0,
-    width: _width = 0
-  }) => ( /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      paddingTop: `${LIST_PADDING_TOP}px`
-    }
-  }, /*#__PURE__*/React.createElement(FixedSizeList, {
-    height: _height - DEFAULT_RESULTS_HEIGHT,
-    width: _width,
-    itemCount: items.length,
-    itemSize: rowHeight
-  }, ({
-    index,
-    style
-  }) => {
-    const preset = items[index];
-    return /*#__PURE__*/React.createElement("div", {
-      style: style,
-      key: preset.id || 'emptyPreset'
-    }, /*#__PURE__*/React.createElement(WorkspaceSelectListRow, {
-      workspacePreset: preset,
-      onClickPreset: onClickPreset,
-      onClickWorkspacePresetOption: onClickWorkspacePresetOption,
-      isEditable: isLoggedIn,
-      searchQuery: searchQuery,
-      isSelected: currentSelectedId === preset.id || currentSelectedId === '' && preset.id === undefined,
-      testIdPrefix: _testIdPrefix
-    }));
-  })))));
+  }, {
+    children: [jsxs(Box, Object.assign({
+      sx: {
+        marginBottom: '4px',
+        fontSize: '12px'
+      }
+    }, {
+      children: [workspacePresets.length, " ", t('workspace-results')]
+    })), jsx(AutoSizer, {
+      children: ({
+        height: _height = 0,
+        width: _width = 0
+      }) => jsx(Box, Object.assign({
+        sx: {
+          paddingTop: `${LIST_PADDING_TOP}px`
+        }
+      }, {
+        children: jsx(FixedSizeList, Object.assign({
+          height: _height - DEFAULT_RESULTS_HEIGHT,
+          width: _width,
+          itemCount: items.length,
+          itemSize: rowHeight
+        }, {
+          children: ({
+            index,
+            style
+          }) => {
+            const preset = items[index];
+            return jsx("div", Object.assign({
+              style: style
+            }, {
+              children: jsx(WorkspaceSelectListRow, {
+                workspacePreset: preset,
+                onClickPreset: onClickPreset,
+                onClickWorkspacePresetOption: onClickWorkspacePresetOption,
+                isEditable: isLoggedIn,
+                searchQuery: searchQuery,
+                isSelected: currentSelectedId === preset.id || currentSelectedId === '' && preset.id === undefined,
+                testIdPrefix: _testIdPrefix
+              })
+            }), preset.id || 'emptyPreset');
+          }
+        }))
+      }))
+    })]
+  }));
 };
 
 const ViewPresetMenuListConnect = ({
@@ -8754,70 +8773,58 @@ const ViewPresetMenuListConnect = ({
   };
   const isAllSelectedForFilters = viewPresetListFilters.every(filter => filter.isSelected);
   const shouldHideNewWorkspace = !isAllSelectedForFilters || viewPresetListSearchQuery.length > 0;
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxs("div", Object.assign({
     "data-testid": "viewpreset-selectlist-connect",
     style: {
       height: '100%'
     }
-  }, isViewPresetsListFetching && ( /*#__PURE__*/React.createElement(LinearProgress, {
-    "data-testid": "loading-bar",
-    color: "secondary",
-    sx: {
-      position: 'absolute',
-      width: '100%',
-      top: 0
-    }
-  })), !isViewPresetsListFetching && error && ( /*#__PURE__*/React.createElement(AlertBanner, Object.assign({
-    title: t('workspace-viewpresets-error'),
-    info: error.message,
-    shouldClose: true
-  }, error.errorType === ViewPresetErrorType.GENERIC && {
-    actionButtonProps: {
-      title: t('workspace-retry'),
-      onClick: fetchViewPresets
-    }
-  }))), /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      padding: 1,
-      height: '100%'
-    }
-  }, !error && ( /*#__PURE__*/React.createElement(WorkspaceFilter, {
-    filters: viewPresetListFilters,
-    onClickFilterChip: onClickFilterChip,
-    isAllSelected: isAllSelectedForFilters,
-    searchQuery: viewPresetListSearchQuery,
-    onSearch: onSearchFilter
-  })), /*#__PURE__*/React.createElement(WorkspaceSelectList, {
-    workspacePresets: viewPresets,
-    currentSelectedId: activeViewPresetId || undefined,
-    onClickPreset: selectViewPreset,
-    onClickWorkspacePresetOption: onClickViewPresetOption,
-    newPreset: Object.assign(Object.assign({}, getEmptyWorkspaceListItem()), {
-      title: t('workspace-mappreset-new')
-    }),
-    isLoggedIn: isLoggedIn,
-    hideNewWorkspace: shouldHideNewWorkspace,
-    searchQuery: viewPresetListSearchQuery,
-    testIdPrefix: "viewpreset"
-  })));
+  }, {
+    children: [isViewPresetsListFetching && jsx(LinearProgress, {
+      "data-testid": "loading-bar",
+      color: "secondary",
+      sx: {
+        position: 'absolute',
+        width: '100%',
+        top: 0
+      }
+    }), !isViewPresetsListFetching && error && jsx(AlertBanner, Object.assign({
+      title: t('workspace-viewpresets-error'),
+      info: error.message,
+      shouldClose: true
+    }, error.errorType === ViewPresetErrorType.GENERIC && {
+      actionButtonProps: {
+        title: t('workspace-retry'),
+        onClick: fetchViewPresets
+      }
+    })), jsxs(Box, Object.assign({
+      sx: {
+        padding: 1,
+        height: '100%'
+      }
+    }, {
+      children: [!error && jsx(WorkspaceFilter, {
+        filters: viewPresetListFilters,
+        onClickFilterChip: onClickFilterChip,
+        isAllSelected: isAllSelectedForFilters,
+        searchQuery: viewPresetListSearchQuery,
+        onSearch: onSearchFilter
+      }), jsx(WorkspaceSelectList, {
+        workspacePresets: viewPresets,
+        currentSelectedId: activeViewPresetId || undefined,
+        onClickPreset: selectViewPreset,
+        onClickWorkspacePresetOption: onClickViewPresetOption,
+        newPreset: Object.assign(Object.assign({}, getEmptyWorkspaceListItem()), {
+          title: t('workspace-mappreset-new')
+        }),
+        isLoggedIn: isLoggedIn,
+        hideNewWorkspace: shouldHideNewWorkspace,
+        searchQuery: viewPresetListSearchQuery,
+        testIdPrefix: "viewpreset"
+      })]
+    }))]
+  }));
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const ViewPresetMenu = ({
   hideBackdrop: _hideBackdrop = false,
   closeMenu,
@@ -8826,7 +8833,7 @@ const ViewPresetMenu = ({
   const {
     t
   } = useWorkspaceTranslation();
-  const toolContainer = /*#__PURE__*/React__default.createElement(ToolContainer, {
+  const toolContainer = jsx(ToolContainer, Object.assign({
     style: {
       width: 320,
       height: 'calc(100% - 80px)',
@@ -8838,23 +8845,29 @@ const ViewPresetMenu = ({
     onClick: event => {
       event.stopPropagation();
     }
-  }, /*#__PURE__*/React__default.createElement(ViewPresetMenuListConnect, {
-    panelId: panelId
+  }, {
+    children: jsx(ViewPresetMenuListConnect, {
+      panelId: panelId
+    })
   }));
   renderCounter.count(ViewPresetMenu.name);
-  return /*#__PURE__*/React__default.createElement("div", null, _hideBackdrop ?
-  // Enable hiding backdrop from snapshot tests
-  toolContainer : ( /*#__PURE__*/React__default.createElement(Backdrop, {
-    "data-testid": "viewpresetMenuBackdrop",
-    open: true,
-    sx: {
-      '&.MuiBackdrop-root': {
-        position: 'absolute',
-        zIndex: 1002
-      }
-    },
-    onClick: closeMenu
-  }, toolContainer)));
+  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
+    }))
+  });
 };
 
 const WorkspaceOptionsNoMemo = ({
@@ -8901,7 +8914,7 @@ const WorkspaceOptionsNoMemo = ({
     title: t('workspace-delete'),
     callback: handleDelete
   }];
-  const renderButton = () => ( /*#__PURE__*/React.createElement(CustomToggleButton, {
+  const renderButton = () => jsxs(CustomToggleButton, Object.assign({
     variant: "tool",
     selected: isOpen,
     onClick: handleClick,
@@ -8939,88 +8952,85 @@ const WorkspaceOptionsNoMemo = ({
       }
     },
     role: "button"
-  }, title, panelId && ( /*#__PURE__*/React.createElement(Box, {
-    component: "span",
-    sx: {
-      fontStyle: 'normal',
-      marginLeft: 1,
-      color: 'geowebColors.captions.captionStatus.rgba'
-    }
-  }, panelId)), /*#__PURE__*/React.createElement(Menu, {
-    BackdropProps: {
-      style: {
-        opacity: 0,
-        transition: 'none'
+  }, {
+    children: [title, panelId && jsx(Box, Object.assign({
+      component: "span",
+      sx: {
+        fontStyle: 'normal',
+        marginLeft: 1,
+        color: 'geowebColors.captions.captionStatus.rgba'
       }
-    },
-    open: isOpen,
-    anchorEl: anchorEl,
-    anchorOrigin: {
-      vertical: 21,
-      horizontal: 6
-    },
-    sx: {
-      '& .MuiMenu-list': {
-        padding: 0
+    }, {
+      children: panelId
+    })), jsxs(Menu, Object.assign({
+      BackdropProps: {
+        style: {
+          opacity: 0,
+          transition: 'none'
+        }
       },
-      '& .MuiMenuItem-root': {
-        fontSize: 16
-      }
-    }
-  }, /*#__PURE__*/React.createElement(ListSubheader, {
-    sx: {
-      paddingTop: '8px'
-    }
-  }, /*#__PURE__*/React.createElement(Typography, {
-    sx: {
-      letterSpacing: '0.4px',
-      fontSize: 12
-    }
-  }, t('workspace-options'))), options.map(({
-    title,
-    callback
-  }) => ( /*#__PURE__*/React.createElement(MenuItem, {
-    key: title,
-    onClick: callback,
-    disabled: !callback
-  }, title))))));
-  return _isDisabled ? renderButton() : ( /*#__PURE__*/React.createElement(CustomTooltip, {
+      open: isOpen,
+      anchorEl: anchorEl,
+      anchorOrigin: {
+        vertical: 21,
+        horizontal: 6
+      },
+      sx: {
+        '& .MuiMenu-list': {
+          padding: 0
+        },
+        '& .MuiMenuItem-root': {
+          fontSize: 16
+        }
+      }
+    }, {
+      children: [jsx(ListSubheader, Object.assign({
+        sx: {
+          paddingTop: '8px'
+        }
+      }, {
+        children: jsx(Typography, Object.assign({
+          sx: {
+            letterSpacing: '0.4px',
+            fontSize: 12
+          }
+        }, {
+          children: t('workspace-options')
+        }))
+      })), options.map(({
+        title,
+        callback
+      }) => jsx(MenuItem, Object.assign({
+        onClick: callback,
+        disabled: !callback
+      }, {
+        children: title
+      }), title))]
+    }))]
+  }));
+  return _isDisabled ? renderButton() : jsx(CustomTooltip, Object.assign({
     title: !isOpen && title,
     TransitionProps: {
       exit: false
     }
-  }, renderButton()));
+  }, {
+    children: renderButton()
+  }));
 };
 const WorkspaceOptions = /*#__PURE__*/React.memo(WorkspaceOptionsNoMemo);
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * */
 const LoadingIndicatorConnect = ({
   panelId
 }) => {
   const isLoading = useSelector(store => loadingIndicatorSelectors.isLoading(store, panelId));
-  return isLoading ? ( /*#__PURE__*/React.createElement(CloudLoading, {
+  return isLoading ? jsx(CloudLoading, {
     "data-testid": "cloudicon-loading",
     style: {
       fill: '#186DFF'
     }
-  })) : ( /*#__PURE__*/React.createElement(CloudIdle, {
+  }) : jsx(CloudIdle, {
     "data-testid": "cloudicon-idle"
-  }));
+  });
 };
 
 const customIconStyles = (theme, isViewPresetDialogOpen) => {
@@ -9150,46 +9160,34 @@ const WorkspaceViewTitleConnectNoMemo = ({
     });
   }, [isViewPresetDialogOpen, panelId, toggleViewPresetDialog]);
   const style = React.useMemo(() => customIconStyles(theme, isViewPresetDialogOpen), [isViewPresetDialogOpen, theme]);
-  const presetIcon = React.useMemo(() => /*#__PURE__*/React.createElement(Preset, null), []);
+  const presetIcon = React.useMemo(() => jsx(Preset, {}), []);
   renderCounter.count(WorkspaceViewTitleConnectNoMemo.name);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomIconButton, {
-    "data-testid": "open-viewpresets",
-    sx: style,
-    variant: "tool",
-    onClick: onClickOpenViewPreset,
-    tooltipTitle: t('workspace-viewpreset-menu'),
-    isSelected: isViewPresetDialogOpen
-  }, presetIcon), /*#__PURE__*/React.createElement(WorkspaceOptions, {
-    panelId: panelId,
-    title: fullTitle,
-    hasChanges: hasMapPresetChanges || isNewActive,
-    handleSave: viewScope === 'user' ? onSave : undefined,
-    handleDelete: viewScope === 'user' ? onDelete : undefined,
-    handleSaveAs: onSaveAs,
-    handleEdit: viewScope === 'user' ? onEdit : undefined,
-    id: "viewpreset-options-toolbutton"
-  }), /*#__PURE__*/React.createElement(LoadingIndicatorConnect, {
-    panelId: panelId
-  }));
+  return jsxs(Fragment, {
+    children: [jsx(CustomIconButton, Object.assign({
+      "data-testid": "open-viewpresets",
+      sx: style,
+      variant: "tool",
+      onClick: onClickOpenViewPreset,
+      tooltipTitle: t('workspace-viewpreset-menu'),
+      isSelected: isViewPresetDialogOpen
+    }, {
+      children: presetIcon
+    })), jsx(WorkspaceOptions, {
+      panelId: panelId,
+      title: fullTitle,
+      hasChanges: hasMapPresetChanges || isNewActive,
+      handleSave: viewScope === 'user' ? onSave : undefined,
+      handleDelete: viewScope === 'user' ? onDelete : undefined,
+      handleSaveAs: onSaveAs,
+      handleEdit: viewScope === 'user' ? onEdit : undefined,
+      id: "viewpreset-options-toolbutton"
+    }), jsx(LoadingIndicatorConnect, {
+      panelId: panelId
+    })]
+  });
 };
 const WorkspaceViewTitleConnect = /*#__PURE__*/React.memo(WorkspaceViewTitleConnectNoMemo);
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const WorkspaceTileConnect = /*#__PURE__*/React.memo(({
   mosaicNodeId: _mosaicNodeId = '',
   path,
@@ -9278,46 +9276,50 @@ const WorkspaceTileConnect = /*#__PURE__*/React.memo(({
     componentType: view === null || view === void 0 ? void 0 : view.componentType,
     mosaicNodeId: _mosaicNodeId
   }), [_mosaicNodeId, view === null || view === void 0 ? void 0 : view.componentType, view === null || view === void 0 ? void 0 : view.id]);
-  return /*#__PURE__*/React.createElement(MosaicWindow, {
+  return jsxs(MosaicWindow, Object.assign({
     path: path,
     createNode: createNode,
-    title: ( /*#__PURE__*/React.createElement(WorkspaceViewTitleConnect, {
+    title: jsx(WorkspaceViewTitleConnect, {
       panelId: _mosaicNodeId,
       isViewPresetDialogOpen: isViewPresetDialogOpen || false
-    })),
-    toolbarControls: /*#__PURE__*/React.createElement(WorkspaceControls, {
+    }),
+    toolbarControls: jsx(WorkspaceControls, {
       createNode: createNode,
       path: path,
       shouldPreventCloseView: shouldPreventCloseView
     })
-  }, isViewPresetsFetching && ( /*#__PURE__*/React.createElement(LinearProgress, {
-    "data-testid": "loading-bar",
-    color: "secondary",
-    sx: {
-      position: 'absolute',
-      width: '100%',
-      top: 0,
-      zIndex: 1001
-    }
-  })), errorViewPreset && ( /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      position: 'absolute',
-      left: 0,
-      right: 0,
-      zIndex: 1002
-    }
-  }, /*#__PURE__*/React.createElement(AlertBanner, {
-    title: errorViewPreset,
-    shouldClose: true
-  }))), defaultComponentsLookupResult, genericComponentsLookupResult, isViewPresetDialogOpen && ( /*#__PURE__*/React.createElement(ViewPresetMenu, {
-    panelId: _mosaicNodeId,
-    closeMenu: () => {
-      toggleViewPresetDialog({
-        panelId: _mosaicNodeId,
-        isViewPresetDialogOpen: false
-      });
-    }
-  })));
+  }, {
+    children: [isViewPresetsFetching && jsx(LinearProgress, {
+      "data-testid": "loading-bar",
+      color: "secondary",
+      sx: {
+        position: 'absolute',
+        width: '100%',
+        top: 0,
+        zIndex: 1001
+      }
+    }), errorViewPreset && jsx(Box, Object.assign({
+      sx: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        zIndex: 1002
+      }
+    }, {
+      children: jsx(AlertBanner, {
+        title: errorViewPreset,
+        shouldClose: true
+      })
+    })), defaultComponentsLookupResult, genericComponentsLookupResult, isViewPresetDialogOpen && jsx(ViewPresetMenu, {
+      panelId: _mosaicNodeId,
+      closeMenu: () => {
+        toggleViewPresetDialog({
+          panelId: _mosaicNodeId,
+          isViewPresetDialogOpen: false
+        });
+      }
+    })]
+  }));
 }, _.isEqual);
 
 const WorkspaceView = ({
@@ -9331,7 +9333,7 @@ const WorkspaceView = ({
   const {
     t
   } = useWorkspaceTranslation();
-  const EmptyView = !_isWorkspaceLoading && ( /*#__PURE__*/React.createElement(Box, {
+  const EmptyView = !_isWorkspaceLoading && jsxs(Box, Object.assign({
     sx: {
       backgroundColor: 'geowebColors.background.surface',
       display: 'flex',
@@ -9340,16 +9342,20 @@ const WorkspaceView = ({
       alignItems: 'center',
       height: '100%'
     }
-  }, /*#__PURE__*/React.createElement(WebAssetOff, {
-    sx: {
-      fontSize: '150px',
-      margin: '20px'
-    }
-  }), /*#__PURE__*/React.createElement(Typography, {
-    sx: {
-      color: 'geowebColors.typographyAndIcons.text'
-    }
-  }, t('geoweb-welcome'))));
+  }, {
+    children: [jsx(WebAssetOff, {
+      sx: {
+        fontSize: '150px',
+        margin: '20px'
+      }
+    }), jsx(Typography, Object.assign({
+      sx: {
+        color: 'geowebColors.typographyAndIcons.text'
+      }
+    }, {
+      children: t('geoweb-welcome')
+    }))]
+  }));
   useControlActiveWindowId(screenConfig, activeWindowId, setActiveWindowId);
   const getNewViewId = (element, viewId) => {
     if (element instanceof Element) {
@@ -9372,7 +9378,7 @@ const WorkspaceView = ({
       setActiveWindowId(newViewId);
     }
   };
-  return /*#__PURE__*/React.createElement(Box, {
+  return jsx(Box, Object.assign({
     sx: {
       height: '100%',
       '.geoweb-mosaic .mosaic-window-title': {
@@ -9384,43 +9390,47 @@ const WorkspaceView = ({
         backgroundColor: 'geowebColors.background.surfaceApp'
       }
     }
-  }, /*#__PURE__*/React.createElement(Mosaic, {
-    className: "geoweb-mosaic",
-    zeroStateView: EmptyView || undefined,
-    initialValue: screenConfig.mosaicNode,
-    renderTile: (viewId, path) => {
-      const windowIsActive = viewId === activeWindowId;
-      return /*#__PURE__*/React.createElement(Box, {
-        onClick: event => handleClickOnWindow(event, viewId),
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-        sx: theme => ({
-          '> *': {
-            height: '100%',
-            width: '100%'
-          },
-          '.mosaic-window .mosaic-window-toolbar': {
-            backgroundColor: windowIsActive ? theme.palette.geowebColors.workspace.activeWindow : theme.palette.geowebColors.workspace.inactiveWindow
-          },
-          '.mosaic-window-toolbar .MuiSvgIcon-root': {
-            fill: windowIsActive ? theme.palette.geowebColors.buttons.flat.default.color : theme.palette.geowebColors.buttons.flat.disabled.color
-          },
-          '#close-window-button .MuiSvgIcon-root': {
-            fill: theme.palette.geowebColors.buttons.flat.disabled.color
-          },
-          '.mosaic-window-toolbar .mosaic-window-title': {
-            color: windowIsActive ? theme.palette.geowebColors.typographyAndIcons.text : theme.palette.geowebColors.typographyAndIcons.inactiveText
-          }
-        })
-      }, /*#__PURE__*/React.createElement(WorkspaceTileConnect, {
-        mosaicNodeId: viewId,
-        path: path,
-        componentsLookUp: componentsLookUp
-      }));
-    },
-    onRelease: node => updateViews(node),
-    resize: {
-      minimumPaneSizePercentage: screenConfig.minimumPaneSizePercentage || 20
-    }
+  }, {
+    children: jsx(Mosaic, {
+      className: "geoweb-mosaic",
+      zeroStateView: EmptyView || undefined,
+      initialValue: screenConfig.mosaicNode,
+      renderTile: (viewId, path) => {
+        const windowIsActive = viewId === activeWindowId;
+        return jsx(Box, Object.assign({
+          onClick: event => handleClickOnWindow(event, viewId),
+          // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+          sx: theme => ({
+            '> *': {
+              height: '100%',
+              width: '100%'
+            },
+            '.mosaic-window .mosaic-window-toolbar': {
+              backgroundColor: windowIsActive ? theme.palette.geowebColors.workspace.activeWindow : theme.palette.geowebColors.workspace.inactiveWindow
+            },
+            '.mosaic-window-toolbar .MuiSvgIcon-root': {
+              fill: windowIsActive ? theme.palette.geowebColors.buttons.flat.default.color : theme.palette.geowebColors.buttons.flat.disabled.color
+            },
+            '#close-window-button .MuiSvgIcon-root': {
+              fill: theme.palette.geowebColors.buttons.flat.disabled.color
+            },
+            '.mosaic-window-toolbar .mosaic-window-title': {
+              color: windowIsActive ? theme.palette.geowebColors.typographyAndIcons.text : theme.palette.geowebColors.typographyAndIcons.inactiveText
+            }
+          })
+        }, {
+          children: jsx(WorkspaceTileConnect, {
+            mosaicNodeId: viewId,
+            path: path,
+            componentsLookUp: componentsLookUp
+          })
+        }));
+      },
+      onRelease: node => updateViews(node),
+      resize: {
+        minimumPaneSizePercentage: screenConfig.minimumPaneSizePercentage || 20
+      }
+    })
   }));
 };
 const useControlActiveWindowId = (screenConfig, activeWindowId, setActiveWindowId) => {
@@ -9446,22 +9456,6 @@ const useControlActiveWindowId = (screenConfig, activeWindowId, setActiveWindowI
   }, [activeWindowId, screenConfig.views, screenConfig.views.allIds, setActiveWindowId]);
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
 const WorkspaceViewConnect = ({
   componentsLookUp
 }) => {
@@ -9492,7 +9486,7 @@ const WorkspaceViewConnect = ({
     window.addEventListener('orientationchange', handleOrientationChange);
     return () => window.removeEventListener('orientationchange', handleOrientationChange);
   }, [handleOrientationChange]);
-  return /*#__PURE__*/React__default.createElement(WorkspaceView, {
+  return jsx(WorkspaceView, {
     screenConfig: screenConfig,
     componentsLookUp: componentsLookUp,
     updateViews: updateViews,
@@ -9626,71 +9620,61 @@ const WorkspaceSelectListConnect = () => {
   const {
     t
   } = useWorkspaceTranslation();
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxs("div", Object.assign({
     "data-testid": "workspace-selectlist-connect",
     style: {
       height: '100%'
     }
-  }, isFetching && ( /*#__PURE__*/React.createElement(LinearProgress, {
-    "data-testid": "loading-bar",
-    color: "secondary",
-    sx: {
-      position: 'absolute',
-      width: '100%',
-      top: 0,
-      left: 0
-    }
-  })), error && ( /*#__PURE__*/React.createElement("div", {
-    style: {
-      whiteSpace: 'normal'
-    }
-  }, /*#__PURE__*/React.createElement(AlertBanner, Object.assign({
-    title: t('workspace-error-fetch'),
-    info: error.message,
-    shouldClose: true
-  }, error.type === WorkspaceListErrorType.GENERIC && {
-    actionButtonProps: {
-      title: t('workspace-retry'),
-      onClick: () => fetchWorkspaceList()
-    }
-  })))), /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      padding: 1,
-      height: '100%'
-    }
-  }, !error && ( /*#__PURE__*/React.createElement(WorkspaceFilter, {
-    filters: workspaceListFilters,
-    onClickFilterChip: onClickFilterChip,
-    isAllSelected: isAllSelected,
-    searchQuery: workspaceSearchQuery,
-    onSearch: searchFilter
-  })), /*#__PURE__*/React.createElement(WorkspaceSelectList, {
-    workspacePresets: workspacePresets,
-    currentSelectedId: currentView.id || '',
-    onClickPreset: onClickWorkspace,
-    onClickWorkspacePresetOption: onClickWorkspacePresetOption,
-    hideNewWorkspace: shouldHideNewWorkspace,
-    isLoggedIn: isLoggedIn,
-    searchQuery: workspaceSearchQuery
-  })));
+  }, {
+    children: [isFetching && jsx(LinearProgress, {
+      "data-testid": "loading-bar",
+      color: "secondary",
+      sx: {
+        position: 'absolute',
+        width: '100%',
+        top: 0,
+        left: 0
+      }
+    }), error && jsx("div", Object.assign({
+      style: {
+        whiteSpace: 'normal'
+      }
+    }, {
+      children: jsx(AlertBanner, Object.assign({
+        title: t('workspace-error-fetch'),
+        info: error.message,
+        shouldClose: true
+      }, error.type === WorkspaceListErrorType.GENERIC && {
+        actionButtonProps: {
+          title: t('workspace-retry'),
+          onClick: () => fetchWorkspaceList()
+        }
+      }))
+    })), jsxs(Box, Object.assign({
+      sx: {
+        padding: 1,
+        height: '100%'
+      }
+    }, {
+      children: [!error && jsx(WorkspaceFilter, {
+        filters: workspaceListFilters,
+        onClickFilterChip: onClickFilterChip,
+        isAllSelected: isAllSelected,
+        searchQuery: workspaceSearchQuery,
+        onSearch: searchFilter
+      }), jsx(WorkspaceSelectList, {
+        workspacePresets: workspacePresets,
+        currentSelectedId: currentView.id || '',
+        onClickPreset: onClickWorkspace,
+        onClickWorkspacePresetOption: onClickWorkspacePresetOption,
+        hideNewWorkspace: shouldHideNewWorkspace,
+        isLoggedIn: isLoggedIn,
+        searchQuery: workspaceSearchQuery
+      })]
+    }))]
+  }));
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const WorkspaceMenu = ({
   hideBackdrop: _hideBackdrop = false,
   closeMenu
@@ -9698,7 +9682,7 @@ const WorkspaceMenu = ({
   const {
     t
   } = useWorkspaceTranslation();
-  const toolContainer = /*#__PURE__*/React__default.createElement(ToolContainer, {
+  const toolContainer = jsx(ToolContainer, Object.assign({
     style: {
       width: 320,
       height: 'calc(100vh -  88px)',
@@ -9710,37 +9694,27 @@ const WorkspaceMenu = ({
     onClick: event => {
       event.stopPropagation();
     }
-  }, /*#__PURE__*/React__default.createElement(WorkspaceSelectListConnect, null));
-  return /*#__PURE__*/React__default.createElement("div", null, _hideBackdrop ?
-  // Enable hiding backdrop from snapshot tests
-  toolContainer : ( /*#__PURE__*/React__default.createElement(Backdrop, {
-    "data-testid": "workspaceMenuBackdrop",
-    open: true,
-    sx: {
-      '&.MuiBackdrop-root': {
-        top: '40px'
-      }
-    },
-    onClick: closeMenu
-  }, toolContainer)));
+  }, {
+    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
+    }))
+  });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const WorkspaceMenuButton = ({
   showMenu: _showMenu = false,
   onToggleDialog: _onToggleDialog = () => {}
@@ -9752,49 +9726,39 @@ const WorkspaceMenuButton = ({
     t
   } = useWorkspaceTranslation();
   const tooltipTitle = t('workspace-menu');
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      padding: '4px 8px',
-      flexGrow: 1
-    }
-  }, /*#__PURE__*/React__default.createElement(CustomIconButton, {
-    onClick: () => {
-      _onToggleDialog(!_showMenu);
-    },
-    "data-testid": "workspaceMenuButton",
-    isSelected: _showMenu,
-    "aria-label": "workspace menu",
-    variant: "tool",
-    tooltipTitle: tooltipTitle,
-    sx: {
-      '&&': {
-        backgroundColor: !_showMenu ? 'transparent' : undefined,
-        '&:hover': {
-          backgroundColor: 'geowebColors.workspace.tabButtonHover'
-        }
+  return jsxs("div", {
+    children: [jsx(Box, Object.assign({
+      sx: {
+        padding: '4px 8px',
+        flexGrow: 1
       }
-    }
-  }, /*#__PURE__*/React__default.createElement(PresetWorkspace, null))), _showMenu && /*#__PURE__*/React__default.createElement(WorkspaceMenu, {
-    closeMenu: onCloseMenu
-  }));
+    }, {
+      children: jsx(CustomIconButton, Object.assign({
+        onClick: () => {
+          _onToggleDialog(!_showMenu);
+        },
+        "data-testid": "workspaceMenuButton",
+        isSelected: _showMenu,
+        "aria-label": "workspace menu",
+        variant: "tool",
+        tooltipTitle: tooltipTitle,
+        sx: {
+          '&&': {
+            backgroundColor: !_showMenu ? 'transparent' : undefined,
+            '&:hover': {
+              backgroundColor: 'geowebColors.workspace.tabButtonHover'
+            }
+          }
+        }
+      }, {
+        children: jsx(PresetWorkspace, {})
+      }))
+    })), _showMenu && jsx(WorkspaceMenu, {
+      closeMenu: onCloseMenu
+    })]
+  });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const FetchInitialPresets$1 = () => {
   const dispatch = useDispatch();
   const fetchInitialPresets = React__default.useCallback(() => {
@@ -9817,10 +9781,12 @@ const WorkspaceMenuButtonConnect = () => {
     }));
   }, [dispatch]);
   const isWorkspaceListDialogOpen = useSelector(store => getIsWorkspaceListDialogOpen(store));
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(FetchInitialPresets$1, null), /*#__PURE__*/React__default.createElement(WorkspaceMenuButton, {
-    showMenu: isWorkspaceListDialogOpen,
-    onToggleDialog: setListDialogOpen
-  }));
+  return jsxs(Fragment, {
+    children: [jsx(FetchInitialPresets$1, {}), jsx(WorkspaceMenuButton, {
+      showMenu: isWorkspaceListDialogOpen,
+      onToggleDialog: setListDialogOpen
+    })]
+  });
 };
 
 const WorkspaceOptionsConnect = ({
@@ -9887,7 +9853,7 @@ const WorkspaceOptionsConnect = ({
     return `${title} (${suffix})`;
   };
   const fullTitle = getTitle(title, hasChanges, workspaceId);
-  return /*#__PURE__*/React.createElement(WorkspaceOptions, {
+  return jsx(WorkspaceOptions, {
     hasChanges: hasChanges,
     title: fullTitle,
     activeTab: activeTab,
@@ -9900,38 +9866,24 @@ const WorkspaceOptionsConnect = ({
   });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const WorkspaceTab = ({
   title,
   activeTab,
   workspaceId
 }) => {
-  return /*#__PURE__*/React.createElement(Box$1, {
+  return jsxs(Box$1, Object.assign({
     sx: {
       display: 'flex',
       flexDirection: 'row',
       alignItems: 'center'
     },
     "data-testid": "workspaceTab"
-  }, /*#__PURE__*/React.createElement(WorkspaceMenuButtonConnect, null), /*#__PURE__*/React.createElement(WorkspaceOptionsConnect, {
-    title: title,
-    activeTab: activeTab,
-    workspaceId: workspaceId
+  }, {
+    children: [jsx(WorkspaceMenuButtonConnect, {}), jsx(WorkspaceOptionsConnect, {
+      title: title,
+      activeTab: activeTab,
+      workspaceId: workspaceId
+    })]
   }));
 };
 
@@ -9978,57 +9930,67 @@ const WorkspacePresetsForm = ({
   const hasFormInput = action === WorkspacePresetAction.DUPLICATE || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.SAVE_ALL || action === WorkspacePresetAction.EDIT;
   // disable form inputs for 'Save (incl. viewpresets)' existing workspace preset
   const isDisabled = action === WorkspacePresetAction.SAVE_ALL && formValues.id !== undefined && formValues.id !== '' && formValues.scope === 'user';
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Boolean(error) && ( /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      marginBottom: 2
-    }
-  }, /*#__PURE__*/React__default.createElement(AlertBanner, {
-    title: error
-  }))), hasFormInput && ( /*#__PURE__*/React__default.createElement("form", {
-    "data-testid": "workspace-preset-form",
-    onSubmit: onSubmitForm
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      marginBottom: 2
-    }
-  }, /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
-    name: "title",
-    label: t('workspace-dialog-name'),
-    rules: {
-      required: true,
-      validate: {
-        validateTitle: validateTitle$1
+  return jsxs(Fragment, {
+    children: [Boolean(error) && jsx(Box, Object.assign({
+      sx: {
+        marginBottom: 2
       }
-    },
-    disabled: isDisabled,
-    defaultValue: title
-  })), /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
-    name: "abstract",
-    label: t('workspace-dialog-abstract'),
-    rules: {
-      required: false
-    },
-    multiline: true,
-    rows: 3,
-    disabled: isDisabled,
-    defaultValue: abstract
-  }), hiddenFields.map(({
-    name,
-    value
-  }) => ( /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
-    key: name,
-    name: name,
-    defaultValue: value,
-    "data-testid": name
-  }))))), action === WorkspacePresetAction.DELETE && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography, {
-    variant: "body1"
-  }, t('workspace-dialog-confirm-delete-message', {
-    TITLE: title
-  })), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
-    key: "title",
-    name: "title",
-    defaultValue: title
-  }))));
+    }, {
+      children: jsx(AlertBanner, {
+        title: error
+      })
+    })), hasFormInput && jsxs("form", Object.assign({
+      "data-testid": "workspace-preset-form",
+      onSubmit: onSubmitForm
+    }, {
+      children: [jsx(Box, Object.assign({
+        sx: {
+          marginBottom: 2
+        }
+      }, {
+        children: jsx(ReactHookFormTextField, {
+          name: "title",
+          label: t('workspace-dialog-name'),
+          rules: {
+            required: true,
+            validate: {
+              validateTitle: validateTitle$1
+            }
+          },
+          disabled: isDisabled,
+          defaultValue: title
+        })
+      })), jsx(ReactHookFormTextField, {
+        name: "abstract",
+        label: t('workspace-dialog-abstract'),
+        rules: {
+          required: false
+        },
+        multiline: true,
+        rows: 3,
+        disabled: isDisabled,
+        defaultValue: abstract
+      }), hiddenFields.map(({
+        name,
+        value
+      }) => jsx(ReactHookFormHiddenInput, {
+        name: name,
+        defaultValue: value,
+        "data-testid": name
+      }, name))]
+    })), action === WorkspacePresetAction.DELETE && jsxs(Fragment, {
+      children: [jsx(Typography, Object.assign({
+        variant: "body1"
+      }, {
+        children: t('workspace-dialog-confirm-delete-message', {
+          TITLE: title
+        })
+      })), jsx(ReactHookFormHiddenInput, {
+        name: "title",
+        defaultValue: title
+      }, "title")]
+    })]
+  });
 };
 
 const WorkspacePresetsFormDialog = ({
@@ -10105,7 +10067,7 @@ const WorkspacePresetsFormDialog = ({
     })();
   };
   const cancelLabel = t('workspace-cancel');
-  return /*#__PURE__*/React__default.createElement(ConfirmationDialog, {
+  return jsx(ConfirmationDialog, {
     "data-testid": "workspace-preset-dialog",
     title: getDialogTitle(action),
     open: isOpen,
@@ -10118,7 +10080,7 @@ const WorkspacePresetsFormDialog = ({
     sx: {
       width: '330px'
     },
-    content: /*#__PURE__*/React__default.createElement(WorkspacePresetsForm, {
+    content: jsx(WorkspacePresetsForm, {
       formValues: formValues,
       error: error,
       onSubmit: onSubmit,
@@ -10128,27 +10090,13 @@ const WorkspacePresetsFormDialog = ({
 };
 const WorkspacePresetsFormDialogWrapper = _a => {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React__default.createElement(ReactHookFormProvider, {
+  return jsx(ReactHookFormProvider, Object.assign({
     options: Object.assign({}, defaultFormOptions)
-  }, /*#__PURE__*/React__default.createElement(WorkspacePresetsFormDialog, Object.assign({}, props)));
+  }, {
+    children: jsx(WorkspacePresetsFormDialog, Object.assign({}, props))
+  }));
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const WorkspaceTabConnect = ({
   workspaceId
 }) => {
@@ -10171,42 +10119,28 @@ const WorkspaceTabConnect = ({
   const formValues = typeof dialogDetails === 'object' && dialogDetails.formValues;
   const isFetching = typeof dialogDetails === 'object' && dialogDetails.isFetching || false;
   const error = typeof dialogDetails === 'object' && ((_a = dialogDetails.error) === null || _a === void 0 ? void 0 : _a.message);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WorkspaceTab, {
-    activeTab: true,
-    title: title,
-    workspaceId: workspaceId
-  }), Boolean(dialogDetails) && ( /*#__PURE__*/React.createElement(WorkspacePresetsFormDialogWrapper, {
-    isOpen: Boolean(dialogDetails),
-    onClose: closeWorkspaceActionDialog,
-    presetId: presetId || undefined,
-    action: action || undefined,
-    formValues: formValues || undefined,
-    onFormSubmit: onSubmitForm,
-    isLoading: isFetching,
-    error: error || undefined
-  })));
+  return jsxs(Fragment, {
+    children: [jsx(WorkspaceTab, {
+      activeTab: true,
+      title: title,
+      workspaceId: workspaceId
+    }), Boolean(dialogDetails) && jsx(WorkspacePresetsFormDialogWrapper, {
+      isOpen: Boolean(dialogDetails),
+      onClose: closeWorkspaceActionDialog,
+      presetId: presetId || undefined,
+      action: action || undefined,
+      formValues: formValues || undefined,
+      onFormSubmit: onSubmitForm,
+      isLoading: isFetching,
+      error: error || undefined
+    })]
+  });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
 const WorkspaceTopBar = ({
   workspaceId
 }) => {
-  return /*#__PURE__*/React.createElement(Tabs, {
+  return jsx(Tabs, Object.assign({
     value: 0,
     "aria-label": "workspace-bar-tabs",
     sx: {
@@ -10219,8 +10153,10 @@ const WorkspaceTopBar = ({
         height: '100%'
       }
     }
-  }, /*#__PURE__*/React.createElement(WorkspaceTabConnect, {
-    workspaceId: workspaceId
+  }, {
+    children: jsx(WorkspaceTabConnect, {
+      workspaceId: workspaceId
+    })
   }));
 };
 
@@ -10259,42 +10195,50 @@ const MapPresetsForm = ({
     event.preventDefault();
     onSubmit();
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Boolean(error) && ( /*#__PURE__*/React__default.createElement(Box, {
-    sx: {
-      marginBottom: 2
-    }
-  }, /*#__PURE__*/React__default.createElement(AlertBanner, {
-    title: error
-  }))), (action === PresetAction.SAVE_AS || action === PresetAction.EDIT) && ( /*#__PURE__*/React__default.createElement("form", {
-    "data-testid": "map-preset-form",
-    onSubmit: onSubmitForm
-  }, /*#__PURE__*/React__default.createElement(ReactHookFormTextField, {
-    name: "title",
-    label: t('workspace-mappreset-dialog-title'),
-    rules: {
-      required: true,
-      validate: {
-        validateTitle
+  return jsxs(Fragment, {
+    children: [Boolean(error) && jsx(Box, Object.assign({
+      sx: {
+        marginBottom: 2
       }
-    },
-    defaultValue: title
-  }), hiddenFields.map(({
-    name,
-    value
-  }) => ( /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
-    key: name,
-    name: name,
-    defaultValue: value,
-    "data-testid": name
-  }))))), action === PresetAction.DELETE && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography, {
-    variant: "body1"
-  }, t('workspace-mappreset-delete-message', {
-    TITLE: title
-  })), /*#__PURE__*/React__default.createElement(ReactHookFormHiddenInput, {
-    key: "title",
-    name: "title",
-    defaultValue: title
-  }))));
+    }, {
+      children: jsx(AlertBanner, {
+        title: error
+      })
+    })), (action === PresetAction.SAVE_AS || action === PresetAction.EDIT) && jsxs("form", Object.assign({
+      "data-testid": "map-preset-form",
+      onSubmit: onSubmitForm
+    }, {
+      children: [jsx(ReactHookFormTextField, {
+        name: "title",
+        label: t('workspace-mappreset-dialog-title'),
+        rules: {
+          required: true,
+          validate: {
+            validateTitle
+          }
+        },
+        defaultValue: title
+      }), hiddenFields.map(({
+        name,
+        value
+      }) => jsx(ReactHookFormHiddenInput, {
+        name: name,
+        defaultValue: value,
+        "data-testid": name
+      }, name))]
+    })), action === PresetAction.DELETE && jsxs(Fragment, {
+      children: [jsx(Typography, Object.assign({
+        variant: "body1"
+      }, {
+        children: t('workspace-mappreset-delete-message', {
+          TITLE: title
+        })
+      })), jsx(ReactHookFormHiddenInput, {
+        name: "title",
+        defaultValue: title
+      }, "title")]
+    })]
+  });
 };
 
 const MapPresetsFormDialog = ({
@@ -10401,7 +10345,7 @@ const MapPresetsFormDialog = ({
       onFormSubmit(parsedFormValues);
     })();
   };
-  return /*#__PURE__*/React__default.createElement(ConfirmationDialog, {
+  return jsx(ConfirmationDialog, {
     "data-testid": "map-preset-dialog",
     title: title,
     open: isOpen,
@@ -10411,7 +10355,7 @@ const MapPresetsFormDialog = ({
     onClose: onClose,
     onSubmit: onSubmit,
     isLoading: isLoading,
-    content: /*#__PURE__*/React__default.createElement(MapPresetsForm, {
+    content: jsx(MapPresetsForm, {
       formValues: formValues,
       error: error,
       onSubmit: onSubmit,
@@ -10421,9 +10365,11 @@ const MapPresetsFormDialog = ({
 };
 const MapPresetsFormDialogWrapper = _a => {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React__default.createElement(ReactHookFormProvider, {
+  return jsx(ReactHookFormProvider, Object.assign({
     options: Object.assign({}, defaultFormOptions)
-  }, /*#__PURE__*/React__default.createElement(MapPresetsFormDialog, Object.assign({}, props)));
+  }, {
+    children: jsx(MapPresetsFormDialog, Object.assign({}, props))
+  }));
 };
 
 const MapPresetsFormDialogConnect = () => {
@@ -10447,7 +10393,7 @@ const MapPresetsFormDialogConnect = () => {
   if (!isOpen) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement(MapPresetsFormDialogWrapper, Object.assign({
+  return jsx(MapPresetsFormDialogWrapper, Object.assign({
     isOpen: isOpen,
     onClose: onClose,
     onSuccess: onSuccess
@@ -10515,59 +10461,65 @@ const WorkspaceDetail = ({
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/React.createElement(Box, {
+  return jsxs(Box, Object.assign({
     "data-testid": "workspace",
     sx: {
       width: '100%',
       height: '100%'
     }
-  }, /*#__PURE__*/React.createElement(FetchInitialPresets, null), isLoading && ( /*#__PURE__*/React.createElement(LinearProgress, {
-    "data-testid": "loading-bar",
-    color: "secondary",
-    sx: {
-      position: 'absolute',
-      width: '100%',
-      top: 0,
-      zIndex: 100
-    }
-  })), error && error.type !== WorkspaceErrorType.SAVE && ( /*#__PURE__*/React.createElement(AlertBanner, Object.assign({
-    title: t('workspace-error-fetch-detail', {
-      WORKSPACE_ID: workspaceId
-    }),
-    info: error.message,
-    shouldClose: true
-  }, error.type === WorkspaceErrorType.GENERIC && {
-    actionButtonProps: {
-      title: t('workspace-retry'),
-      onClick: () => fetchWorkspace(workspaceId)
-    }
-  }))), children, !_isSnapshot && ( /*#__PURE__*/React.createElement(React.Fragment, null, error && error.type === WorkspaceErrorType.SAVE && ( /*#__PURE__*/React.createElement(AlertBanner, {
-    title: t('workspace-save-error', {
-      TITLE: workspaceData.title
-    }),
-    info: error.message,
-    shouldClose: true,
-    actionButtonProps: {
-      title: t('workspace-retry'),
-      onClick: () => onSave()
-    }
-  })), (!error || error.type === WorkspaceErrorType.SAVE) && ( /*#__PURE__*/React.createElement(Box, {
-    component: "div",
-    sx: {
-      gridArea: 'content',
-      position: 'absolute',
-      margin: 0,
-      padding: 0,
-      display: 'block',
-      height: '100%',
-      width: '100%',
-      overflowY: 'auto',
-      zIndex: 3
-    },
-    "data-testid": "WorkspacePage"
-  }, /*#__PURE__*/React.createElement(WorkspaceViewConnect, {
-    componentsLookUp: componentsLookUp
-  }))))), /*#__PURE__*/React.createElement(MapPresetsFormDialogConnect, null));
+  }, {
+    children: [jsx(FetchInitialPresets, {}), isLoading && jsx(LinearProgress, {
+      "data-testid": "loading-bar",
+      color: "secondary",
+      sx: {
+        position: 'absolute',
+        width: '100%',
+        top: 0,
+        zIndex: 100
+      }
+    }), error && error.type !== WorkspaceErrorType.SAVE && jsx(AlertBanner, Object.assign({
+      title: t('workspace-error-fetch-detail', {
+        WORKSPACE_ID: workspaceId
+      }),
+      info: error.message,
+      shouldClose: true
+    }, error.type === WorkspaceErrorType.GENERIC && {
+      actionButtonProps: {
+        title: t('workspace-retry'),
+        onClick: () => fetchWorkspace(workspaceId)
+      }
+    })), children, !_isSnapshot && jsxs(Fragment, {
+      children: [error && error.type === WorkspaceErrorType.SAVE && jsx(AlertBanner, {
+        title: t('workspace-save-error', {
+          TITLE: workspaceData.title
+        }),
+        info: error.message,
+        shouldClose: true,
+        actionButtonProps: {
+          title: t('workspace-retry'),
+          onClick: () => onSave()
+        }
+      }), (!error || error.type === WorkspaceErrorType.SAVE) && jsx(Box, Object.assign({
+        component: "div",
+        sx: {
+          gridArea: 'content',
+          position: 'absolute',
+          margin: 0,
+          padding: 0,
+          display: 'block',
+          height: '100%',
+          width: '100%',
+          overflowY: 'auto',
+          zIndex: 3
+        },
+        "data-testid": "WorkspacePage"
+      }, {
+        children: jsx(WorkspaceViewConnect, {
+          componentsLookUp: componentsLookUp
+        })
+      }))]
+    }), jsx(MapPresetsFormDialogConnect, {})]
+  }));
 };
 
 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 };