@opengeoweb/shared 4.21.0 → 4.22.1

package/index.umd.js

@@ -1,3537 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@mui/material'), require('@opengeoweb/theme'), require('lodash'), require('react-draggable'), require('re-resizable'), require('react-redux'), require('date-fns')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material', '@opengeoweb/theme', 'lodash', 'react-draggable', 're-resizable', 'react-redux', 'date-fns'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Shared = {}, global.React, global.material, global.theme, global.lodash, global.Draggable, global.reResizable, global.reactRedux, global.dateFns));
-})(this, (function (exports, React, material, theme, lodash, Draggable, reResizable, reactRedux, dateFns) { 'use strict';
-
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var React__namespace = /*#__PURE__*/_interopNamespace(React);
-    var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-    var Draggable__default = /*#__PURE__*/_interopDefaultLegacy(Draggable);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-
-    var extendStatics = function(d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m) return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-        }
-        catch (error) { e = { error: error }; }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"])) m.call(i);
-            }
-            finally { if (e) throw e.error; }
-        }
-        return ar;
-    }
-
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-            if (ar || !(i in from)) {
-                if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-                ar[i] = from[i];
-            }
-        }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-
-    var bgColors = {
-      green: 'geowebColors.functional.successOutline.fill',
-      grey: 'geowebColors.functional.disabledOutline.fill',
-      purple: 'geowebColors.functional.summaryOutline.fill',
-      red: 'geowebColors.functional.errorOutline.fill',
-      yellow: 'geowebColors.functional.warningOutline.fill',
-      blue: 'geowebColors.functional.notificationOutline.fill'
-    };
-    var borderColors = {
-      green: 'geowebColors.functional.successOutline.borderColor',
-      grey: 'geowebColors.functional.disabledOutline.borderColor',
-      purple: 'geowebColors.functional.summaryOutline.borderColor',
-      red: 'geowebColors.functional.errorOutline.borderColor',
-      yellow: 'geowebColors.functional.warningOutline.borderColor',
-      blue: 'geowebColors.functional.notificationOutline.borderColor'
-    };
-
-    var tagStyle = function tagStyle(color) {
-      // Set color to grey for summary
-      var backgroundColor = __assign({}, bgColors)[color];
-
-      var borderColor = __assign({}, borderColors)[color];
-
-      return {
-        backgroundColor: backgroundColor,
-        m: 0,
-        p: 0,
-        border: '1px solid',
-        borderColor: borderColor,
-        borderRadius: '4px',
-        width: '120px',
-        height: '18px',
-        lineHeight: '16px',
-        color: 'geowebColors.captions.captionStatus.rgba'
-      };
-    };
-
-    var StatusTag = function StatusTag(_a) {
-      var content = _a.content,
-          color = _a.color,
-          props = __rest(_a, ["content", "color"]);
-
-      return /*#__PURE__*/React__namespace.createElement(material.Box, {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        "data-testid": "statusTag",
-        className: "statusTag",
-        sx: __assign(__assign({}, tagStyle(color)), props.sx)
-      }, /*#__PURE__*/React__namespace.createElement(material.Typography, {
-        variant: "caption"
-      }, content));
-    };
-
-    /* *
-     * 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)
-     * */
-    var defaultDelay = 1000;
-    var useControlledTooltip = function useControlledTooltip() {
-      var _a = __read(React__namespace.useState(false), 2),
-          tooltipOpen = _a[0],
-          setTooltipOpen = _a[1];
-
-      var _b = __read(React__namespace.useState(false), 2),
-          delayedTooltip = _b[0],
-          setDelayedTooltip = _b[1];
-
-      React__namespace.useEffect(function () {
-        if (tooltipOpen === true) {
-          var timer_1 = setTimeout(function () {
-            return setDelayedTooltip(true);
-          }, defaultDelay);
-          return function () {
-            clearTimeout(timer_1);
-          };
-        }
-
-        setDelayedTooltip(false);
-        return function () {};
-      }, [tooltipOpen]);
-      return [delayedTooltip, setTooltipOpen];
-    };
-    var CustomTooltip = function CustomTooltip(props) {
-      return /*#__PURE__*/React__namespace.createElement(material.Tooltip, __assign({}, props, {
-        enterDelay: defaultDelay,
-        enterNextDelay: defaultDelay,
-        disableInteractive: true
-      }));
-    };
-
-    /* *
-     * 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)
-     * */
-    var CustomIconButton = /*#__PURE__*/React__namespace.forwardRef(function (_a, ref) {
-      var _b = _a.tooltipTitle,
-          defaultTooltipTitle = _b === void 0 ? '' : _b,
-          _c = _a.variant,
-          variant = _c === void 0 ? 'flat' : _c,
-          _d = _a.isSelected,
-          isSelected = _d === void 0 ? false : _d,
-          _e = _a.shouldShowAsDisabled,
-          shouldShowAsDisabled = _e === void 0 ? false : _e,
-          _f = _a.size,
-          size = _f === void 0 ? 'small' : _f,
-          children = _a.children,
-          className = _a.className,
-          defaultTooltipProps = _a.tooltipProps,
-          props = __rest(_a, ["tooltipTitle", "variant", "isSelected", "shouldShowAsDisabled", "size", "children", "className", "tooltipProps"]);
-
-      var classNames = __spreadArray(__spreadArray(__spreadArray([], __read(className ? [className] : [])), __read(isSelected ? ['Mui-selected'] : [])), [variant]).join(' ');
-
-      var tooltipTitle = (defaultTooltipProps === null || defaultTooltipProps === void 0 ? void 0 : defaultTooltipProps.title) || defaultTooltipTitle;
-
-      var tooltipProps = __assign(__assign({}, defaultTooltipProps), {
-        title: tooltipTitle,
-        placement: (defaultTooltipProps === null || defaultTooltipProps === void 0 ? void 0 : defaultTooltipProps.placement) || 'top',
-        sx: {
-          pointerEvents: 'none'
-        }
-      });
-
-      var renderIconButton = function renderIconButton() {
-        return /*#__PURE__*/React__namespace.createElement(material.IconButton, __assign({
-          "aria-label": tooltipTitle
-        }, props, {
-          size: size,
-          className: classNames,
-          ref: ref,
-          sx: __assign(__assign({}, props.sx), shouldShowAsDisabled && {
-            '&.MuiIconButton-root': {
-              color: "geowebColors.iconButtons." + variant + ".disabled.color"
-            },
-            '&.Mui-focusVisible': {
-              color: "geowebColors.iconButtons." + variant + ".default.color"
-            }
-          })
-        }), children);
-      };
-
-      return tooltipTitle && !props.disabled ? /*#__PURE__*/React__namespace.createElement(CustomTooltip, __assign({}, tooltipProps), renderIconButton()) : renderIconButton();
-    });
-
-    var CustomDialog = function CustomDialog(_a) {
-      var title = _a.title,
-          _onClose = _a.onClose,
-          _b = _a.description,
-          description = _b === void 0 ? '' : _b,
-          _c = _a.actions,
-          actions = _c === void 0 ? null : _c,
-          children = _a.children,
-          sx = _a.sx,
-          other = __rest(_a, ["title", "onClose", "description", "actions", "children", "sx"]);
-
-      return /*#__PURE__*/React__namespace.createElement(material.Dialog, __assign({
-        "data-testid": "customDialog",
-        PaperProps: {
-          sx: __assign({
-            width: '560px',
-            margin: 2.5
-          }, sx)
-        },
-        // fix for briefly showing default options when closing dialog
-        transitionDuration: 0,
-        onClose: function onClose() {
-          _onClose('CLOSED');
-        },
-        "aria-labelledby": "dialog-title"
-      }, other), /*#__PURE__*/React__namespace.createElement(material.DialogTitle, {
-        id: "dialog-title",
-        sx: {
-          zIndex: 1,
-          padding: 2,
-          display: 'flex',
-          justifyContent: 'space-between',
-          alignItems: 'center'
-        }
-      }, /*#__PURE__*/React__namespace.createElement(material.Typography, {
-        sx: {
-          fontSize: '16px',
-          fontWeight: 500
-        },
-        "data-testid": "customDialog-title",
-        component: "span"
-      }, title), /*#__PURE__*/React__namespace.createElement(CustomIconButton, {
-        "data-testid": "customDialog-close",
-        "aria-label": "close",
-        onClick: function onClick() {
-          return _onClose('CLOSED');
-        },
-        sx: {
-          '&.MuiIconButton-root': {
-            color: 'geowebColors.greys.accessible'
-          }
-        }
-      }, /*#__PURE__*/React__namespace.createElement(theme.Close, {
-        "data-testid": "CloseIcon"
-      }))), /*#__PURE__*/React__namespace.createElement(material.DialogContent, {
-        sx: {
-          padding: '8px 16px'
-        }
-      }, description && /*#__PURE__*/React__namespace.createElement(material.Typography, {
-        variant: "body1"
-      }, description), children), /*#__PURE__*/React__namespace.createElement(material.DialogActions, {
-        sx: {
-          padding: 2,
-          flexDirection: {
-            xs: 'column',
-            sm: 'row'
-          }
-        }
-      }, actions));
-    };
-
-    var confirmStyle = {
-      width: {
-        xs: '100%',
-        sm: '150px'
-      },
-      marginLeft: {
-        xs: '0px!important',
-        sm: '8px!important'
-      },
-      marginTop: {
-        xs: 2,
-        sm: 0
-      }
-    };
-    var ConfirmationDialog = function ConfirmationDialog(_a) {
-      var open = _a.open,
-          title = _a.title,
-          _b = _a.description,
-          description = _b === void 0 ? 'Are you sure?' : _b,
-          _c = _a.confirmLabel,
-          confirmLabel = _c === void 0 ? 'Submit' : _c,
-          _d = _a.cancelLabel,
-          cancelLabel = _d === void 0 ? 'Go back' : _d,
-          onSubmit = _a.onSubmit,
-          onClose = _a.onClose,
-          _e = _a.content,
-          content = _e === void 0 ? null : _e,
-          _f = _a.disableAutoFocus,
-          disableAutoFocus = _f === void 0 ? false : _f,
-          _g = _a.isLoading,
-          isLoading = _g === void 0 ? false : _g,
-          other = __rest(_a, ["open", "title", "description", "confirmLabel", "cancelLabel", "onSubmit", "onClose", "content", "disableAutoFocus", "isLoading"]);
-
-      other.catchOnCancel;
-          var rest = __rest(other, ["catchOnCancel"]); // remove unwanted props
-
-
-      return /*#__PURE__*/React__namespace.createElement(CustomDialog, __assign({
-        "data-testid": "confirmationDialog",
-        open: open,
-        title: title,
-        description: description,
-        onClose: onClose,
-        actions: /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(material.Button, {
-          "data-testid": "confirmationDialog-cancel",
-          variant: "tertiary",
-          // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-          sx: function sx(theme) {
-            return {
-              width: {
-                xs: '100%',
-                sm: '150px'
-              },
-              '&:focus': {
-                outline: theme.palette.geowebColors.buttons.primary.focus.outline,
-                borderColor: 'transparent'
-              }
-            };
-          },
-          onClick: function onClick() {
-            return onClose('CANCELLED');
-          }
-        }, cancelLabel), isLoading ? /*#__PURE__*/React__namespace.createElement(material.Box, {
-          "data-testid": "confirm-dialog-spinner",
-          sx: __assign(__assign({}, confirmStyle), {
-            height: '40px',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center'
-          })
-        }, /*#__PURE__*/React__namespace.createElement(material.CircularProgress, {
-          size: 40,
-          color: "secondary"
-        })) : /*#__PURE__*/React__namespace.createElement(material.Button, {
-          "data-testid": "confirmationDialog-confirm",
-          variant: "primary",
-          // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-          sx: function sx(theme) {
-            return __assign(__assign({}, confirmStyle), {
-              '&:focus': {
-                outline: theme.palette.geowebColors.buttons.primary.focus.outline,
-                borderColor: 'transparent'
-              }
-            });
-          },
-          onClick: onSubmit,
-          autoFocus: !disableAutoFocus
-        }, confirmLabel))
-      }, rest), content);
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var showPrompt = function showPrompt(event) {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      // eslint-disable-next-line no-param-reassign
-      event.returnValue = 'Changes that you made may not be saved.'; // changes are your browser have default text to overrule this
-    };
-    function usePreventBrowserClose(shouldPreventClose) {
-      React__namespace.useEffect(function () {
-        if (shouldPreventClose) {
-          window.addEventListener('beforeunload', showPrompt);
-        } else {
-          window.removeEventListener('beforeunload', showPrompt);
-        }
-
-        return function () {
-          window.removeEventListener('beforeunload', showPrompt);
-        };
-      }, [shouldPreventClose]);
-    }
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var usePoller = function usePoller(deps, callback, pollingInterval) {
-      if (pollingInterval === void 0) {
-        pollingInterval = 300000;
-      }
-
-      var interval = React.useRef(null);
-      React__namespace.useEffect(function () {
-        if (deps.filter(function (dep) {
-          return dep !== null;
-        }).length > 0) {
-          if (interval.current) {
-            clearInterval(interval.current);
-          }
-
-          interval.current = setInterval(function () {
-            callback();
-          }, pollingInterval);
-        }
-
-        return function () {
-          if (interval.current) {
-            clearInterval(interval.current);
-          }
-        }; // eslint-disable-next-line react-hooks/exhaustive-deps
-      }, [deps]);
-      return interval;
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    function usePrevious(value) {
-      var ref = React__namespace.useRef();
-      React__namespace.useEffect(function () {
-        ref.current = value;
-      });
-      return ref.current;
-    }
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var useIsMounted = function useIsMounted() {
-      var isMounted = React__namespace.useRef(false);
-      React__namespace.useEffect(function () {
-        isMounted.current = true;
-        return function () {
-          isMounted.current = false;
-        };
-      }, []);
-      return {
-        isMounted: isMounted
-      };
-    };
-
-    var adjustPosition = function adjustPosition(bbox, containingView, position, setPosition) {
-      var isHorizontallyLarger = bbox.width > containingView.width;
-      var isVerticallyLarger = bbox.height > containingView.height; // Check corner cases first
-      // bottom left
-
-      if (bbox.x < containingView.x && bbox.bottom >= containingView.bottom) {
-        var diffX = containingView.x - bbox.x;
-        var diffY = containingView.bottom - bbox.bottom;
-        setPosition({
-          x: position.x + diffX,
-          y: position.y + diffY
-        });
-      } else if ( // bottom right
-      bbox.right >= containingView.right && bbox.bottom >= containingView.bottom) {
-        var diffX = containingView.right - bbox.right;
-        var diffY = containingView.bottom - bbox.bottom;
-        setPosition({
-          x: position.x + diffX,
-          y: position.y + diffY
-        });
-      } else if (bbox.x < containingView.x || isHorizontallyLarger) {
-        // left screen
-        var diffX = containingView.x - bbox.x;
-        setPosition(__assign(__assign({}, position), {
-          x: position.x + diffX
-        }));
-      } else if (bbox.right >= containingView.right) {
-        // right screen
-        var diffX = containingView.right - bbox.right;
-        setPosition(__assign(__assign({}, position), {
-          x: position.x + diffX
-        }));
-      } else if (bbox.y < containingView.y || isVerticallyLarger) {
-        // top screen
-        var diffY = containingView.y - bbox.y;
-        setPosition(__assign(__assign({}, position), {
-          y: position.y + diffY
-        }));
-      } else if (bbox.bottom >= containingView.bottom) {
-        // bottom screen
-        var diffY = containingView.bottom - bbox.bottom;
-        setPosition(__assign(__assign({}, position), {
-          y: position.y + diffY
-        }));
-      }
-    };
-    var useMakeSureContainerStaysInsideWindow = function useMakeSureContainerStaysInsideWindow(nodeRef, position, setPosition) {
-      var onResizeWindow = React__default["default"].useCallback(function () {
-        if (!nodeRef.current) {
-          return;
-        }
-
-        var bbox = nodeRef.current.firstChild.getBoundingClientRect();
-        var containingView = nodeRef.current.parentElement.getBoundingClientRect();
-        adjustPosition(bbox, containingView, position, setPosition);
-      }, [nodeRef, position, setPosition]);
-      React__default["default"].useEffect(function () {
-        var throttledResize = lodash.throttle(onResizeWindow, 100);
-        window.addEventListener('resize', throttledResize);
-        return function () {
-          window.removeEventListener('resize', throttledResize);
-        };
-      }, [onResizeWindow]);
-    };
-
-    var ConfirmationServiceContext = /*#__PURE__*/React__namespace.createContext(Promise.reject);
-    var useConfirmationDialog = function useConfirmationDialog() {
-      return React__namespace.useContext(ConfirmationServiceContext);
-    };
-    var useDialogActions = function useDialogActions(awaitingPromiseRef, defaultOptions) {
-      if (defaultOptions === void 0) {
-        defaultOptions = null;
-      }
-
-      var isMounted = useIsMounted().isMounted;
-
-      var _a = __read(React__namespace.useState(defaultOptions), 2),
-          confirmationState = _a[0],
-          setConfirmationState = _a[1];
-
-      var openConfirmation = function openConfirmation(options) {
-        setConfirmationState(options);
-        return new Promise(function (resolve, reject) {
-          // since this is a React.ref it's safe to reassign it, although eslint says no
-          // eslint-disable-next-line no-param-reassign
-          awaitingPromiseRef.current = {
-            resolve: resolve,
-            reject: reject
-          };
-        });
-      }; // clears state with timeout delay so optional values provided by the prop 'content' of ConfirmationDialog can be read
-
-
-      var clearState = function clearState() {
-        return setTimeout(function () {
-          if (isMounted.current) {
-            setConfirmationState(null);
-          }
-        }, 0);
-      };
-
-      var handleClose = function handleClose(reason) {
-        if (confirmationState && confirmationState.catchOnCancel && awaitingPromiseRef.current) {
-          awaitingPromiseRef.current.reject(reason);
-        }
-
-        clearState();
-      };
-
-      var handleSubmit = function handleSubmit() {
-        if (awaitingPromiseRef.current) {
-          awaitingPromiseRef.current.resolve();
-        }
-
-        clearState();
-      };
-
-      return {
-        openConfirmation: openConfirmation,
-        confirmationState: confirmationState,
-        handleSubmit: handleSubmit,
-        handleClose: handleClose
-      };
-    };
-    var ConfirmationServiceProvider = function ConfirmationServiceProvider(_a) {
-      var children = _a.children;
-      var awaitingPromiseRef = React__namespace.useRef({
-        resolve: function resolve() {
-          return Promise.resolve();
-        },
-        reject: function reject() {
-          return Promise.reject();
-        }
-      });
-
-      var _b = useDialogActions(awaitingPromiseRef),
-          openConfirmation = _b.openConfirmation,
-          confirmationState = _b.confirmationState,
-          handleSubmit = _b.handleSubmit,
-          handleClose = _b.handleClose;
-
-      return /*#__PURE__*/React__namespace.createElement(ConfirmationServiceContext.Provider, {
-        value: openConfirmation
-      }, children, /*#__PURE__*/React__namespace.createElement(ConfirmationDialog, __assign({
-        open: Boolean(confirmationState),
-        onSubmit: handleSubmit,
-        onClose: handleClose
-      }, confirmationState)));
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-
-    var AlertIcon = function AlertIcon(_a) {
-      var _b = _a.severity,
-          severity = _b === void 0 ? 'error' : _b,
-          _c = _a.dataTestId,
-          dataTestId = _c === void 0 ? 'alert-icon' : _c;
-
-      switch (severity) {
-        case 'info':
-          return /*#__PURE__*/React__namespace.createElement(theme.Info, {
-            sx: {
-              color: 'geowebColors.functional.notification'
-            },
-            "data-testid": dataTestId
-          });
-
-        case 'success':
-          return /*#__PURE__*/React__namespace.createElement(theme.Success, {
-            sx: {
-              color: 'geowebColors.functional.success'
-            },
-            "data-testid": dataTestId
-          });
-
-        case 'warning':
-          return /*#__PURE__*/React__namespace.createElement(theme.Exclamation, {
-            sx: {
-              color: 'geowebColors.functional.warning'
-            },
-            "data-testid": dataTestId
-          });
-
-        case 'error':
-        default:
-          return /*#__PURE__*/React__namespace.createElement(theme.Exclamation, {
-            sx: {
-              color: 'geowebColors.functional.error'
-            },
-            "data-testid": dataTestId
-          });
-      }
-    };
-
-    var AlertBanner = function AlertBanner(_a) {
-      var title = _a.title,
-          _b = _a.severity,
-          severity = _b === void 0 ? 'error' : _b,
-          _c = _a.info,
-          info = _c === void 0 ? '' : _c,
-          _d = _a.dataTestId,
-          dataTestId = _d === void 0 ? 'alert-banner' : _d,
-          _e = _a.isCompact,
-          isCompact = _e === void 0 ? false : _e,
-          _f = _a.shouldClose,
-          shouldClose = _f === void 0 ? false : _f,
-          _g = _a.actionButtonProps,
-          actionButtonProps = _g === void 0 ? undefined : _g;
-
-      var _h = __read(React__namespace.useState(true), 2),
-          isOpen = _h[0],
-          setIsOpen = _h[1];
-
-      if (!isOpen) {
-        return null;
-      }
-
-      return /*#__PURE__*/React__namespace.createElement(material.Alert, {
-        "data-testid": dataTestId,
-        severity: severity,
-        icon: /*#__PURE__*/React__namespace.createElement(AlertIcon, {
-          severity: severity
-        }),
-        action: shouldClose ? /*#__PURE__*/React__namespace.createElement(material.Button, {
-          variant: "flat",
-          onClick: function onClick() {
-            return setIsOpen(false);
-          },
-          sx: {
-            backgroundColor: 'transparent!important'
-          }
-        }, "CLOSE") : undefined,
-        sx: isCompact ? {
-          height: '32px',
-          boxSizing: 'border-box',
-          '& .MuiAlert-message': {
-            padding: '0px',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            '& .MuiTypography-root': {
-              display: 'inline'
-            }
-          },
-          '& .MuiAlert-icon': {
-            marginTop: '-3px',
-            padding: '0px'
-          }
-        } : {
-          padding: '3px 16px',
-          '& .MuiAlert-message': {
-            padding: '8px 0'
-          },
-          '& .MuiAlert-icon': {
-            padding: '8px 0'
-          },
-          '& .MuiAlert-action': {
-            padding: 0
-          }
-        }
-      }, /*#__PURE__*/React__namespace.createElement(material.AlertTitle, {
-        sx: {
-          fontSize: '14px',
-          fontWeight: 'normal',
-          marginTop: '0px!important',
-          paddingTop: '0px!important',
-          marginBottom: '0px!important',
-          lineHeight: isCompact ? '18px' : '24px'
-        }
-      }, title), info && /*#__PURE__*/React__namespace.createElement(material.Box, {
-        sx: {
-          fontSize: '16px',
-          marginTop: 1,
-          wordBreak: 'break-word',
-          lineHeight: '22px'
-        }
-      }, info), actionButtonProps && /*#__PURE__*/React__namespace.createElement(material.Button, {
-        variant: "flat",
-        onClick: function onClick(event) {
-          setIsOpen(false);
-          actionButtonProps.onClick(event);
-        },
-        sx: {
-          backgroundColor: 'transparent!important'
-        },
-        startIcon: /*#__PURE__*/React__namespace.createElement(theme.ChevronRight, null)
-      }, actionButtonProps.title.toUpperCase()));
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-
-    var AppLayout = function AppLayout(_a) {
-      var header = _a.header,
-          children = _a.children;
-      return /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        sx: {
-          height: '100vh',
-          display: 'flex',
-          flexDirection: 'column'
-        },
-        "data-testid": "appLayout"
-      }, header, /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        component: "main",
-        sx: {
-          flex: 1,
-          position: 'relative'
-        }
-      }, 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)
-     * */
-
-    var AppHeader = function AppHeader(_a) {
-      var _b;
-
-      var menu = _a.menu,
-          userMenu = _a.userMenu,
-          workspaceTopBar = _a.workspaceTopBar,
-          _c = _a.title,
-          title = _c === void 0 ? 'GeoWeb' : _c,
-          onClick = _a.onClick;
-      var theme$1 = material.useTheme();
-
-      var _d = __read(React__default["default"].useState(false), 2),
-          isDrawerOpen = _d[0],
-          toggleDrawer = _d[1];
-
-      var onToggleDrawer = function onToggleDrawer(isOpen) {
-        return toggleDrawer(isOpen);
-      };
-
-      var onKeyDown = function onKeyDown(event) {
-        if (event.key === 'Tab' || event.key === 'Shift') {
-          return;
-        }
-
-        toggleDrawer(false);
-      };
-
-      return /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        component: "header",
-        role: "heading",
-        sx: (_b = {
-          height: 40,
-          backgroundColor: theme$1.palette.geowebColors.brand.brand,
-          color: theme$1.palette.common.white,
-          boxShadow: theme$1.shadows[1],
-          zIndex: 1000,
-          display: 'flex',
-          padding: '0 16px'
-        }, _b[theme$1.breakpoints.up('md')] = {
-          padding: '0 24px'
-        }, _b[theme$1.breakpoints.up('sm')] = {
-          '.workspace-topbar': {
-            marginLeft: 3,
-            maxWidth: 260
-          },
-          '.hamburger-btn': {
-            marginLeft: 4
-          },
-          h1: {
-            maxWidth: 'initial',
-            display: 'block'
-          }
-        }, _b)
-      }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        onClick: onClick,
-        sx: {
-          display: 'inherit',
-          alignItems: 'center',
-          cursor: onClick ? 'pointer' : 'auto'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(theme.GeoWebLogo, {
-        style: {
-          position: 'relative',
-          top: '-1px',
-          right: '-1px'
-        }
-      }), /*#__PURE__*/React__default["default"].createElement(material.Typography, {
-        variant: "h1",
-        sx: {
-          display: 'none',
-          fontSize: '20px',
-          fontWeight: 500,
-          fontStretch: 'normal',
-          fontStyle: 'normal',
-          lineHeight: 'normal',
-          letterSpacing: '0.15px',
-          overflow: 'hidden',
-          whiteSpace: 'nowrap',
-          textOverflow: 'ellipsis',
-          color: 'geowebColors.typographyAndIcons.text',
-          marginLeft: 1,
-          maxWidth: 130
-        }
-      }, title)), menu && /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        className: "hamburger-btn",
-        sx: {
-          display: 'flex',
-          alignItems: 'center',
-          marginLeft: 1
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
-        "data-testid": "menuButton",
-        onClick: function onClick() {
-          return onToggleDrawer(true);
-        },
-        isSelected: isDrawerOpen
-      }, /*#__PURE__*/React__default["default"].createElement(theme.HamburgerMenu, null)), /*#__PURE__*/React__default["default"].createElement(material.Drawer, {
-        "data-testid": "app-drawer",
-        anchor: "left",
-        open: isDrawerOpen,
-        onClose: function onClose() {
-          return onToggleDrawer(false);
-        },
-        onClick: function onClick() {
-          return onToggleDrawer(false);
-        },
-        onKeyDown: onKeyDown,
-        sx: {
-          '& .MuiDrawer-paper': {
-            top: '40px'
-          }
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        role: "presentation",
-        sx: {
-          width: '250px',
-          overflowY: 'auto'
-        }
-      }, menu))), /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        className: "workspace-topbar",
-        sx: {
-          flexGrow: 1,
-          display: 'flex',
-          marginLeft: 1,
-          alignItems: 'center',
-          maxWidth: 168
-        }
-      }, workspaceTopBar), /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        sx: {
-          display: 'flex',
-          alignItems: 'center',
-          flexGrow: 1,
-          justifyContent: 'flex-end'
-        }
-      }, userMenu));
-    };
-
-    /* *
-     * 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)
-     * */
-
-    var DraggableComponent$1 = function DraggableComponent(_a) {
-      var _b = _a.bounds,
-          bounds = _b === void 0 ? 'body' : _b,
-          children = _a.children,
-          props = __rest(_a, ["bounds", "children"]);
-
-      return /*#__PURE__*/React__default["default"].createElement(Draggable__default["default"], __assign({
-        bounds: bounds
-      }, props), 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var isDraggingClassName = 'is-dragging';
-
-    var ResizeComponent = function ResizeComponent(_a) {
-      var children = _a.children,
-          _b = _a.onResizeStart,
-          onResizeStart = _b === void 0 ? function () {} : _b,
-          _c = _a.onResizeStop,
-          onResizeStop = _c === void 0 ? function () {} : _c,
-          size = _a.size,
-          setSize = _a.setSize,
-          _d = _a.minHeight,
-          minHeight = _d === void 0 ? 50 : _d,
-          _e = _a.minWidth,
-          minWidth = _e === void 0 ? 50 : _e,
-          props = __rest(_a, ["children", "onResizeStart", "onResizeStop", "size", "setSize", "minHeight", "minWidth"]);
-
-      var theme$1 = material.useTheme();
-      var onStartResize = React__default["default"].useCallback(function (event, _direction, node) {
-        event.stopPropagation();
-        node.classList.add(isDraggingClassName);
-
-        var _a = node.getBoundingClientRect(),
-            width = _a.width,
-            height = _a.height;
-
-        setSize({
-          width: width,
-          height: height
-        }); // fix for when initial maxHeight gets cleared
-        // eslint-disable-next-line no-param-reassign
-
-        node.style.height = height + "px";
-        onResizeStart();
-      }, [onResizeStart, setSize]);
-      var onStopResize = React__default["default"].useCallback(function (event, direction, node, delta) {
-        node.classList.remove(isDraggingClassName);
-        var width = parseInt(size.width, 10) + delta.width;
-        var height = parseInt(size.height, 10) + delta.height;
-        setSize({
-          width: width,
-          height: height
-        });
-        onResizeStop(event, direction, node, delta);
-      }, [setSize, onResizeStop, size]);
-      return /*#__PURE__*/React__default["default"].createElement(reResizable.Resizable // TODO: implement bounds https://gitlab.com/opengeoweb/opengeoweb/-/issues/1035
-      , __assign({
-        // TODO: implement bounds https://gitlab.com/opengeoweb/opengeoweb/-/issues/1035
-        minHeight: minHeight,
-        minWidth: minWidth,
-        size: size,
-        onResizeStop: onStopResize,
-        handleComponent: {
-          bottomRight: /*#__PURE__*/React__default["default"].createElement(theme.Resize, {
-            style: {
-              fill: "" + theme$1.palette.geowebColors.buttons.flat["default"].color
-            },
-            sx: {
-              display: 'none'
-            },
-            className: "resizableHandle"
-          }),
-          bottomLeft: /*#__PURE__*/React__default["default"].createElement(theme.Resize, {
-            isRightAligned: true,
-            style: {
-              fill: "" + theme$1.palette.geowebColors.buttons.flat["default"].color
-            },
-            sx: {
-              display: 'none'
-            },
-            className: "resizableHandle"
-          })
-        },
-        enable: {
-          top: false,
-          right: false,
-          bottom: false,
-          left: false,
-          topRight: true,
-          bottomRight: true,
-          bottomLeft: true,
-          topLeft: true
-        },
-        onResizeStart: onStartResize
-      }, props), children);
-    };
-
-    /**
-     * ErrorBoundary
-     * Wrap this component around parts of your application. It will catch any uncaught errors and display an alert, and allows you to continue using the rest of your application.
-     *
-     * @example
-     * ``` <ErrorBoundary><ExampleComponent /></ErrorBoundary> ```
-     */
-
-    var ErrorBoundary =
-    /** @class */
-    function (_super) {
-      __extends(ErrorBoundary, _super);
-
-      function ErrorBoundary(props) {
-        var _this = _super.call(this, props) || this;
-
-        _this.state = {
-          error: undefined,
-          errorInfo: undefined
-        };
-        return _this;
-      }
-
-      ErrorBoundary.getDerivedStateFromError = function (error) {
-        return {
-          error: error
-        };
-      };
-
-      ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
-        var onError = this.props.onError;
-        this.setState({
-          error: error,
-          errorInfo: errorInfo
-        });
-        onError(error, errorInfo);
-      };
-
-      ErrorBoundary.prototype.render = function () {
-        var _a = this.state,
-            error = _a.error,
-            errorInfo = _a.errorInfo;
-        var children = this.props.children;
-
-        if (error) {
-          return /*#__PURE__*/React__namespace.createElement(material.Box, {
-            sx: {
-              whiteSpace: 'pre-wrap',
-              width: '100%',
-              height: '100%',
-              overflowY: 'scroll'
-            }
-          }, /*#__PURE__*/React__namespace.createElement(AlertBanner, {
-            severity: "error",
-            title: "Woops, an error has occurred. Please report the error shown below and reload the page if needed.",
-            info: /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("br", null), error.toString(), /*#__PURE__*/React__namespace.createElement("br", null), errorInfo && errorInfo.componentStack, /*#__PURE__*/React__namespace.createElement("br", null), /*#__PURE__*/React__namespace.createElement("br", null), /*#__PURE__*/React__namespace.createElement(material.Link, {
-              underline: "always",
-              style: {
-                cursor: 'pointer'
-              },
-              onClick: function onClick() {
-                return window.location.reload();
-              }
-            }, "Reload page"))
-          }));
-        }
-
-        return children;
-      };
-
-      ErrorBoundary.defaultProps = {
-        onError: function onError() {}
-      };
-      return ErrorBoundary;
-    }(React__namespace.Component);
-
-    var styles$4 = {
-      small: {
-        height: 16,
-        width: 16,
-        fontSize: '0.5rem'
-      },
-      large: {}
-    };
-
-    var Avatar = function Avatar(_a) {
-      var children = _a.children,
-          _b = _a.size,
-          size = _b === void 0 ? 'large' : _b;
-      return /*#__PURE__*/React__namespace.createElement(material.Avatar, {
-        "data-testid": "avatar",
-        sx: __assign({}, styles$4[size])
-      }, 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)
-     * */
-    var styles$3 = {
-      container: {
-        position: 'absolute',
-        top: 38,
-        right: 20,
-        width: 256,
-        borderRadius: 0,
-        boxShadow: 5,
-        backgroundColor: 'geowebColors.background.surface'
-      },
-      userMenu: {
-        padding: 0,
-        '& > li': {
-          paddingTop: 3,
-          paddingBottom: 3,
-          paddingLeft: 2,
-          paddingRight: 2
-        }
-      }
-    };
-
-    var UserMenu = function UserMenu(_a) {
-      var _b = _a.isOpen,
-          isOpen = _b === void 0 ? false : _b,
-          _c = _a.onToggle,
-          onToggle = _c === void 0 ? function () {} : _c,
-          _d = _a.onClose,
-          onClose = _d === void 0 ? function () {} : _d,
-          children = _a.children,
-          initials = _a.initials;
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
-        "data-testid": "userButton",
-        onClick: onToggle,
-        sx: {
-          '&.MuiButtonBase-root': {
-            background: 'transparent',
-            '&:hover': {
-              border: 'none',
-              background: 'transparent'
-            }
-          }
-        },
-        size: "medium"
-      }, /*#__PURE__*/React__default["default"].createElement(Avatar, null, initials)), isOpen && /*#__PURE__*/React__default["default"].createElement(material.Paper, {
-        sx: styles$3.container,
-        "data-testid": "userMenu"
-      }, /*#__PURE__*/React__default["default"].createElement(material.ClickAwayListener, {
-        onClickAway: onClose,
-        mouseEvent: "onMouseDown"
-      }, /*#__PURE__*/React__default["default"].createElement(material.MenuList, {
-        sx: styles$3.userMenu,
-        variant: "menu"
-      }, 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-
-    var MenuItemTheme = function MenuItemTheme() {
-      var _a = theme.useThemeContext(),
-          isDark = _a.isDark,
-          toggleTheme = _a.toggleTheme;
-
-      return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
-        divider: true
-      }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        container: true
-      }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        item: true
-      }, "Choose your default app mode"), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        item: true
-      }, /*#__PURE__*/React__default["default"].createElement(material.RadioGroup, {
-        onChange: toggleTheme
-      }, /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
-        value: true,
-        control: /*#__PURE__*/React__default["default"].createElement(material.Radio, {
-          checked: !isDark
-        }),
-        label: "Light"
-      }), /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
-        value: false,
-        control: /*#__PURE__*/React__default["default"].createElement(material.Radio, {
-          checked: isDark
-        }),
-        label: "Dark"
-      })))));
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-
-    var ToolFooter = function ToolFooter() {
-      return /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        component: "footer",
-        sx: {
-          boxShadow: 1,
-          backgroundColor: 'geowebColors.background.surface',
-          textAlign: 'right',
-          height: 18,
-          zIndex: 1
-        }
-      });
-    };
-
-    /* *
-     * 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)
-     * */
-
-    var getStyle = function getStyle(size) {
-      switch (size) {
-        case 'xs':
-          {
-            return {
-              fontSize: 10,
-              fontWeight: 500
-            };
-          }
-
-        case 'small':
-          {
-            return {
-              fontSize: 16,
-              fontWeight: 500,
-              padding: '4px'
-            };
-          }
-
-        case 'medium':
-          {
-            return {
-              fontSize: 20,
-              fontWeight: 400,
-              padding: '4px 8px',
-              height: 40
-            };
-          }
-
-        case 'large':
-          {
-            return {
-              fontSize: 16,
-              fontWeight: 500,
-              padding: '12px'
-            };
-          }
-
-        default:
-          {
-            return {};
-          }
-      }
-    };
-
-    var iconStyle = {
-      color: 'geowebColors.greys.accessible',
-      padding: 0,
-      '&:hover': {
-        background: 'action.hover'
-      }
-    };
-
-    var ToolHeader = function ToolHeader(_a) {
-      var size = _a.size,
-          title = _a.title,
-          _b = _a.onClose,
-          onClose = _b === void 0 ? null : _b,
-          _c = _a.isDraggable,
-          isDraggable = _c === void 0 ? false : _c,
-          _d = _a.className,
-          className = _d === void 0 ? '' : _d,
-          _e = _a.leftHeaderComponent,
-          leftHeaderComponent = _e === void 0 ? null : _e,
-          _f = _a.rightHeaderComponent,
-          rightHeaderComponent = _f === void 0 ? null : _f,
-          _g = _a.dragHandleIcon,
-          dragHandleIcon = _g === void 0 ? /*#__PURE__*/React__default["default"].createElement(theme.DragHandle, null) : _g,
-          _h = _a.closeIcon,
-          closeIcon = _h === void 0 ? /*#__PURE__*/React__default["default"].createElement(theme.Close, {
-        "data-testid": "CloseIcon"
-      }) : _h;
-      var styles = getStyle(size);
-      var columnSizeIcon = leftHeaderComponent || rightHeaderComponent ? 4 : 1;
-      var columnSizeTitle = leftHeaderComponent || rightHeaderComponent ? 4 : 10;
-      return /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        component: "header",
-        className: className,
-        sx: {
-          boxShadow: 1,
-          backgroundColor: 'geowebColors.background.surface',
-          zIndex: 2,
-          cursor: isDraggable ? 'move' : null
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        container: true,
-        alignItems: "center",
-        sx: {
-          padding: styles.padding,
-          height: styles.height
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        className: "header-left",
-        item: true,
-        xs: columnSizeIcon,
-        sx: {
-          paddingRight: 1
-        }
-      }, isDraggable && size !== 'xxs' && !leftHeaderComponent && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        container: true,
-        justifyContent: "flex-start"
-      }, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
-        "data-testid": "dragBtn",
-        disableRipple: true,
-        sx: {
-          pointerEvents: 'none',
-          '&.MuiIconButton-root': iconStyle
-        }
-      }, dragHandleIcon)), leftHeaderComponent && leftHeaderComponent), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        className: "header-title",
-        item: true,
-        xs: columnSizeTitle
-      }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        container: true,
-        justifyContent: "center",
-        alignItems: "center"
-      }, title && /*#__PURE__*/React__default["default"].createElement(material.Typography, {
-        variant: "h2",
-        noWrap: true,
-        sx: {
-          fontSize: styles.fontSize,
-          fontWeight: styles.fontWeight
-        }
-      }, title), size === 'xxs' && /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
-        "data-testid": "dragBtn-xxs",
-        disableRipple: true,
-        sx: {
-          pointerEvents: 'none',
-          transform: 'rotate(90deg)',
-          '&.MuiButtonBase-root.MuiIconButton-root': __assign(__assign({}, iconStyle), {
-            height: 12
-          })
-        }
-      }, dragHandleIcon))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        className: "header-right",
-        item: true,
-        xs: columnSizeIcon,
-        container: true,
-        justifyContent: "flex-end"
-      }, rightHeaderComponent && rightHeaderComponent, onClose && /*#__PURE__*/React__default["default"].createElement(CustomTooltip, {
-        title: "Close",
-        placement: "bottom",
-        sx: {
-          pointerEvents: 'none'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
-        "data-testid": "closeBtn",
-        onClick: onClose,
-        onTouchEnd: onClose,
-        sx: {
-          '&.MuiButtonBase-root.MuiIconButton-root': iconStyle
-        }
-      }, closeIcon)))));
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var styles$2 = {
-      container: {
-        overflow: 'hidden',
-        borderRadius: 0,
-        display: 'flex',
-        flexDirection: 'column',
-        height: '100%'
-      },
-      content: {
-        flex: 1,
-        overflowY: 'auto',
-        position: 'relative'
-      }
-    };
-    var BASE_ELEVATION = 5;
-
-    var ToolContainer = function ToolContainer(_a) {
-      var _b = _a.title,
-          title = _b === void 0 ? '' : _b,
-          _c = _a.size,
-          size = _c === void 0 ? 'medium' : _c,
-          children = _a.children,
-          onClose = _a.onClose,
-          _d = _a.isResizable,
-          isResizable = _d === void 0 ? false : _d,
-          _e = _a.isDraggable,
-          isDraggable = _e === void 0 ? false : _e,
-          _f = _a.maxHeight,
-          maxHeight = _f === void 0 ? 'initial' : _f,
-          _g = _a.elevation,
-          elevation = _g === void 0 ? BASE_ELEVATION : _g,
-          // elevation_06
-      _h = _a.headerClassName,
-          // elevation_06
-      headerClassName = _h === void 0 ? '' : _h,
-          _j = _a.leftHeaderComponent,
-          leftHeaderComponent = _j === void 0 ? null : _j,
-          _k = _a.rightHeaderComponent,
-          rightHeaderComponent = _k === void 0 ? null : _k,
-          dragHandleIcon = _a.dragHandleIcon,
-          closeIcon = _a.closeIcon,
-          props = __rest(_a, ["title", "size", "children", "onClose", "isResizable", "isDraggable", "maxHeight", "elevation", "headerClassName", "leftHeaderComponent", "rightHeaderComponent", "dragHandleIcon", "closeIcon"]);
-
-      return /*#__PURE__*/React__default["default"].createElement(material.Paper, __assign({
-        elevation: elevation,
-        sx: styles$2.container
-      }, props), /*#__PURE__*/React__default["default"].createElement(ErrorBoundary, null, /*#__PURE__*/React__default["default"].createElement(ToolHeader, {
-        title: title,
-        size: size,
-        isDraggable: isDraggable,
-        onClose: onClose,
-        className: headerClassName,
-        leftHeaderComponent: leftHeaderComponent,
-        rightHeaderComponent: rightHeaderComponent,
-        dragHandleIcon: dragHandleIcon,
-        closeIcon: closeIcon
-      })), /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        sx: styles$2.content,
-        style: {
-          maxHeight: maxHeight
-        }
-      }, children), isResizable && /*#__PURE__*/React__default["default"].createElement(ToolFooter, null));
-    };
-
-    var getRightPositionAndSize = function getRightPositionAndSize(_a) {
-      var currentX = _a.currentX,
-          currentWidth = _a.currentWidth,
-          newWidth = _a.newWidth,
-          maxWidth = _a.maxWidth,
-          position = _a.position,
-          startSize = _a.startSize;
-
-      var newSize = __assign(__assign({}, startSize), {
-        width: newWidth
-      }); // if new size is bigger than the window
-
-
-      if (newWidth >= maxWidth) {
-        return {
-          size: __assign(__assign({}, newSize), {
-            width: maxWidth
-          }),
-          position: __assign(__assign({}, position), {
-            x: position.x + (maxWidth - (currentX + currentWidth))
-          })
-        };
-      } // if new size overlaps left side of screen
-
-
-      var newStartX = currentX - (newWidth - currentWidth);
-
-      if (newStartX <= 0) {
-        return {
-          size: newSize,
-          position: __assign(__assign({}, position), {
-            x: position.x - newStartX
-          })
-        };
-      } // there is room to grow
-
-
-      return {
-        size: newSize,
-        position: position
-      };
-    };
-    var getLeftPositionAndSize = function getLeftPositionAndSize(_a) {
-      var currentX = _a.currentX,
-          newWidth = _a.newWidth,
-          maxWidth = _a.maxWidth,
-          position = _a.position,
-          startSize = _a.startSize;
-
-      var newSize = __assign(__assign({}, startSize), {
-        width: newWidth
-      }); // if new size is bigger than the window
-
-
-      if (newWidth >= maxWidth) {
-        return {
-          size: __assign(__assign({}, newSize), {
-            width: maxWidth
-          }),
-          position: __assign(__assign({}, position), {
-            x: position.x - currentX
-          })
-        };
-      } // if new size overlaps right side of screen
-
-
-      var newEndX = currentX + newWidth;
-
-      if (newEndX >= maxWidth) {
-        return {
-          size: newSize,
-          position: __assign(__assign({}, position), {
-            x: position.x + (maxWidth - newEndX)
-          })
-        };
-      } // there is room to grow
-
-
-      return {
-        size: newSize,
-        position: position
-      };
-    };
-    var useHandleSizeFromOutsideComponent = function useHandleSizeFromOutsideComponent(_a) {
-      var nodeRef = _a.nodeRef,
-          startSize = _a.startSize,
-          bounds = _a.bounds,
-          isRightAligned = _a.isRightAligned,
-          size = _a.size,
-          setSize = _a.setSize,
-          position = _a.position,
-          setPosition = _a.setPosition;
-      React__default["default"].useEffect(function () {
-        var _a, _b; // update size when startSize has changed outside the component
-
-
-        if (startSize !== size) {
-          var node = (_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.firstChild;
-          var boundsNode = bounds === 'parent' ? (_b = nodeRef.current) === null || _b === void 0 ? void 0 : _b.parentNode : document.querySelector(bounds);
-          var maxWidth = boundsNode.getBoundingClientRect().width;
-          var newWidth = Number(startSize.width);
-
-          var _c = node.getBoundingClientRect(),
-              currentX = _c.x,
-              currentWidth = _c.width;
-
-          var _d = isRightAligned ? getRightPositionAndSize({
-            currentX: currentX,
-            currentWidth: currentWidth,
-            newWidth: newWidth,
-            maxWidth: maxWidth,
-            position: position,
-            startSize: startSize
-          }) : getLeftPositionAndSize({
-            currentX: currentX,
-            newWidth: newWidth,
-            maxWidth: maxWidth,
-            position: position,
-            startSize: startSize
-          }),
-              newPosition = _d.position,
-              newSize = _d.size;
-
-          setSize(newSize);
-          setPosition(newPosition);
-        } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-      }, [startSize.width, startSize.height]);
-    };
-
-    /* *
-     * 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)
-     * */
-
-    var calculateDialogSizeAndPosition = function calculateDialogSizeAndPosition() {
-      var width = window.innerWidth * 0.85;
-      var height = window.innerHeight * 0.85;
-      var top = window.innerHeight * 0.15 / 2;
-      var left = window.innerWidth * 0.15 / 2;
-      return {
-        width: width,
-        height: height,
-        top: top,
-        left: left
-      };
-    };
-    var BASE_Z_INDEX = 100;
-    var calculateNewPosition = function calculateNewPosition(position, isRightAligned, handle, delta) {
-      var x = position.x,
-          y = position.y; // If dragging the same side as alignment, adjust position
-
-      if (isRightAligned && handle === 'bottomRight') {
-        x = position.x + delta.width;
-      } else if (!isRightAligned && handle === 'bottomLeft') {
-        x = position.x - delta.width;
-      } else if (isRightAligned && handle === 'topRight') {
-        x = position.x + delta.width;
-        y = position.y - delta.height;
-      } else if (isRightAligned && handle === 'topLeft') {
-        y = position.y - delta.height;
-      } else if (!isRightAligned && handle === 'topRight') {
-        y = position.y - delta.height;
-      } else if (!isRightAligned && handle === 'topLeft') {
-        x = position.x - delta.width;
-        y = position.y - delta.height;
-      }
-
-      return {
-        x: x,
-        y: y
-      };
-    };
-
-    var DraggableComponent = function DraggableComponent(_a) {
-      var title = _a.title,
-          _b = _a.bounds,
-          bounds = _b === void 0 ? 'body' : _b,
-          _c = _a.cancel,
-          cancel = _c === void 0 ? '.MuiButtonBase-root' : _c,
-          _d = _a.headerSize,
-          headerSize = _d === void 0 ? 'small' : _d,
-          _e = _a.startSize,
-          startSize = _e === void 0 ? {
-        width: 'auto',
-        height: 'auto'
-      } : _e,
-          _f = _a.startPosition,
-          startPosition = _f === void 0 ? {
-        left: undefined,
-        right: undefined,
-        top: undefined
-      } : _f,
-          children = _a.children,
-          _g = _a.isOpen,
-          isOpen = _g === void 0 ? true : _g,
-          _h = _a.onClose,
-          onClose = _h === void 0 ? function () {} : _h,
-          _j = _a.initialMaxHeight,
-          defaultInitialMaxHeight = _j === void 0 ? 'initial' : _j,
-          _k = _a.onChangeSize,
-          onChangeSize = _k === void 0 ? function () {} : _k,
-          _l = _a.onMouseDown,
-          onMouseDown = _l === void 0 ? function () {} : _l,
-          _m = _a.onResizeStop,
-          onResizeStop = _m === void 0 ? function () {} : _m,
-          _o = _a.onDragEnd,
-          onDragEnd = _o === void 0 ? function () {} : _o,
-          _p = _a.onFocus,
-          onFocus = _p === void 0 ? function () {} : _p,
-          _q = _a.onBlur,
-          onBlur = _q === void 0 ? function () {} : _q,
-          _r = _a.order,
-          order = _r === void 0 ? 1 : _r,
-          _s = _a.source,
-          source = _s === void 0 ? 'app' : _s,
-          _t = _a.leftHeaderComponent,
-          leftHeaderComponent = _t === void 0 ? null : _t,
-          _u = _a.rightHeaderComponent,
-          rightHeaderComponent = _u === void 0 ? null : _u,
-          dragHandleIcon = _a.dragHandleIcon,
-          closeIcon = _a.closeIcon,
-          className = _a.className,
-          _v = _a.sx,
-          sx = _v === void 0 ? {} : _v,
-          props = __rest(_a, ["title", "bounds", "cancel", "headerSize", "startSize", "startPosition", "children", "isOpen", "onClose", "initialMaxHeight", "onChangeSize", "onMouseDown", "onResizeStop", "onDragEnd", "onFocus", "onBlur", "order", "source", "leftHeaderComponent", "rightHeaderComponent", "dragHandleIcon", "closeIcon", "className", "sx"]);
-
-      var zIndex = (source === 'app' ? BASE_Z_INDEX : 1000) + order;
-      var elevation = BASE_ELEVATION + order;
-      var nodeRef = React__default["default"].useRef(null);
-
-      var _w = __read(React__default["default"].useState({
-        x: 0,
-        y: 0
-      }), 2),
-          position = _w[0],
-          setPosition = _w[1];
-
-      var _x = __read(React__default["default"].useState(startSize), 2),
-          size = _x[0],
-          setSize = _x[1];
-
-      var isRightAligned = startPosition && startPosition.right !== null && startPosition.right !== undefined;
-      var onStopDrag = React__default["default"].useCallback(function (_event, position) {
-        setPosition(position);
-        onDragEnd(position, size);
-      }, [setPosition, onDragEnd, size]);
-
-      var _y = __read(React__default["default"].useState(defaultInitialMaxHeight), 2),
-          initialMaxHeight = _y[0],
-          setInitialMaxHeight = _y[1];
-
-      var onStartResize = function onStartResize() {
-        setInitialMaxHeight('initial');
-      };
-
-      var onResize = React__default["default"].useCallback(function (_event, handle, node, delta) {
-        var _a = node.getBoundingClientRect(),
-            width = _a.width,
-            height = _a.height;
-
-        onChangeSize({
-          width: width,
-          height: height
-        });
-        var newPos = calculateNewPosition(position, isRightAligned, handle, delta); // eslint-disable-next-line no-param-reassign
-
-        var parent = node.parentNode;
-        parent.style.transform = "translate(" + newPos.x + "px, " + newPos.y + "px)";
-      }, [onChangeSize, position, isRightAligned]);
-
-      var onStopResize = function onStopResize(_event, direction, node, delta) {
-        setPosition(calculateNewPosition(position, isRightAligned, direction, delta));
-        onResizeStop(_event, direction, node, delta);
-      };
-
-      useMakeSureContainerStaysInsideWindow(nodeRef, position, setPosition);
-      useHandleSizeFromOutsideComponent({
-        nodeRef: nodeRef,
-        startSize: startSize,
-        bounds: bounds,
-        isRightAligned: isRightAligned,
-        size: size,
-        setSize: setSize,
-        position: position,
-        setPosition: setPosition
-      });
-      var toolcontainerId = React__default["default"].useRef(Date.now().toString()).current;
-      var headerClassName = "header-" + (className || toolcontainerId);
-      return isOpen ? /*#__PURE__*/React__default["default"].createElement(DraggableComponent$1, {
-        nodeRef: nodeRef,
-        bounds: bounds,
-        cancel: cancel,
-        position: position,
-        onStop: onStopDrag,
-        handle: "." + headerClassName,
-        onMouseDown: onMouseDown
-      }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        tabIndex: -1,
-        onFocus: onFocus,
-        onBlur: onBlur,
-        sx: __assign(__assign(__assign({
-          position: 'absolute',
-          pointerEvents: 'all',
-          zIndex: zIndex
-        }, startPosition), sx), {
-          '&:hover .resizableHandle': {
-            display: 'inline'
-          }
-        }),
-        ref: nodeRef,
-        className: "toolContainerDraggable"
-      }, /*#__PURE__*/React__default["default"].createElement(ResizeComponent, __assign({}, props, {
-        size: size,
-        setSize: setSize,
-        onResizeStart: onStartResize,
-        onResizeStop: onStopResize,
-        onResize: onResize
-      }), /*#__PURE__*/React__default["default"].createElement(ToolContainer, {
-        maxHeight: initialMaxHeight,
-        onClose: onClose,
-        title: title,
-        size: headerSize,
-        isDraggable: true,
-        isResizable: true,
-        elevation: elevation,
-        headerClassName: headerClassName,
-        leftHeaderComponent: leftHeaderComponent,
-        rightHeaderComponent: rightHeaderComponent,
-        dragHandleIcon: dragHandleIcon,
-        closeIcon: closeIcon,
-        className: className
-      }, children)))) : null;
-    };
-
-    var segmentStyle = {
-      margin: '0 2px',
-      verticalAlign: 'middle',
-      fontSize: 14,
-      fontWeight: 500,
-      letterSpacing: 0.25,
-      justifyContent: 'center'
-    };
-    var styles$1 = {
-      icon: __assign(__assign({}, segmentStyle), {
-        backgroundColor: 'geowebColors.textInputField.default.rgba',
-        width: 40,
-        height: 40,
-        display: 'inline-flex',
-        alignItems: 'center',
-        borderRadius: 1
-      }),
-      connect: __assign(__assign({}, segmentStyle), {
-        fontSize: 18
-      }),
-      divider: __assign(__assign({}, segmentStyle), {
-        margin: '0 6px',
-        fontSize: 18
-      })
-    };
-
-    var ShortCutSegment = function ShortCutSegment(_a) {
-      var _b = _a.type,
-          type = _b === void 0 ? 'text' : _b,
-          children = _a.children;
-
-      if (type === 'divider') {
-        return /*#__PURE__*/React__default["default"].createElement(material.Typography, {
-          sx: styles$1.divider,
-          "data-testid": "segment-divider",
-          component: "span"
-        }, children);
-      }
-
-      if (type === 'icon') {
-        return /*#__PURE__*/React__default["default"].createElement(material.Typography, {
-          sx: styles$1.icon,
-          "data-testid": "segment-icon",
-          component: "span"
-        }, children);
-      }
-
-      if (type === 'connect') {
-        return /*#__PURE__*/React__default["default"].createElement(material.Typography, {
-          sx: styles$1.connect,
-          "data-testid": "segment-connect",
-          component: "span"
-        }, children);
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement(material.Typography, {
-        sx: segmentStyle,
-        "data-testid": "segment-text",
-        component: "span"
-      }, children);
-    };
-
-    var shortcuts = [{
-      title: 'Choose a selected time',
-      description: /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, "Left click on the time slider rail")
-    }, {
-      title: 'Move backwards/forwards in selected time',
-      description: /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, "Mouse scroll over the time slider rail")
-    }, {
-      title: 'Move 1 step backwards/forwards in selected time',
-      description: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.ArrowLeft, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "divider"
-      }, "or"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.ArrowRight, null))),
-      descriptionMac: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.KeyOption, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.ArrowLeft, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "divider"
-      }, "or"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.ArrowRight, null)))
-    }, {
-      title: 'Toggle hide/show time slider',
-      description: /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "t")
-    }, {
-      title: 'Change time slider scale (visible timespan)',
-      description: /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, "Hold left click over Time Slider legend + drag left or right")
-    }, {
-      title: 'Expand/shrink time slider scale (visible timespan)',
-      description: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, "+ Scroll the slider rail"))
-    }, {
-      title: 'Mouseover to change selected time',
-      description: /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, "Hover over Time Slider rail or time indicator")
-    }, {
-      title: 'Mouseover switch on/off',
-      description: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Alt"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "h")),
-      descriptionMac: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.KeyOption, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "h"))
-    }, {
-      title: 'Change time step or animation speed',
-      description: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.ArrowUp, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "divider"
-      }, "or"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.ArrowDown, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, "(when slider active)")),
-      descriptionMac: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.KeyCommand, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.ArrowUp, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "divider"
-      }, "or"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.ArrowDown, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, "(when slider active)"))
-    }, {
-      title: 'Return to current time',
-      description: /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Home"),
-      descriptionMac: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "fn"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "connect"
-      }, "+"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.ArrowLeft, null)))
-    }, {
-      title: 'Change layer manager values by scrolling',
-      description: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + Mouse scroll")),
-      descriptionMac: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.KeyCommand, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + Mouse scroll"))
-    }, {
-      title: 'Change size of layer manager to small',
-      description: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Alt"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "s")),
-      descriptionMac: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.KeyOption, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "s"))
-    }, {
-      title: 'Change size of layer manager to medium',
-      description: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Alt"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "m")),
-      descriptionMac: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.KeyOption, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "m"))
-    }, {
-      title: 'Change size of layer manager to large',
-      description: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Alt"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "l")),
-      descriptionMac: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "Ctrl"), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, /*#__PURE__*/React__default["default"].createElement(theme.KeyOption, null)), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, null, " + "), /*#__PURE__*/React__default["default"].createElement(ShortCutSegment, {
-        type: "icon"
-      }, "l"))
-    }];
-    var getShortcutList = function getShortcutList(shortcutList, platform) {
-      if (platform === void 0) {
-        platform = 'windows';
-      }
-
-      return shortcutList.map(function (_a) {
-        var title = _a.title,
-            description = _a.description,
-            descriptionMac = _a.descriptionMac;
-        return __assign({
-          title: title,
-          description: description
-        }, platform === 'windows' ? {
-          description: description
-        } : {
-          description: descriptionMac || description
-        });
-      });
-    };
-
-    var ShortcutList = function ShortcutList(_a) {
-      var _b = _a.platform,
-          platform = _b === void 0 ? 'windows' : _b;
-      var rows = getShortcutList(shortcuts, platform);
-      return /*#__PURE__*/React__default["default"].createElement(material.List, {
-        "data-testid": "list-" + platform
-      }, rows.map(function (row, index) {
-        return /*#__PURE__*/React__default["default"].createElement(material.ListItem, {
-          sx: {
-            minHeight: 56
-          },
-          divider: index !== rows.length - 1,
-          key: row.title
-        }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-          container: true,
-          direction: "row",
-          justifyContent: "space-between",
-          alignItems: "center"
-        }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-          item: true,
-          sx: {
-            fontSize: 12,
-            fontWeight: 300,
-            letterSpacing: 0.4,
-            opacity: 0.67
-          }
-        }, row.title), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-          item: true
-        }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
-          sx: {
-            alignItems: 'center'
-          }
-        }, row.description))));
-      }));
-    };
-
-    var TabPanel = function TabPanel(_a) {
-      var children = _a.children,
-          value = _a.value,
-          index = _a.index;
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        role: "tabpanel",
-        hidden: value !== index,
-        id: "tabpanel-" + index,
-        "aria-labelledby": "tab-" + index
-      }, value === index && children);
-    };
-
-    var styles = {
-      container: {
-        margin: '0px 20px',
-        maxHeight: '90vh'
-      },
-      tab: {
-        fontSize: 12
-      }
-    };
-
-    var CheatSheet = function CheatSheet() {
-      var _a = __read(React__default["default"].useState(0), 2),
-          activeTab = _a[0],
-          onChangeActiveTab = _a[1];
-
-      var onChangeTab = function onChangeTab(_event, newValue) {
-        onChangeActiveTab(newValue);
-      };
-
-      return /*#__PURE__*/React__default["default"].createElement(material.Box, {
-        sx: styles.container
-      }, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
-        value: activeTab,
-        onChange: onChangeTab,
-        "aria-label": "platform"
-      }, /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-        sx: styles.tab,
-        label: "Windows"
-      }), /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-        sx: styles.tab,
-        label: "Mac"
-      })), /*#__PURE__*/React__default["default"].createElement(TabPanel, {
-        value: activeTab,
-        index: 0
-      }, /*#__PURE__*/React__default["default"].createElement(ShortcutList, null)), /*#__PURE__*/React__default["default"].createElement(TabPanel, {
-        value: activeTab,
-        index: 1
-      }, /*#__PURE__*/React__default["default"].createElement(ShortcutList, {
-        platform: "mac"
-      })));
-    };
-
-    var UserMenuItemCheatSheet = function UserMenuItemCheatSheet() {
-      var _a = __read(React__default["default"].useState(false), 2),
-          open = _a[0],
-          setOpen = _a[1];
-
-      var onClose = function onClose() {
-        setOpen(false);
-      };
-
-      var onOpen = function onOpen() {
-        setOpen(true);
-      };
-
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
-        "data-testid": "cheatsheet-btn",
-        onClick: onOpen,
-        divider: true
-      }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        container: true
-      }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        item: true
-      }, "Cheat sheet"))), /*#__PURE__*/React__default["default"].createElement(material.Backdrop, {
-        "data-testid": "cheatsheet-content",
-        open: open,
-        sx: {
-          zIndex: 1
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(DraggableComponent, {
-        startSize: {
-          width: 700
-        },
-        minHeight: 300,
-        minWidth: 500,
-        title: "Cheat sheet",
-        headerSize: "small",
-        isOpen: true,
-        onClose: onClose,
-        bounds: "parent"
-      }, /*#__PURE__*/React__default["default"].createElement(CheatSheet, null))));
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var useUserMenu = function useUserMenu(open) {
-      if (open === void 0) {
-        open = false;
-      }
-
-      var _a = __read(React__default["default"].useState(open), 2),
-          isOpen = _a[0],
-          setOpen = _a[1];
-
-      var onClose = function onClose() {
-        return setOpen(false);
-      };
-
-      var onToggle = function onToggle() {
-        return setOpen(!isOpen);
-      };
-
-      return {
-        isOpen: isOpen,
-        onClose: onClose,
-        onToggle: onToggle
-      };
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var getInitials = function getInitials(name) {
-      if (!name) {
-        return '';
-      }
-
-      var nameWithoutEmail = name.split('@')[0];
-      var array = nameWithoutEmail.split('.');
-
-      switch (array.length) {
-        case 1:
-          return array[0].charAt(0).toUpperCase();
-
-        default:
-          return array[0].charAt(0).toUpperCase() + array[array.length - 1].charAt(0).toUpperCase();
-      }
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var sliderHeaderStyle = {
-      fontFamily: 'Roboto-Black, Roboto',
-      fontSize: 12,
-      color: 'geowebColors.typographyAndIcons.text',
-      padding: '11px 0 11px 16px'
-    };
-    var sliderStyle = {
-      '& span.selectedLabel': {
-        fontWeight: 'bold'
-      },
-      '& .MuiSlider-thumb': {
-        backgroundColor: 'geowebColors.customSlider.thumb',
-        boxShadow: '0px 3px 5px 1px rgba(0,0,0,0.3)',
-        '&.Mui-focusVisible, &:hover, &:active': {
-          boxShadow: '0px 3px 5px 2px rgba(0,0,0,0.4)'
-        }
-      },
-      '& .MuiSlider-mark': {
-        backgroundColor: 'geowebColors.customSlider.mark'
-      },
-      '& .MuiSlider-markLabel': {
-        fontFamily: 'Roboto-Black, Roboto',
-        fontSize: 12,
-        color: 'geowebColors.typographyAndIcons.text'
-      },
-      '& .MuiSlider-track': {
-        color: 'geowebColors.customSlider.track',
-        backgroundColor: 'geowebColors.customSlider.track'
-      },
-      '& .MuiSlider-rail': {
-        backgroundColor: 'geowebColors.customSlider.rail',
-        opacity: 1
-      },
-      '&.Mui-disabled': {
-        '& .MuiSlider-thumb': {
-          backgroundColor: 'geowebColors.customSlider.thumbDisabled'
-        },
-        '& .MuiSlider-mark': {
-          backgroundColor: 'geowebColors.customSlider.markDisabled'
-        },
-        '& .MuiSlider-track': {
-          backgroundColor: 'geowebColors.customSlider.trackDisabled',
-          color: 'geowebColors.customSlider.trackDisabled'
-        },
-        '& .MuiSlider-rail': {
-          backgroundColor: 'geowebColors.customSlider.railDisabled',
-          opacity: 1
-        }
-      }
-    };
-    var CustomSlider = function CustomSlider(_a) {
-      var value = _a.value,
-          _b = _a.orientation,
-          orientation = _b === void 0 ? 'vertical' : _b,
-          _c = _a.shouldAutoFocus,
-          shouldAutoFocus = _c === void 0 ? false : _c,
-          props = __rest(_a, ["value", "orientation", "shouldAutoFocus"]); // Add custom class (for bold text) to label adjacent to thumb component.
-      // Material UI doesn't support highlighing only adjacent label
-      // when track is highlighted everywhere below selected value.
-
-
-      var element = React__namespace.useRef(null);
-      var themeContext = theme.useThemeContext();
-      React__namespace.useEffect(function () {
-        var activeMarkLabelElements = element.current.getElementsByClassName('MuiSlider-markLabelActive');
-
-        var _a = __read(__spreadArray([], __read(activeMarkLabelElements)).reverse()),
-            first = _a[0],
-            rest = _a.slice(1);
-
-        if (first) {
-          first.classList.add('selectedLabel');
-        }
-
-        rest.forEach(function (element) {
-          return element.classList.remove('selectedLabel');
-        });
-      }, [value, themeContext.isDark]); // autofocus
-
-      React__namespace.useEffect(function () {
-        if (shouldAutoFocus && element.current) {
-          var thumb = element.current.querySelector('.MuiSlider-thumb input');
-          thumb.focus();
-        } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-      }, []);
-      return /*#__PURE__*/React__namespace.createElement(material.Slider, __assign({
-        sx: sliderStyle,
-        ref: element,
-        value: value,
-        orientation: orientation
-      }, 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-
-    var CustomToggleButton = /*#__PURE__*/React__namespace.forwardRef(function (_a, ref) {
-      var _b = _a.variant,
-          variant = _b === void 0 ? 'primary' : _b,
-          className = _a.className,
-          _c = _a.value,
-          value = _c === void 0 ? 0 : _c,
-          props = __rest(_a, ["variant", "className", "value"]);
-
-      return /*#__PURE__*/React__namespace.createElement(material.ToggleButton, __assign({
-        ref: ref,
-        className: variant + " " + className,
-        value: value
-      }, props));
-    });
-
-    var getPosition = function getPosition(menuPosition) {
-      switch (menuPosition) {
-        case 'bottom':
-          return {
-            anchorOrigin: {
-              vertical: 'bottom',
-              horizontal: 'center'
-            },
-            transformOrigin: {
-              vertical: 'top',
-              horizontal: 'center'
-            }
-          };
-
-        default:
-        case 'left':
-          return {
-            anchorOrigin: {
-              vertical: 'center',
-              horizontal: 'left'
-            },
-            transformOrigin: {
-              vertical: 'center',
-              horizontal: 'right'
-            }
-          };
-
-        case 'right':
-          return {
-            anchorOrigin: {
-              vertical: 'center',
-              horizontal: 'right'
-            },
-            transformOrigin: {
-              vertical: 'center',
-              horizontal: 'left'
-            }
-          };
-      }
-    };
-    var ToggleMenu = function ToggleMenu(_a) {
-      var _b = _a.buttonTestId,
-          buttonTestId = _b === void 0 ? 'toggleMenuButton' : _b,
-          _c = _a.menuPosition,
-          menuPosition = _c === void 0 ? 'left' : _c,
-          menuItems = _a.menuItems,
-          children = _a.children,
-          buttonSx = _a.buttonSx,
-          _d = _a.tooltipTitle,
-          tooltipTitle = _d === void 0 ? '' : _d,
-          _e = _a.menuTitle,
-          menuTitle = _e === void 0 ? '' : _e,
-          _f = _a.variant,
-          variant = _f === void 0 ? 'tool' : _f,
-          _g = _a.isDefaultOpen,
-          isDefaultOpen = _g === void 0 ? false : _g,
-          _h = _a.buttonIcon,
-          buttonIcon = _h === void 0 ? /*#__PURE__*/React__namespace.createElement(theme.Options, null) : _h;
-
-      var _j = __read(React__namespace.useState(null), 2),
-          anchorEl = _j[0],
-          setAnchorEl = _j[1];
-
-      var isOpen = Boolean(anchorEl);
-
-      var _k = getPosition(menuPosition),
-          anchorOrigin = _k.anchorOrigin,
-          transformOrigin = _k.transformOrigin;
-
-      var handleClick = function handleClick(event) {
-        event.stopPropagation();
-        setAnchorEl(event.currentTarget);
-      };
-
-      var handleClose = function handleClose(event) {
-        event.stopPropagation();
-        setAnchorEl(null);
-      };
-
-      React__namespace.useEffect(function () {
-        if (isDefaultOpen) {
-          setAnchorEl(document.getElementById(buttonTestId));
-        }
-      }, [isDefaultOpen, buttonTestId]);
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(CustomIconButton, {
-        tooltipProps: {
-          placement: 'top',
-          title: tooltipTitle
-        },
-        isSelected: isOpen,
-        sx: buttonSx,
-        onClick: handleClick,
-        "data-testid": buttonTestId,
-        variant: variant,
-        id: buttonTestId
-      }, buttonIcon), /*#__PURE__*/React__namespace.createElement(material.Menu, {
-        anchorEl: anchorEl,
-        open: isOpen,
-        onClose: function onClose(event, reason) {
-          if (reason === 'tabKeyDown') {
-            return;
-          }
-
-          handleClose(event);
-        },
-        anchorOrigin: anchorOrigin,
-        transformOrigin: transformOrigin,
-        BackdropProps: {
-          style: {
-            opacity: 0,
-            transition: 'none'
-          }
-        },
-        MenuListProps: __assign({}, children && {
-          style: {
-            padding: '0px'
-          }
-        })
-      }, menuTitle && /*#__PURE__*/React__namespace.createElement(material.ListSubheader, {
-        "data-testid": "toggleMenuTitle"
-      }, /*#__PURE__*/React__namespace.createElement(material.Typography, {
-        sx: {
-          fontSize: '12px'
-        }
-      }, menuTitle)), menuItems && menuItems.length ? menuItems.map(function (menuItem) {
-        var text = menuItem.text,
-            icon = menuItem.icon,
-            action = menuItem.action;
-        return /*#__PURE__*/React__namespace.createElement(material.MenuItem, {
-          key: text,
-          onClick: function onClick(event) {
-            action(event);
-            handleClose(event);
-          }
-        }, icon && /*#__PURE__*/React__namespace.createElement(material.ListItemIcon, null, icon), /*#__PURE__*/React__namespace.createElement(material.Typography, null, text));
-      }) : /*#__PURE__*/React__namespace.createElement("div", null) // Needed to make the menu work without any menuItems
-      , 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var tooltipContainerStyles = function tooltipContainerStyles(isEnabled, hasBackgroundColor) {
-      if (hasBackgroundColor === void 0) {
-        hasBackgroundColor = true;
-      }
-
-      return __assign({
-        width: '100%',
-        height: 32,
-        fontWeight: 500,
-        fontSize: function fontSize(theme) {
-          return theme.palette.geowebColors.layerManager.tableRowDefaultText.fontSize;
-        },
-        color: isEnabled ? 'geowebColors.layerManager.tableRowDefaultText.rgba' : 'geowebColors.layerManager.tableRowDisabledText.rgba',
-        '& .MuiOutlinedInput-input': {
-          padding: '6px 24px 6px 8px'
-        },
-        '& .MuiOutlinedInput-notchedOutline': {
-          borderColor: 'transparent!important'
-        },
-        '&:hover': {
-          backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill',
-          borderRadius: 0
-        },
-        '&.Mui-focused .MuiSelect-select': {
-          outline: function outline(theme) {
-            return theme.palette.geowebColors.buttons.tool.focus.outline;
-          },
-          borderRadius: 0
-        },
-        '& .MuiSvgIcon-root': {
-          transition: 'none',
-          fill: function fill(theme) {
-            return isEnabled ? theme.palette.geowebColors.buttons.flat["default"].color : theme.palette.geowebColors.buttons.flat.disabled.color;
-          }
-        },
-        '&>div': {
-          paddingLeft: '8px!important'
-        }
-      }, hasBackgroundColor && backgroundColor);
-    };
-    var backgroundColor = {
-      '&:hover .MuiSelect-select': {
-        backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill',
-        borderRadius: 0
-      },
-      '&.Mui-focused .MuiSelect-select': {
-        outline: function outline(theme) {
-          return theme.palette.geowebColors.buttons.tool.focus.outline;
-        },
-        borderRadius: 0,
-        backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill'
-      },
-      '&:hover&.MuiButton-root': {
-        backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill'
-      },
-      '&:focus&.MuiButton-root': {
-        border: function border(theme) {
-          return theme.palette.geowebColors.buttons.tool.focus.outline;
-        },
-        backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill',
-        transition: 'border'
-      }
-    };
-
-    /* *
-     * 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 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2020 - Finnish Meteorological Institute (FMI)
-     * */
-    var TooltipSelect = function TooltipSelect(_a) {
-      var tooltip = _a.tooltip,
-          _b = _a.list,
-          list = _b === void 0 ? [] : _b,
-          _c = _a.currentIndex,
-          currentIndex = _c === void 0 ? -1 : _c,
-          _d = _a.onChangeMouseWheel,
-          onChangeMouseWheel = _d === void 0 ? function () {} : _d,
-          _e = _a.requiresCtrlToChange,
-          requiresCtrlToChange = _e === void 0 ? false : _e,
-          isEnabled = _a.isEnabled,
-          noStyling = _a.noStyling,
-          hasBackgroundColor = _a.hasBackgroundColor,
-          props = __rest(_a, ["tooltip", "list", "currentIndex", "onChangeMouseWheel", "requiresCtrlToChange", "isEnabled", "noStyling", "hasBackgroundColor"]);
-
-      var _f = __read(React__namespace.useState(false), 2),
-          selectOpen = _f[0],
-          setSelectOpen = _f[1];
-
-      var _g = __read(useControlledTooltip(), 2),
-          tooltipOpen = _g[0],
-          setTooltipOpen = _g[1];
-
-      var theme = material.useTheme();
-      var onWheel = React__namespace.useCallback(function (event) {
-        if (requiresCtrlToChange && (event.ctrlKey || event.metaKey) || !requiresCtrlToChange) {
-          if (selectOpen) {
-            return;
-          }
-
-          var direction = event.deltaY < 0 ? 1 : -1;
-          var newIndex = currentIndex - direction;
-
-          if (newIndex < 0 || newIndex >= list.length) {
-            return;
-          }
-
-          onChangeMouseWheel(list[newIndex]);
-        }
-      }, [selectOpen, currentIndex, list, onChangeMouseWheel, requiresCtrlToChange]);
-      var onOpen = React__namespace.useCallback(function () {
-        setSelectOpen(true);
-        setTooltipOpen(false);
-      }, [setTooltipOpen]);
-      var onClose = React__namespace.useCallback(function () {
-        setSelectOpen(false);
-      }, []);
-      var onMouseEnter = React__namespace.useCallback(function () {
-        if (!selectOpen) {
-          setTooltipOpen(true);
-        }
-      }, [selectOpen, setTooltipOpen]);
-      var onMouseLeave = React__namespace.useCallback(function () {
-        setTooltipOpen(false);
-      }, [setTooltipOpen]);
-      var onFocus = React__namespace.useCallback(function () {
-        setTooltipOpen(true);
-      }, [setTooltipOpen]);
-      var onBlur = React__namespace.useCallback(function () {
-        setTooltipOpen(false);
-      }, [setTooltipOpen]);
-      var selectStyles = noStyling ? {} : tooltipContainerStyles(!!isEnabled, hasBackgroundColor);
-      return /*#__PURE__*/React__namespace.createElement(CustomTooltip, {
-        title: tooltip,
-        placement: "top",
-        open: tooltipOpen
-      }, /*#__PURE__*/React__namespace.createElement(material.Select, __assign({
-        variant: "standard",
-        disableUnderline: true,
-        onOpen: onOpen,
-        onClose: onClose,
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave,
-        onFocus: onFocus,
-        onBlur: onBlur,
-        onWheel: onWheel,
-        MenuProps: {
-          BackdropProps: {
-            sx: {
-              '&.MuiBackdrop-root': {
-                backgroundColor: 'transparent'
-              }
-            }
-          },
-          sx: __assign({
-            '& ul': {
-              backgroundColor: 'geowebColors.background.surface'
-            },
-            '& li': {
-              fontSize: '16px',
-              padding: '12px',
-              '&:hover': {
-                backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill'
-              },
-              '&.Mui-selected': {
-                color: 'geowebColors.buttons.tool.active.color',
-                backgroundColor: 'geowebColors.buttons.tool.active.fill',
-                boxShadow: "none",
-                '&:hover': {
-                  backgroundColor: 'geowebColors.buttons.tool.activeMouseOver.fill'
-                },
-                '&:focus': {
-                  backgroundColor: 'geowebColors.buttons.tool.activeMouseOver.fill'
-                },
-                '.MuiListItemIcon-root': {
-                  color: 'geowebColors.buttons.tool.active.color'
-                }
-              },
-              '&:after': {
-                background: 'none!important'
-              },
-              '&.Mui-disabled': {
-                fontSize: '12px',
-                opacity: 0.67,
-                padding: '0px 12px',
-                '&.MuiMenuItem-root': {
-                  minHeight: '30px!important'
-                }
-              }
-            }
-          }, theme.palette.geowebColors.tooltips.tooltipSelect.menu)
-        },
-        sx: __assign(__assign({}, selectStyles), theme.palette.geowebColors.tooltips.tooltipSelect.select)
-      }, props)));
-    };
-
-    function withEggs(eggs) {
-      return function (Component) {
-        var WithEggs = function WithEggs(props) {
-          var store = reactRedux.useStore();
-
-          var _a = __read(React__namespace.useState(function () {
-            return store.addEggs(eggs);
-          }), 1),
-              remover = _a[0];
-
-          React__namespace.useEffect(function () {
-            return remover;
-          }, [remover]);
-          return /*#__PURE__*/React__namespace.createElement(Component, __assign({}, props));
-        };
-
-        WithEggs.displayName = "withEggs(" + (Component.displayName || Component.name || 'Component') + ")";
-        return WithEggs;
-      };
-    }
-
-    var CustomAccordion = function CustomAccordion(_a) {
-      var title = _a.title,
-          _b = _a.defaultExpanded,
-          defaultExpanded = _b === void 0 ? true : _b,
-          _c = _a.disableGutters,
-          disableGutters = _c === void 0 ? true : _c,
-          _d = _a.expandedElevation,
-          expandedElevation = _d === void 0 ? 3 : _d,
-          _e = _a.collapsedElevation,
-          collapsedElevation = _e === void 0 ? 0 : _e,
-          _f = _a.transitionDuration,
-          transitionDuration = _f === void 0 ? 150 : _f,
-          detailsSx = _a.detailsSx,
-          children = _a.children,
-          props = __rest(_a, ["title", "defaultExpanded", "disableGutters", "expandedElevation", "collapsedElevation", "transitionDuration", "detailsSx", "children"]);
-
-      var _g = __read(React__namespace.useState(defaultExpanded), 2),
-          expanded = _g[0],
-          setExpanded = _g[1];
-
-      return /*#__PURE__*/React__namespace.createElement(material.Accordion, __assign({}, props, {
-        defaultExpanded: defaultExpanded,
-        elevation: expanded ? expandedElevation : collapsedElevation,
-        onChange: function onChange(_event, expanded) {
-          return setExpanded(expanded);
-        },
-        disableGutters: disableGutters,
-        TransitionProps: {
-          timeout: transitionDuration
-        }
-      }), /*#__PURE__*/React__namespace.createElement(material.AccordionSummary, {
-        expandIcon: /*#__PURE__*/React__namespace.createElement(theme.ChevronDown, null)
-      }, title), /*#__PURE__*/React__namespace.createElement(material.AccordionDetails, {
-        sx: detailsSx
-      }, 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)
-     * */
-    var highlightStyle = {
-      background: '#ffeecc'
-    };
-
-    var SearchHighlight = function SearchHighlight(_a) {
-      var _b = _a.text,
-          text = _b === void 0 ? '' : _b,
-          search = _a.search;
-
-      if (search === '') {
-        return /*#__PURE__*/React__default["default"].createElement("span", null, text);
-      }
-
-      var searchWords = search.split(' ').reduce(function (words, word) {
-        return word ? __spreadArray(__spreadArray([], __read(words)), [word.toLocaleLowerCase()]) : words;
-      }, []);
-      var searchRegex = searchWords.map(function (word) {
-        return lodash.escapeRegExp(word);
-      }).join('|');
-      var textParts = text.split(new RegExp("(" + searchRegex + ")", 'gi'));
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, textParts.map(function (part, index) {
-        var key = part + "-" + index;
-
-        if (searchWords.some(function (search) {
-          return part.toLocaleLowerCase().includes(search);
-        })) {
-          return /*#__PURE__*/React__default["default"].createElement("mark", {
-            key: key,
-            style: highlightStyle
-          }, part);
-        }
-
-        return /*#__PURE__*/React__default["default"].createElement("span", {
-          key: key
-        }, part);
-      }));
-    };
-
-    /* *
-     * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
-     * */
-    var DEFAULT_ERROR_MESSAGE = 'An error has occurred'; // Guard function for detecting an AxiosError (typically the kind of error returned by the backend)
-
-    var isAxiosError = function isAxiosError(error) {
-      return error.isAxiosError !== undefined;
-    };
-    var getAxiosErrorMessage = function getAxiosErrorMessage(error) {
-      var data = error.response && error.response.data;
-
-      if (data && typeof data === 'string') {
-        return data;
-      }
-
-      if (data && data.message && typeof data.message === 'string') {
-        return data.message;
-      }
-
-      if (error.message) {
-        return error.message;
-      }
-
-      return DEFAULT_ERROR_MESSAGE;
-    };
-    var getErrorMessage = function getErrorMessage(error) {
-      if (isAxiosError(error)) {
-        return getAxiosErrorMessage(error);
-      }
-
-      return error.message || DEFAULT_ERROR_MESSAGE;
-    };
-    var getAxiosWarningMessage = function getAxiosWarningMessage(error) {
-      var data = error.response && error.response.data;
-
-      if (data && data.WarningMessage && typeof data.WarningMessage === 'string') {
-        return data.WarningMessage;
-      }
-
-      return '';
-    };
-    var getWarningMessage = function getWarningMessage(error) {
-      if (isAxiosError(error)) {
-        return getAxiosWarningMessage(error);
-      }
-
-      return '';
-    };
-
-    /* *
-     * 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)
-     * */
-    /**
-     * Parsing date strings with geoweb dateUtils:
-     *
-     * An ISO String *with timezone* can safely be parsed directly to a date:
-     *
-     * date = new Date('2022-10-10T15:30:00Z')
-     * date = new Date('2022-10-10T15:30:00+00:00')
-     * date = new Date('2022-10-10T15:30:00+02:00')
-     *
-     * or using the dateUtils isoStringToDate function *with utc=false*
-     *
-     * date = isoStringToDate('2022-10-10T15:30:00Z', false)
-     *
-     * An ISO String *without a timezone* can be parsed with isoStringToDate
-     *
-     * date = isoStringToDate('2022-10-10T15:30:00')
-     *
-     * *Do not parse ISO without timezone using `new Date()` unless you correct for the local timezone*
-     *
-     * To parse an arbitrary date string with timezone use:
-     *
-     * date = stringToDate('2022.11.10, 11:15 +01:00', 'yyyy.MM.dd, HH:mm xxx', false)
-     *
-     * To parse an arbitrary date string without timezone use:
-     *
-     * date = stringToDate('2022.11.10, 11:15', 'yyyy.MM.dd, HH:mm')
-     *
-     *
-     * To safely convert dates to utc strings use:
-     *
-     * date.toISOString()
-     *
-     * To get parts of UTC time use
-     *
-     * date.getUTCHours()
-     * date.getUTCMins()
-     *
-     * To parse an arbitrary date string to a UTC string use:
-     *
-     * dateToString(new Date('2022-10-10T15:30:00Z', 'HH:ss dd MMM yyyy')
-     *
-     */
-
-    /**
-     * Parse an ISO string to a date
-     *
-     * Expects the following props:
-     * @param {string} input - string containing date
-     *
-     * @returns {Date} Date
-     * @example
-     * ``` isoStringToDate("2022-5-10T20:32:00+00:00")) ```
-     */
-
-    var isoStringToDate = function isoStringToDate(input, utc) {
-      if (utc === void 0) {
-        utc = true;
-      }
-
-      var parsed = dateFns.parseISO(input);
-
-      if (utc) {
-        return setUTCDate(parsed);
-      }
-
-      return parsed;
-    };
-    /**
-     * Parse a string to a date
-     *
-     * ***NOTE: String will be parsed in local time if utc is set to false***
-     *
-     * Expects the following props:
-     * @param {string} input - string containing date
-     * @param {string} strFormat - format of the string, see: https://date-fns.org/v2.29.3/docs/parse
-     * @param {boolean} utc [ default = true ] - boolean indicating whether to parse as UTC
-     * @param {Date} referenceDate [ default = new Date() ] - defines values missing from the parsed dateString
-     *
-     * @returns {Date} Date
-     * @example
-     * ``` stringToDate("2022 5 10 20:32", 'yyyy M d HH:mm')) ```
-     */
-
-    var stringToDate = function stringToDate(input, strFormat, utc, referenceDate) {
-      if (utc === void 0) {
-        utc = true;
-      }
-
-      if (referenceDate === void 0) {
-        referenceDate = new Date();
-      }
-
-      var parsed = dateFns.parse(input, strFormat, referenceDate);
-
-      if (utc) {
-        return setUTCDate(parsed);
-      }
-
-      return parsed;
-    };
-    /**
-     * Use this if you initialise a date without a timezone to set it to utc correctly
-     * eg.
-     *   new Date(2022, 10, 12, 15, 30)
-     * should be:
-     *   setUTCDate(new Date(2022, 10, 12, 15, 30))
-     *
-     * Expects the following props:
-     * @param {Date} inDate - date to be set to UTC
-     *
-     * @returns {Date} - Date in UTC
-     * @example
-     * ``` setUTCDate(new Date(2022, 10, 12, 15, 30)) ```
-     */
-
-    var setUTCDate = function setUTCDate(inDate) {
-      var utcDate = new Date(inDate);
-      utcDate.setUTCFullYear(inDate.getFullYear(), inDate.getMonth(), inDate.getDate());
-      utcDate.setUTCHours(inDate.getHours(), inDate.getMinutes(), inDate.getSeconds(), inDate.getMilliseconds());
-      return utcDate;
-    };
-    /**
-     * Format a date to a string
-     *
-     * Expects the following props:
-     * @param {Date} inDate - date to be formatted
-     * @param {string} strFormat - format of string
-     * @param {boolean} utc - [default: true] true to return in utc otherwise return in local timezone
-     *
-     * @returns {string} - formatted date string
-     * @example
-     * ``` dateToString(new Date(2022, 10, 12, 15, 30), 'dd MMM yyyy') ```
-     */
-
-    var dateToString = function dateToString(inDate, strFormat, utc) {
-      if (utc === void 0) {
-        utc = true;
-      }
-
-      if (utc) {
-        return dateFns.format(new Date(inDate.getUTCFullYear(), inDate.getUTCMonth(), inDate.getUTCDate(), inDate.getUTCHours(), inDate.getUTCMinutes(), inDate.getUTCSeconds()), strFormat);
-      }
-
-      return dateFns.format(inDate, strFormat);
-    };
-    /**
-     * Find out if a date is between two other dates.
-     *
-     * Inclusivity parameter matches that used in momentjs where '[' indicates inclusion and '(' indicates exclusion.
-     *
-     * Expects the following props:
-     * @param {Date} date - date to be tested
-     * @param {Date} from - first date
-     * @param {Date} to - last date
-     * @param {string} inclusivity - [default: '()'] Must be one of : '()', '[]', '(]', '[)'
-     *
-     * @returns {boolen} - true if date is between, otherwise false
-     *
-     */
-
-    var isBetween = function isBetween(date, from, to, inclusivity) {
-      if (inclusivity === void 0) {
-        inclusivity = '()';
-      }
-
-      if (!['()', '[]', '(]', '[)'].includes(inclusivity)) {
-        throw new Error('Inclusivity parameter must be one of (), [], (], [)');
-      }
-
-      var isBeforeEqual = inclusivity[0] === '[';
-      var isAfterEqual = inclusivity[1] === ']';
-      return (isBeforeEqual ? dateFns.isEqual(from, date) || dateFns.isBefore(from, date) : dateFns.isBefore(from, date)) && (isAfterEqual ? dateFns.isEqual(to, date) || dateFns.isAfter(to, date) : dateFns.isAfter(to, date));
-    };
-    /**
-     * Creates a new Date object with the specified date and time, or the current date and time if no arguments are provided.
-     *
-     * @param yearOrIsoString The year for the new Date object, or an ISO-formatted string representing the date and time.
-     * @param month The month for the new Date object (0-11).
-     * @param day The day for the new Date object (1-31).
-     * @param hours The hour for the new Date object (0-23).
-     * @param minutes The minute for the new Date object (0-59).
-     * @param seconds The second for the new Date object (0-59).
-     * @param milliseconds The millisecond for the new Date object (0-999).
-     * @returns A new Date object with the specified date and time, or the current date and time if no arguments are provided.
-     *
-     * @example
-     * createDate(2022, 11, 13);
-     * // => 2022-12-13T00:00:00.000Z
-     *
-     * @example
-     * createDate('2022-12-13T00:00:00.000Z');
-     * // => 2022-12-13T00:00:00.000Z
-     */
-
-    var createDate = function createDate(yearOrIsoString, month, day, hours, minutes, seconds, milliseconds) {
-      if (hours === void 0) {
-        hours = 0;
-      }
-
-      if (minutes === void 0) {
-        minutes = 0;
-      }
-
-      if (seconds === void 0) {
-        seconds = 0;
-      }
-
-      if (milliseconds === void 0) {
-        milliseconds = 0;
-      }
-
-      if (yearOrIsoString === undefined) {
-        return new Date();
-      }
-
-      if (typeof yearOrIsoString === 'string') {
-        return new Date(yearOrIsoString);
-      }
-
-      return new Date(yearOrIsoString, month, day, hours, minutes, seconds, milliseconds);
-    };
-    /**
-     *
-     * @param date
-     * @param duration
-     * @returns {Date} the new Date
-     */
-
-    var add = function add(date, duration) {
-      return dateFns.add(date, duration);
-    };
-    /**
-     *
-     * @param date
-     * @param duration
-     * @returns {Date} the new Date
-     */
-
-    var sub = function sub(date, duration) {
-      return dateFns.sub(date, duration);
-    };
-    /**
-     * Finds the number of minuts between to dates
-     *
-     * @param dateLeft - the later date
-     * @param dateRight - the earlier date
-     * @returns {number} the number of minutes
-     */
-
-    var differenceInMinutes = function differenceInMinutes(dateLeft, dateRight) {
-      return dateFns.differenceInMinutes(dateLeft, dateRight);
-    };
-    /**
-     * Finds the number of hours between to dates
-     *
-     * @param dateLeft - the later date
-     * @param dateRight - the earlier date
-     * @returns {number} the number of hours
-     */
-
-    var differenceInHours = function differenceInHours(dateLeft, dateRight) {
-      return dateFns.differenceInHours(dateLeft, dateRight);
-    };
-
-    /* *
-     * 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)
-     * */
-
-    var index = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        isoStringToDate: isoStringToDate,
-        stringToDate: stringToDate,
-        setUTCDate: setUTCDate,
-        dateToString: dateToString,
-        isBetween: isBetween,
-        createDate: createDate,
-        add: add,
-        sub: sub,
-        differenceInMinutes: differenceInMinutes,
-        differenceInHours: differenceInHours
-    });
-
-    exports.AlertBanner = AlertBanner;
-    exports.AlertIcon = AlertIcon;
-    exports.AppHeader = AppHeader;
-    exports.AppLayout = AppLayout;
-    exports.Avatar = Avatar;
-    exports.ConfirmationDialog = ConfirmationDialog;
-    exports.ConfirmationServiceProvider = ConfirmationServiceProvider;
-    exports.CustomAccordion = CustomAccordion;
-    exports.CustomDialog = CustomDialog;
-    exports.CustomIconButton = CustomIconButton;
-    exports.CustomSlider = CustomSlider;
-    exports.CustomToggleButton = CustomToggleButton;
-    exports.CustomTooltip = CustomTooltip;
-    exports.DEFAULT_ERROR_MESSAGE = DEFAULT_ERROR_MESSAGE;
-    exports.Draggable = DraggableComponent$1;
-    exports.ErrorBoundary = ErrorBoundary;
-    exports.Resizable = ResizeComponent;
-    exports.SearchHighlight = SearchHighlight;
-    exports.StatusTag = StatusTag;
-    exports.ToggleMenu = ToggleMenu;
-    exports.ToolContainer = ToolContainer;
-    exports.ToolContainerDraggable = DraggableComponent;
-    exports.ToolFooter = ToolFooter;
-    exports.ToolHeader = ToolHeader;
-    exports.TooltipSelect = TooltipSelect;
-    exports.UserMenu = UserMenu;
-    exports.UserMenuItemCheatSheet = UserMenuItemCheatSheet;
-    exports.UserMenuItemTheme = MenuItemTheme;
-    exports.adjustPosition = adjustPosition;
-    exports.calculateDialogSizeAndPosition = calculateDialogSizeAndPosition;
-    exports.dateUtils = index;
-    exports.defaultDelay = defaultDelay;
-    exports.getAxiosErrorMessage = getAxiosErrorMessage;
-    exports.getAxiosWarningMessage = getAxiosWarningMessage;
-    exports.getErrorMessage = getErrorMessage;
-    exports.getInitials = getInitials;
-    exports.getPosition = getPosition;
-    exports.getWarningMessage = getWarningMessage;
-    exports.isAxiosError = isAxiosError;
-    exports.showPrompt = showPrompt;
-    exports.sliderHeaderStyle = sliderHeaderStyle;
-    exports.tooltipContainerStyles = tooltipContainerStyles;
-    exports.useConfirmationDialog = useConfirmationDialog;
-    exports.useControlledTooltip = useControlledTooltip;
-    exports.useDialogActions = useDialogActions;
-    exports.useIsMounted = useIsMounted;
-    exports.useMakeSureContainerStaysInsideWindow = useMakeSureContainerStaysInsideWindow;
-    exports.usePoller = usePoller;
-    exports.usePreventBrowserClose = usePreventBrowserClose;
-    exports.usePrevious = usePrevious;
-    exports.useUserMenu = useUserMenu;
-    exports.withEggs = withEggs;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));