@opengeoweb/core 8.3.0 → 8.4.0

package/index.esm.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import React__default, { forwardRef, useContext, useCallback, useEffect, createElement, PureComponent, useState, useRef, useLayoutEffect } from 'react';
+import React__default, { useState, forwardRef, useContext, useCallback, useEffect, createElement, PureComponent, useRef, useLayoutEffect } from 'react';
 import { Grid, Box as Box$2, MenuItem, Typography, useTheme as useTheme$2, Button, Popper, ListItemText, ListItemIcon, FormControl, InputLabel, Paper, List, ListItemButton, CircularProgress, ListSubheader, Dialog, DialogTitle, DialogContent, DialogContentText, TextField, InputAdornment, DialogActions, LinearProgress, Backdrop, ListItem, ListItemSecondaryAction, Checkbox, Switch, styled as styled$1, Slider, Menu, Card, IconButton, Select, CardContent, RadioGroup, FormControlLabel, Radio, ToggleButtonGroup, ToggleButton, Divider, Tooltip, ButtonGroup, Snackbar } from '@mui/material';
 import { CustomIconButton, TooltipSelect, AlertIcon, useControlledTooltip, CustomTooltip, tooltipContainerStyles, sliderHeaderStyle, CustomSlider, ToggleMenu, AlertBanner, CustomAccordion, ToolContainerDraggable, calculateStartSize, CustomToggleButton, SearchHighlight, dateUtils, useMakeSureContainerStaysInsideWindow, withEggs } from '@opengeoweb/shared';
 import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, Copy, None, FastForward, AutoUpdateActive, Both, Info, Visibility, VisibilityOff, Delete, DimensionsOther, DimensionsElevation, DimensionsRefTime, DimensionsTime, DragHandle as DragHandle$1, Cached, Add, MapAdd, Filter, Search, Clear, Edit, Close, Layers, Equalizer, Link, LinkOff, AutoUpdateInActive, Speed, Clock, Now, Animation, Options, Pause, Play, StepForward, StepBackward, dragHandlePath, ChevronDown, ChevronUp, List as List$1, ChevronRight, ChevronLeft, Resize, ExitDomain, ThemeWrapper, lightTheme } from '@opengeoweb/theme';
 import { useDispatch, useSelector, connect, Provider } from 'react-redux';
 import { uiTypes, uiSelectors, uiActions, layerTypes, layerUtils, layerActions, layerSelectors, serviceSelectors, serviceActions, mapSelectors, mapActions, mapEnums, mapConstants, layerSelectSelectors, layerSelectActions, filterLayers, getUserAddedServices, storeUtils, snackbarActions, layerSelectTypes, mapUtils, genericActions, syncConstants, defaultLayers, mapStoreActions, getSingularDrawtoolDrawLayerId, syncGroupsSelectors, syncGroupsSelector, snackbarModuleConfig, snackbarSelectors, coreModuleConfig, routerUtils, routerModuleConfig, appModuleConfig, appActions } from '@opengeoweb/store';
 import { ReactSortable } from 'react-sortablejs';
-import { webmapUtils, WMGetServiceFromStore, getCapabilities, LayerType, clearImageCache, WMLayer } from '@opengeoweb/webmap';
+import { WMGetServiceFromStore, getCapabilities, webmapUtils, LayerType, clearImageCache, WMLayer } from '@opengeoweb/webmap';
 import { jsx } from 'react/jsx-runtime';
 import Box$3 from '@mui/material/Box';
 import Typography$1 from '@mui/material/Typography';
@@ -14,13 +14,12 @@ import Grid$1 from '@mui/material/Grid';
 import { LegendLayout, MapControlButton, ZoomControls, CanvasComponent, MapView, MapViewLayer, LegendDialog, emptyGeoJSON, MapControls, publicLayers } from '@opengeoweb/webmap-react';
 import _, { isEqual as isEqual$1, debounce, groupBy, throttle as throttle$1, range } from 'lodash';
 import { ReactHookFormProvider, defaultFormOptions, ReactHookFormTextField } from '@opengeoweb/form-fields';
+import { useFormContext } from 'react-hook-form';
 import moment from 'moment';
 import Draggable from 'react-draggable';
 import { flushSync } from 'react-dom';
 import axios from 'axios';
 import { useDebounce } from '@opengeoweb/api';
-import { createStore } from '@redux-eggs/redux-toolkit';
-import { getSagaExtension } from '@redux-eggs/saga-extension';
 
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -3915,93 +3914,40 @@ Sortable.mount(new AutoScrollPlugin());
 Sortable.mount(Remove, Revert);
 
 var DimensionSelect = function DimensionSelect(_ref) {
-  var layerId = _ref.layerId,
-    onLayerChangeDimension = _ref.onLayerChangeDimension,
+  var onLayerChangeDimension = _ref.onLayerChangeDimension,
     _ref$layerDimensions = _ref.layerDimensions,
     layerDimensions = _ref$layerDimensions === void 0 ? [] : _ref$layerDimensions,
-    isEnabled = _ref.isEnabled,
+    _ref$isEnabled = _ref.isEnabled,
+    isEnabled = _ref$isEnabled === void 0 ? false : _ref$isEnabled,
     icon = _ref.icon,
     nameMappings = _ref.nameMappings,
     valueMappings = _ref.valueMappings,
     _ref$tooltipPrefix = _ref.tooltipPrefix,
-    tooltipPrefix = _ref$tooltipPrefix === void 0 ? 'Dimensions: ' : _ref$tooltipPrefix;
-  var _React$useState = React.useState(layerDimensions.length ? layerDimensions[0].name : ''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    activeDimName = _React$useState2[0],
-    setActiveDimName = _React$useState2[1];
-  React.useEffect(function () {
-    var activeDim = layerDimensions.find(function (d) {
-      return d.name === activeDimName;
-    });
-    if (!activeDim) {
-      setActiveDimName(layerDimensions.length ? layerDimensions[0].name : '');
-    }
-  }, [layerDimensions, activeDimName]);
-  React.useEffect(function () {
-    var activeDim = layerDimensions.find(function (d) {
-      return d.name === activeDimName;
-    });
-    if (activeDim) {
-      onLayerChangeDimension(activeDim.name, activeDim.currentValue);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  if (!layerDimensions.length || !layerId) {
-    return null;
-  }
-  var getValuesToDisplay = function getValuesToDisplay() {
-    var activeWMJSDim = webmapUtils.getWMJSDimensionForLayerAndDimension(layerId, activeDimName) || webmapUtils.getWMJSDimensionForLayerAndDimension(layerId, layerDimensions[0].name);
-    if (!activeWMJSDim) {
-      return null;
-    }
-    var availableDimValues = [];
-    for (var j = 0; j < activeWMJSDim.size(); j += 1) {
-      availableDimValues.push(activeWMJSDim.getValueForIndex(j));
-    }
-    availableDimValues.reverse();
-    // Only display last 100 values, to avoid performance issues
-    // TODO: (2020-06-29 Tineke van Rijn) replace this with lazy loading
-    return availableDimValues.slice(0, 100);
-  };
-  var valuesToDisplay = getValuesToDisplay();
-  if (valuesToDisplay === null) {
-    return null;
-  }
-  var activeDim = layerDimensions.find(function (dim) {
-    return dim.name === activeDimName;
-  });
-  if (!activeDim) {
-    return null;
-  }
-  var selectDimensionValue = function selectDimensionValue(event) {
-    event.stopPropagation();
-    if (activeDim) {
-      onLayerChangeDimension(activeDim.name, event.target.value, layerTypes.LayerActionOrigin.layerManager);
-    }
-  };
-  var onChangeActiveDimensionName = function onChangeActiveDimensionName(event) {
-    event.stopPropagation();
-    setActiveDimName(event.target.value);
-  };
-  var dimNameList = layerDimensions.map(function (dimension) {
-    return {
-      value: dimension.name
-    };
-  });
-  var dimNameCurrentIndex = layerDimensions.findIndex(function (value) {
-    return value.name === activeDim.name;
-  });
-  var dimValueList = valuesToDisplay.map(function (value) {
-    return {
-      value: value
-    };
+    tooltipPrefix = _ref$tooltipPrefix === void 0 ? 'Dimensions: ' : _ref$tooltipPrefix,
+    SingleValueComponent = _ref.SingleValueComponent;
+  var _a, _b;
+  var _useState = useState((_a = layerDimensions === null || layerDimensions === void 0 ? void 0 : layerDimensions[0]) === null || _a === void 0 ? void 0 : _a.name),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedDimensionName = _useState2[0],
+    setSelectedDimensionName = _useState2[1];
+  var selectedDimension = layerDimensions.find(function (dimension) {
+    return dimension.name === selectedDimensionName;
   });
-  var dimValueCurrentIndex = valuesToDisplay.findIndex(function (value) {
-    return value === activeDim.currentValue;
+  var dimensionNames = layerDimensions.map(function (dimension) {
+    return dimension.name;
   });
-  if (dimValueCurrentIndex === -1) {
+  var selectedDimensionDoesntExist = !dimensionNames.includes(selectedDimensionName);
+  React.useEffect(function () {
+    var _a, _b;
+    if (selectedDimensionDoesntExist) {
+      setSelectedDimensionName((_b = (_a = layerDimensions === null || layerDimensions === void 0 ? void 0 : layerDimensions[0]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '');
+    }
+  }, [layerDimensions, selectedDimensionDoesntExist]);
+  if (selectedDimensionDoesntExist) {
     return null;
   }
+  var collapseDimensionDropdown = SingleValueComponent && layerDimensions.length === 1;
+  var collapseValueDropdown = SingleValueComponent && ((_b = selectedDimension === null || selectedDimension === void 0 ? void 0 : selectedDimension.values) === null || _b === void 0 ? void 0 : _b.length) === 1;
   return /*#__PURE__*/React.createElement(Grid, {
     container: true,
     direction: "row",
@@ -4010,21 +3956,63 @@ var DimensionSelect = function DimensionSelect(_ref) {
   }, /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/React.createElement(TooltipSelect, {
+  }, collapseDimensionDropdown ? /*#__PURE__*/React.createElement(SingleValueComponent, Object.assign({}, layerDimensions[0], {
+    nameMappings: nameMappings,
+    valueMappings: valueMappings,
+    position: "dimension"
+  })) : /*#__PURE__*/React.createElement(SelectDimension, {
+    selectedDimensionName: selectedDimensionName,
+    setSelectedDimensionName: setSelectedDimensionName,
+    dimensionNames: dimensionNames,
+    tooltipPrefix: tooltipPrefix,
+    isEnabled: isEnabled,
+    icon: icon,
+    nameMappings: nameMappings
+  }), collapseValueDropdown ? /*#__PURE__*/React.createElement(SingleValueComponent, Object.assign({}, layerDimensions[0], {
+    nameMappings: nameMappings,
+    valueMappings: valueMappings,
+    position: "value"
+  })) : /*#__PURE__*/React.createElement(SelectDimensionValue, {
+    selectedDimension: selectedDimension,
+    onLayerChangeDimension: onLayerChangeDimension,
+    tooltipPrefix: tooltipPrefix,
+    isEnabled: isEnabled,
+    icon: icon,
+    valueMappings: valueMappings
+  })));
+};
+var SelectDimension = function SelectDimension(_ref2) {
+  var selectedDimensionName = _ref2.selectedDimensionName,
+    setSelectedDimensionName = _ref2.setSelectedDimensionName,
+    icon = _ref2.icon,
+    nameMappings = _ref2.nameMappings,
+    tooltipPrefix = _ref2.tooltipPrefix,
+    isEnabled = _ref2.isEnabled,
+    dimensionNames = _ref2.dimensionNames;
+  return /*#__PURE__*/React.createElement(TooltipSelect, {
     disableUnderline: true,
-    tooltip: "".concat(tooltipPrefix).concat(activeDimName),
+    tooltip: "".concat(tooltipPrefix).concat(selectedDimensionName),
     inputProps: {
       SelectDisplayProps: {
         'data-testid': 'selectDimension'
       }
     },
     isEnabled: isEnabled,
-    value: activeDimName,
-    list: dimNameList,
-    currentIndex: dimNameCurrentIndex,
-    onChange: onChangeActiveDimensionName,
-    onChangeMouseWheel: function onChangeMouseWheel(e) {
-      return setActiveDimName(e.value);
+    value: selectedDimensionName,
+    list: dimensionNames.map(function (name) {
+      return {
+        value: name
+      };
+    }),
+    currentIndex: dimensionNames.findIndex(function (name) {
+      return name === selectedDimensionName;
+    }),
+    onChange: function onChange(event) {
+      event.stopPropagation();
+      setSelectedDimensionName(event.target.value);
+    },
+    onChangeMouseWheel: function onChangeMouseWheel(event) {
+      setSelectedDimensionName(event.value);
     },
     style: {
       maxWidth: '50%'
@@ -4032,14 +4020,31 @@ var DimensionSelect = function DimensionSelect(_ref) {
     IconComponent: icon
   }, /*#__PURE__*/React.createElement(MenuItem, {
     disabled: true
-  }, "Dimension"), layerDimensions.map(function (dimension) {
+  }, "Dimension"), dimensionNames.map(function (name) {
     return /*#__PURE__*/React.createElement(MenuItem, {
-      key: dimension.name,
-      value: dimension.name
-    }, nameMappings && dimension.name && nameMappings[dimension.name] || dimension.name);
-  })), /*#__PURE__*/React.createElement(TooltipSelect, {
+      key: name,
+      value: name
+    }, (nameMappings === null || nameMappings === void 0 ? void 0 : nameMappings[name]) || name);
+  }));
+};
+var SelectDimensionValue = function SelectDimensionValue(_ref3) {
+  var isEnabled = _ref3.isEnabled,
+    tooltipPrefix = _ref3.tooltipPrefix,
+    selectedDimension = _ref3.selectedDimension,
+    icon = _ref3.icon,
+    onLayerChangeDimension = _ref3.onLayerChangeDimension,
+    valueMappings = _ref3.valueMappings;
+  var _a;
+  var dimensionValues = (_a = selectedDimension === null || selectedDimension === void 0 ? void 0 : selectedDimension.values) === null || _a === void 0 ? void 0 : _a.split(',').slice(0, 100).reverse();
+  if (!(selectedDimension === null || selectedDimension === void 0 ? void 0 : selectedDimension.name) || !(dimensionValues === null || dimensionValues === void 0 ? void 0 : dimensionValues.length)) {
+    return null;
+  }
+  var setDimensionValue = function setDimensionValue(dimensionValue) {
+    onLayerChangeDimension(selectedDimension.name, dimensionValue, layerTypes.LayerActionOrigin.layerManager);
+  };
+  return /*#__PURE__*/React.createElement(TooltipSelect, {
     disableUnderline: true,
-    tooltip: "".concat(tooltipPrefix).concat(activeDimName, " ").concat(activeDim.currentValue, " ").concat(activeDim.units),
+    tooltip: "".concat(tooltipPrefix).concat(selectedDimension.name, " ").concat(selectedDimension.currentValue, " ").concat(selectedDimension.units),
     inputProps: {
       SelectDisplayProps: {
         'data-testid': 'selectDimensionValue'
@@ -4047,12 +4052,21 @@ var DimensionSelect = function DimensionSelect(_ref) {
       'data-testid': 'selectDimensionValue-input'
     },
     isEnabled: isEnabled,
-    value: activeDim && activeDim.currentValue,
-    list: dimValueList,
-    currentIndex: dimValueCurrentIndex,
-    onChange: selectDimensionValue,
-    onChangeMouseWheel: function onChangeMouseWheel(e) {
-      return onLayerChangeDimension(activeDim.name, e.value, layerTypes.LayerActionOrigin.layerManager);
+    value: selectedDimension.currentValue,
+    list: dimensionValues.map(function (dimensionValue) {
+      return {
+        value: dimensionValue
+      };
+    }),
+    currentIndex: dimensionValues.findIndex(function (dimensionValue) {
+      return dimensionValue === selectedDimension.currentValue;
+    }),
+    onChange: function onChange(event) {
+      event.stopPropagation();
+      setDimensionValue(event.target.value);
+    },
+    onChangeMouseWheel: function onChangeMouseWheel(event) {
+      setDimensionValue(event.value);
     },
     style: {
       maxWidth: '50%'
@@ -4060,12 +4074,13 @@ var DimensionSelect = function DimensionSelect(_ref) {
     IconComponent: icon
   }, /*#__PURE__*/React.createElement(MenuItem, {
     disabled: true
-  }, "Dimension value (", valuesToDisplay.length, " options)"), valuesToDisplay.map(function (dimValue) {
+  }, "Dimension value (", dimensionValues.length, " options)"), dimensionValues.map(function (dimensionValue) {
+    var _a;
     return /*#__PURE__*/React.createElement(MenuItem, {
-      key: dimValue,
-      value: dimValue
-    }, valueMappings && activeDim.name && valueMappings[activeDim.name] && valueMappings[activeDim.name](dimValue) || /*#__PURE__*/React.createElement(React.Fragment, null, "".concat(dimValue), "\xA0", /*#__PURE__*/React.createElement("i", null, "".concat(activeDim.units))));
-  }))));
+      key: dimensionValue,
+      value: dimensionValue
+    }, ((_a = valueMappings === null || valueMappings === void 0 ? void 0 : valueMappings[selectedDimension.name]) === null || _a === void 0 ? void 0 : _a.call(valueMappings, dimensionValue)) || /*#__PURE__*/React.createElement(React.Fragment, null, "".concat(dimensionValue), "\xA0", /*#__PURE__*/React.createElement("i", null, "".concat(selectedDimension.units))));
+  }));
 };
 
 var getRenderLayersValues = function getRenderLayersValues(layerName, layers) {
@@ -4403,7 +4418,11 @@ var RenderStyles = function RenderStyles(_ref) {
   if (layerStyles && layerStyles.length > 0) {
     styles.push.apply(styles, _toConsumableArray(layerStyles));
   }
-  var currentStyle = currentLayerStyle !== '' ? currentLayerStyle : styles[0].name;
+  var layerStyleNames = layerStyles.map(function (style) {
+    return style.name;
+  });
+  var layerStyleExists = layerStyleNames.includes(currentLayerStyle);
+  var currentStyle = layerStyleExists ? currentLayerStyle : styles[0].name;
   var selectStyle = function selectStyle(event) {
     event.stopPropagation();
     onChangeLayerStyle(event.target.value);
@@ -5027,7 +5046,6 @@ var LayerRow = function LayerRow(_ref7) {
     item: true,
     className: columnClasses.column5
   }, layerDimensionLayout || /*#__PURE__*/React__default.createElement(DimensionSelect, {
-    layerId: layerId,
     layerDimensions: layerUtils.filterNonTimeDimensions(layer.dimensions),
     onLayerChangeDimension: function onLayerChangeDimension(dimensionName, dimensionValue) {
       var dimension = {
@@ -5347,8 +5365,10 @@ var DimensionSelectConnect = function DimensionSelectConnect(_ref2) {
     layerDimensions = _useLayerDimensions.layerDimensions,
     isLayerEnabled = _useLayerDimensions.isLayerEnabled,
     layerChangeDimension = _useLayerDimensions.layerChangeDimension;
+  if (!layerDimensions.length || !layerId) {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(DimensionSelect, {
-    layerId: layerId,
     layerDimensions: layerDimensions,
     onLayerChangeDimension: function onLayerChangeDimension(dimensionName, dimensionValue, origin) {
       var dimension = {
@@ -9016,7 +9036,7 @@ tags.forEach(function (tagName) {
 });
 
 /**
- * @mui/styled-engine v5.14.10
+ * @mui/styled-engine v5.14.14
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -10593,25 +10613,14 @@ var CustomDimensionSelectConnect = function CustomDimensionSelectConnect(_a) {
     layerDimensions = _useLayerDimensions.layerDimensions,
     isLayerEnabled = _useLayerDimensions.isLayerEnabled,
     layerChangeDimension = _useLayerDimensions.layerChangeDimension;
-  var filteredDimensions = dimensionsToShow ? layerDimensions.filter(function (dimension) {
-    var _a;
-    return dimensionsToShow.includes((_a = dimension.name) !== null && _a !== void 0 ? _a : '');
-  }) : layerDimensions;
-  if (dimensionsToShow) {
-    // also sort according to the filter array
-    filteredDimensions.sort(function (a, b) {
-      return dimensionsToShow.indexOf(a.name) - dimensionsToShow.indexOf(b.name);
+  var filteredDimensions = dimensionsToShow ? dimensionsToShow.map(function (dimensionName) {
+    return layerDimensions.find(function (dimension) {
+      return dimension.name === dimensionName;
     });
-  }
-  var singleValue = filteredDimensions.length === 1 && SingleValueComponent;
-  if (singleValue) {
-    return /*#__PURE__*/React.createElement(SingleValueComponent, Object.assign({
-      value: filteredDimensions[0].currentValue
-    }, props));
-  }
+  }).filter(Boolean) : layerDimensions;
   return /*#__PURE__*/React.createElement(DimensionSelect, Object.assign({
-    layerId: layerId,
     layerDimensions: filteredDimensions,
+    SingleValueComponent: SingleValueComponent,
     onLayerChangeDimension: function onLayerChangeDimension(dimensionName, dimensionValue, origin) {
       var dimension = {
         name: dimensionName,
@@ -15363,39 +15372,6 @@ var LayerInfoDialogConnect = function LayerInfoDialogConnect() {
   });
 };
 
-const HookFormContext = React__default.createContext(null);
-/**
- * This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}.
- *
- * @remarks
- * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)
- *
- * @returns return all useForm methods
- *
- * @example
- * ```tsx
- * function App() {
- *   const methods = useForm();
- *   const onSubmit = data => console.log(data);
- *
- *   return (
- *     <FormProvider {...methods} >
- *       <form onSubmit={methods.handleSubmit(onSubmit)}>
- *         <NestedInput />
- *         <input type="submit" />
- *       </form>
- *     </FormProvider>
- *   );
- * }
- *
- *  function NestedInput() {
- *   const { register } = useFormContext(); // retrieve all hook methods
- *   return <input {...register("test")} />;
- * }
- * ```
- */
-const useFormContext = () => React__default.useContext(HookFormContext);
-
 var style = {
   textField: {
     width: '100%',
@@ -22110,7 +22086,7 @@ var getLayersToUpdate = function getLayersToUpdate(layers, mapId) {
   });
 };
 
-/*! @license DOMPurify 3.0.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.5/LICENSE */
+/*! @license DOMPurify 3.0.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.6/LICENSE */
 
 const {
   entries,
@@ -22130,12 +22106,6 @@ let {
   construct
 } = typeof Reflect !== 'undefined' && Reflect;
 
-if (!apply) {
-  apply = function apply(fun, thisValue, args) {
-    return fun.apply(thisValue, args);
-  };
-}
-
 if (!freeze) {
   freeze = function freeze(x) {
     return x;
@@ -22148,6 +22118,12 @@ if (!seal) {
   };
 }
 
+if (!apply) {
+  apply = function apply(fun, thisValue, args) {
+    return fun.apply(thisValue, args);
+  };
+}
+
 if (!construct) {
   construct = function construct(Func, args) {
     return new Func(...args);
@@ -22165,6 +22141,13 @@ const stringIndexOf = unapply(String.prototype.indexOf);
 const stringTrim = unapply(String.prototype.trim);
 const regExpTest = unapply(RegExp.prototype.test);
 const typeErrorCreate = unconstruct(TypeError);
+/**
+ * Creates a new function that calls the given function with a specified thisArg and arguments.
+ *
+ * @param {Function} func - The function to be wrapped and called.
+ * @returns {Function} A new function that calls the given function with a specified thisArg and arguments.
+ */
+
 function unapply(func) {
   return function (thisArg) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -22174,6 +22157,14 @@ function unapply(func) {
     return apply(func, thisArg, args);
   };
 }
+/**
+ * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
+ *
+ * @param {Function} func - The constructor function to be wrapped and called.
+ * @returns {Function} A new function that constructs an instance of the given constructor function with the provided arguments.
+ */
+
+
 function unconstruct(func) {
   return function () {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -22183,12 +22174,18 @@ function unconstruct(func) {
     return construct(func, args);
   };
 }
-/* Add properties to a lookup table */
+/**
+ * Add properties to a lookup table
+ *
+ * @param {Object} set - The set to which elements will be added.
+ * @param {Array} array - The array containing elements to be added to the set.
+ * @param {Function} transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+ * @returns {Object} The modified set with added elements.
+ */
 
-function addToSet(set, array, transformCaseFunc) {
-  var _transformCaseFunc;
 
-  transformCaseFunc = (_transformCaseFunc = transformCaseFunc) !== null && _transformCaseFunc !== void 0 ? _transformCaseFunc : stringToLowerCase;
+function addToSet(set, array) {
+  let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
 
   if (setPrototypeOf) {
     // Make 'in' and truthy checks like Boolean(set.constructor)
@@ -22220,19 +22217,32 @@ function addToSet(set, array, transformCaseFunc) {
 
   return set;
 }
-/* Shallow clone an object */
+/**
+ * Shallow clone an object
+ *
+ * @param {Object} object - The object to be cloned.
+ * @returns {Object} A new object that copies the original.
+ */
+
 
 function clone(object) {
   const newObject = create(null);
 
   for (const [property, value] of entries(object)) {
-    newObject[property] = value;
+    if (getOwnPropertyDescriptor(object, property) !== undefined) {
+      newObject[property] = value;
+    }
   }
 
   return newObject;
 }
-/* This method automatically checks if the prop is function
- * or getter and behaves accordingly. */
+/**
+ * This method automatically checks if the prop is function or getter and behaves accordingly.
+ *
+ * @param {Object} object - The object to look up the getter function in its prototype chain.
+ * @param {String} prop - The property name for which to find the getter function.
+ * @returns {Function} The getter function found in the prototype chain or a fallback function.
+ */
 
 function lookupGetter(object, prop) {
   while (object !== null) {
@@ -22307,7 +22317,9 @@ var EXPRESSIONS = /*#__PURE__*/Object.freeze({
   DOCTYPE_NAME: DOCTYPE_NAME
 });
 
-const getGlobal = () => typeof window === 'undefined' ? null : window;
+const getGlobal = function getGlobal() {
+  return typeof window === 'undefined' ? null : window;
+};
 /**
  * Creates a no-op policy for internal use only.
  * Don't export this function outside this module!
@@ -22365,7 +22377,7 @@ function createDOMPurify() {
    */
 
 
-  DOMPurify.version = '3.0.5';
+  DOMPurify.version = '3.0.6';
   /**
    * Array of elements that DOMPurify removed during sanitation.
    * Empty if nothing was removed.
@@ -22380,11 +22392,11 @@ function createDOMPurify() {
     return DOMPurify;
   }
 
-  const originalDocument = window.document;
-  const currentScript = originalDocument.currentScript;
   let {
     document
   } = window;
+  const originalDocument = document;
+  const currentScript = originalDocument.currentScript;
   const {
     DocumentFragment,
     HTMLTemplateElement,
@@ -22464,7 +22476,7 @@ function createDOMPurify() {
    * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
    */
 
-  let CUSTOM_ELEMENT_HANDLING = Object.seal(Object.create(null, {
+  let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
     tagNameCheck: {
       writable: true,
       configurable: false,
@@ -22588,10 +22600,10 @@ function createDOMPurify() {
   const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
   /* Parsing of strict XHTML documents */
 
-  let PARSER_MEDIA_TYPE;
+  let PARSER_MEDIA_TYPE = null;
   const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
   const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
-  let transformCaseFunc;
+  let transformCaseFunc = null;
   /* Keep a reference to config to pass to hooks */
 
   let CONFIG = null;
@@ -22612,7 +22624,9 @@ function createDOMPurify() {
   // eslint-disable-next-line complexity
 
 
-  const _parseConfig = function _parseConfig(cfg) {
+  const _parseConfig = function _parseConfig() {
+    let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
     if (CONFIG && CONFIG === cfg) {
       return;
     }
@@ -22831,8 +22845,6 @@ function createDOMPurify() {
   const ALL_MATHML_TAGS = addToSet({}, mathMl$1);
   addToSet(ALL_MATHML_TAGS, mathMlDisallowed);
   /**
-   *
-   *
    * @param  {Element} element a DOM element whose namespace is being checked
    * @returns {boolean} Return false if the element has a
    *  namespace that a spec-compliant parser would never
@@ -22988,8 +23000,8 @@ function createDOMPurify() {
 
   const _initDocument = function _initDocument(dirty) {
     /* Create a HTML document */
-    let doc;
-    let leadingWhitespace;
+    let doc = null;
+    let leadingWhitespace = null;
 
     if (FORCE_BODY) {
       dirty = '<remove></remove>' + dirty;
@@ -23042,16 +23054,16 @@ function createDOMPurify() {
     return WHOLE_DOCUMENT ? doc.documentElement : body;
   };
   /**
-   * _createIterator
+   * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
    *
-   * @param  {Document} root document/fragment to create iterator for
-   * @return {Iterator} iterator instance
+   * @param  {Node} root The root element or node to start traversing on.
+   * @return {NodeIterator} The created NodeIterator
    */
 
 
-  const _createIterator = function _createIterator(root) {
+  const _createNodeIterator = function _createNodeIterator(root) {
     return createNodeIterator.call(root.ownerDocument || root, root, // eslint-disable-next-line no-bitwise
-    NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, null, false);
+    NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, null);
   };
   /**
    * _isClobbered
@@ -23065,15 +23077,15 @@ function createDOMPurify() {
     return elm instanceof HTMLFormElement && (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function' || typeof elm.hasChildNodes !== 'function');
   };
   /**
-   * _isNode
+   * Checks whether the given object is a DOM node.
    *
-   * @param  {Node} obj object to check whether it's a DOM node
+   * @param  {Node} object object to check whether it's a DOM node
    * @return {Boolean} true is object is a DOM node
    */
 
 
   const _isNode = function _isNode(object) {
-    return typeof Node === 'object' ? object instanceof Node : object && typeof object === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string';
+    return typeof Node === 'function' && object instanceof Node;
   };
   /**
    * _executeHook
@@ -23107,7 +23119,7 @@ function createDOMPurify() {
 
 
   const _sanitizeElements = function _sanitizeElements(currentNode) {
-    let content;
+    let content = null;
     /* Execute a hook if present */
 
     _executeHook('beforeSanitizeElements', currentNode, null);
@@ -23132,7 +23144,7 @@ function createDOMPurify() {
     /* Detect mXSS attempts abusing namespace confusion */
 
 
-    if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && (!_isNode(currentNode.content) || !_isNode(currentNode.content.firstElementChild)) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
+    if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
       _forceRemove(currentNode);
 
       return true;
@@ -23142,9 +23154,14 @@ function createDOMPurify() {
 
     if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
       /* Check if we have a custom element to handle */
-      if (!FORBID_TAGS[tagName] && _basicCustomElementTest(tagName)) {
-        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) return false;
-        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) return false;
+      if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+          return false;
+        }
+
+        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+          return false;
+        }
       }
       /* Keep content except for bad-listed elements */
 
@@ -23188,9 +23205,9 @@ function createDOMPurify() {
     if (SAFE_FOR_TEMPLATES && currentNode.nodeType === 3) {
       /* Get the element's text content */
       content = currentNode.textContent;
-      content = stringReplace(content, MUSTACHE_EXPR, ' ');
-      content = stringReplace(content, ERB_EXPR, ' ');
-      content = stringReplace(content, TMPLIT_EXPR, ' ');
+      arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+        content = stringReplace(content, expr, ' ');
+      });
 
       if (currentNode.textContent !== content) {
         arrayPush(DOMPurify.removed, {
@@ -23232,7 +23249,7 @@ function createDOMPurify() {
       if ( // First condition does a very basic check if a) it's basically a valid custom element tagname AND
       // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
       // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-      _basicCustomElementTest(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+      _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) || // Alternative, second condition checks if it's an `is`-attribute, AND
       // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
       lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
         return false;
@@ -23246,14 +23263,16 @@ function createDOMPurify() {
     return true;
   };
   /**
-   * _basicCustomElementCheck
+   * _isBasicCustomElement
    * checks if at least one dash is included in tagName, and it's not the first char
    * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+   *
    * @param {string} tagName name of the tag of the node to sanitize
+   * @returns {boolean} Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
    */
 
 
-  const _basicCustomElementTest = function _basicCustomElementTest(tagName) {
+  const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
     return tagName.indexOf('-') > 0;
   };
   /**
@@ -23269,12 +23288,7 @@ function createDOMPurify() {
 
 
   const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
-    let attr;
-    let value;
-    let lcName;
-    let l;
     /* Execute a hook if present */
-
     _executeHook('beforeSanitizeAttributes', currentNode, null);
 
     const {
@@ -23292,17 +23306,18 @@ function createDOMPurify() {
       keepAttr: true,
       allowedAttributes: ALLOWED_ATTR
     };
-    l = attributes.length;
+    let l = attributes.length;
     /* Go backwards over all attributes; safely remove bad ones */
 
     while (l--) {
-      attr = attributes[l];
+      const attr = attributes[l];
       const {
         name,
-        namespaceURI
+        namespaceURI,
+        value: attrValue
       } = attr;
-      value = name === 'value' ? attr.value : stringTrim(attr.value);
-      lcName = transformCaseFunc(name);
+      const lcName = transformCaseFunc(name);
+      let value = name === 'value' ? attrValue : stringTrim(attrValue);
       /* Execute a hook if present */
 
       hookEvent.attrName = lcName;
@@ -23340,9 +23355,9 @@ function createDOMPurify() {
 
 
       if (SAFE_FOR_TEMPLATES) {
-        value = stringReplace(value, MUSTACHE_EXPR, ' ');
-        value = stringReplace(value, ERB_EXPR, ' ');
-        value = stringReplace(value, TMPLIT_EXPR, ' ');
+        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+          value = stringReplace(value, expr, ' ');
+        });
       }
       /* Is `value` valid for this attribute? */
 
@@ -23411,9 +23426,9 @@ function createDOMPurify() {
 
 
   const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
-    let shadowNode;
+    let shadowNode = null;
 
-    const shadowIterator = _createIterator(fragment);
+    const shadowIterator = _createNodeIterator(fragment);
     /* Execute a hook if present */
 
 
@@ -23449,17 +23464,17 @@ function createDOMPurify() {
    * Public method providing core sanitation functionality
    *
    * @param {String|Node} dirty string or DOM node
-   * @param {Object} configuration object
+   * @param {Object} cfg object
    */
   // eslint-disable-next-line complexity
 
 
   DOMPurify.sanitize = function (dirty) {
     let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    let body;
-    let importedNode;
-    let currentNode;
-    let returnNode;
+    let body = null;
+    let importedNode = null;
+    let currentNode = null;
+    let returnNode = null;
     /* Make sure we have a string to sanitize.
       DO NOT return early, as this will return the wrong type if
       the user has requested a DOM object rather than a string */
@@ -23554,7 +23569,7 @@ function createDOMPurify() {
     /* Get node iterator */
 
 
-    const nodeIterator = _createIterator(IN_PLACE ? dirty : body);
+    const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
     /* Now start iterating over the created document */
 
 
@@ -23619,9 +23634,9 @@ function createDOMPurify() {
 
 
     if (SAFE_FOR_TEMPLATES) {
-      serializedHTML = stringReplace(serializedHTML, MUSTACHE_EXPR, ' ');
-      serializedHTML = stringReplace(serializedHTML, ERB_EXPR, ' ');
-      serializedHTML = stringReplace(serializedHTML, TMPLIT_EXPR, ' ');
+      arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+        serializedHTML = stringReplace(serializedHTML, expr, ' ');
+      });
     }
 
     return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
@@ -23634,7 +23649,9 @@ function createDOMPurify() {
    */
 
 
-  DOMPurify.setConfig = function (cfg) {
+  DOMPurify.setConfig = function () {
+    let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
     _parseConfig(cfg);
 
     SET_CONFIG = true;
@@ -23655,9 +23672,9 @@ function createDOMPurify() {
    * Uses last set config, if any. Otherwise, uses config defaults.
    * isValidAttribute
    *
-   * @param  {string} tag Tag name of containing element.
-   * @param  {string} attr Attribute name.
-   * @param  {string} value Attribute value.
+   * @param  {String} tag Tag name of containing element.
+   * @param  {String} attr Attribute name.
+   * @param  {String} value Attribute value.
    * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false.
    */
 
@@ -23720,7 +23737,6 @@ function createDOMPurify() {
   /**
    * RemoveAllHooks
    * Public method to remove all DOMPurify hooks
-   *
    */
 
 
@@ -24960,26 +24976,6 @@ var SyncGroupViewerConnect = function SyncGroupViewerConnect() {
   });
 };
 
-/* *
- * 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 store = createStore({
-  extensions: [getSagaExtension()]
-});
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -27380,7 +27376,7 @@ var CoreThemeStoreProvider = function CoreThemeStoreProvider(_ref3) {
 };
 
 /**
- * @remix-run/router v1.9.0
+ * @remix-run/router v1.10.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -27620,7 +27616,7 @@ const validMutationMethodsArr = ["post", "put", "patch", "delete"];
 ["get", ...validMutationMethodsArr];
 
 /**
- * React Router v6.16.0
+ * React Router v6.17.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -27664,7 +27660,7 @@ if (process.env.NODE_ENV !== "production") {
  * A Navigator is a "location changer"; it's how you get to different locations.
  *
  * Every history instance conforms to the Navigator interface, but the
- * distinction is useful primarily when it comes to the low-level <Router> API
+ * distinction is useful primarily when it comes to the low-level `<Router>` API
  * where both the location and a navigator must be provided separately in order
  * to avoid "tearing" that may occur in a suspense-enabled app if the action
  * and/or location were to be read directly from the history instance.
@@ -27692,7 +27688,7 @@ if (process.env.NODE_ENV !== "production") {
 }
 
 /**
- * Returns true if this component is a descendant of a <Router>.
+ * Returns true if this component is a descendant of a `<Router>`.
  *
  * @see https://reactrouter.com/hooks/use-in-router-context
  */
@@ -27735,7 +27731,7 @@ function useIsomorphicLayoutEffect(cb) {
 }
 
 /**
- * Returns an imperative method for changing the location. Used by <Link>s, but
+ * Returns an imperative method for changing the location. Used by `<Link>`s, but
  * may also be used by other elements to change the location.
  *
  * @see https://reactrouter.com/hooks/use-navigate
@@ -27943,4 +27939,4 @@ var AppWrapperConnect = withEggs([appModuleConfig])(function (_ref) {
   return children;
 });
 
-export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, LegendConnect, LegendMapButtonConnect, MapViewConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnectMemo as TimeSliderButtonsConnect, TimeSliderConnect, TimeSliderLite, TimeSliderLiteConnect, TimeSliderLiteOptionsMenu, timeSliderLiteUtils as TimeSliderLiteUtils, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, componentsLookUp, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, store, testLayers, timeSliderUtils, useFetchServices, useSetupDialog };
+export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, LegendConnect, LegendMapButtonConnect, MapViewConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnectMemo as TimeSliderButtonsConnect, TimeSliderConnect, TimeSliderLite, TimeSliderLiteConnect, TimeSliderLiteOptionsMenu, timeSliderLiteUtils as TimeSliderLiteUtils, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, componentsLookUp, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, testLayers, timeSliderUtils, useFetchServices, useSetupDialog };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "8.3.0",
+  "version": "8.4.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,31 +13,31 @@
   "dependencies": {},
   "peerDependencies": {
     "@mui/material": "5.12.0",
-    "@mui/system": "5.14.10",
-    "@opengeoweb/api": "8.3.0",
-    "@opengeoweb/form-fields": "8.3.0",
-    "@opengeoweb/shared": "8.3.0",
-    "@opengeoweb/store": "8.3.0",
-    "@opengeoweb/theme": "8.3.0",
-    "@opengeoweb/webmap": "8.3.0",
-    "@opengeoweb/webmap-react": "8.3.0",
+    "@mui/system": "5.14.14",
+    "@opengeoweb/api": "8.4.0",
+    "@opengeoweb/form-fields": "8.4.0",
+    "@opengeoweb/shared": "8.4.0",
+    "@opengeoweb/store": "8.4.0",
+    "@opengeoweb/theme": "8.4.0",
+    "@opengeoweb/webmap": "8.4.0",
+    "@opengeoweb/webmap-react": "8.4.0",
     "@redux-eggs/redux-toolkit": "2.2.0",
     "@redux-eggs/saga-extension": "2.2.0",
-    "@reduxjs/toolkit": "1.9.5",
+    "@reduxjs/toolkit": "1.9.7",
     "axios": "1.5.0",
     "date-fns": "2.30.0",
-    "dompurify": "3.0.5",
-    "i18next": "23.5.1",
+    "dompurify": "3.0.6",
+    "i18next": "23.6.0",
     "immer": "9.0.21",
     "lodash": "4.17.21",
     "moment": "2.29.4",
     "re-resizable": "6.9.11",
     "react": "18.2.0",
-    "react-draggable": "4.4.5",
-    "react-hook-form": "7.46.2",
-    "react-i18next": "13.2.2",
-    "react-redux": "8.1.2",
-    "react-router-dom": "6.16.0",
+    "react-draggable": "4.4.6",
+    "react-hook-form": "7.47.0",
+    "react-i18next": "13.3.0",
+    "react-redux": "8.1.3",
+    "react-router-dom": "6.17.0",
     "react-sortablejs": "6.1.4",
     "react-window": "1.8.9",
     "redux-saga": "1.2.3",

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/DimensionSelect/DimensionSelect.d.ts

@@ -1,11 +1,20 @@
 import * as React from 'react';
 import { mapTypes, layerTypes } from '@opengeoweb/store';
-interface DimensionSelectProps {
-    layerId: string;
+import { ElementType, FC } from 'react';
+export interface SingleValueComponentProps extends mapTypes.Dimension {
+    position: 'dimension' | 'value';
+    nameMappings?: {
+        [dimensionName: string]: string;
+    };
+    valueMappings?: {
+        [dimensionName: string]: (value: string) => string;
+    };
+}
+export interface DimensionSelectProps {
     layerDimensions?: mapTypes.Dimension[];
     onLayerChangeDimension: (dimensionName: string, dimensionValue: string, origin?: layerTypes.LayerActionOrigin.layerManager) => void;
     isEnabled?: boolean;
-    icon?: React.ElementType;
+    icon?: ElementType;
     nameMappings?: {
         [dimensionName: string]: string;
     };
@@ -13,6 +22,7 @@ interface DimensionSelectProps {
         [dimensionName: string]: (value: string) => string;
     };
     tooltipPrefix?: string;
+    SingleValueComponent?: React.FC<SingleValueComponentProps>;
 }
-declare const DimensionSelect: React.FC<DimensionSelectProps>;
+declare const DimensionSelect: FC<DimensionSelectProps>;
 export default DimensionSelect;

package/src/lib/components/LayerManager/LayerManagerUtils.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { mapTypes } from '@opengeoweb/store';
+import { SingleValueComponentProps } from './LayerContainerRow/LayerRow/DimensionSelect/DimensionSelect';
 import { Size, ToolbarButtonSettings } from './LayerManagerHeaderOptions';
 export declare const columnClasses: {
     column1: string;
@@ -223,9 +224,7 @@ export interface LayerManagerCustomSettings {
         };
         dimensions?: {
             dimensionsToShow?: string[];
-            SingleValueComponent?: React.FC<{
-                value: string;
-            }>;
+            SingleValueComponent?: React.FC<SingleValueComponentProps>;
             icon?: React.ElementType;
             tooltipPrefix?: string;
             nameMappings?: {

package/src/lib/index.d.ts

@@ -3,7 +3,6 @@ import { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect }
 export * from './components/ComponentsLookUp';
 export * from './components/ConfigurableMap';
 export { SyncGroupViewerConnect } from './components/SyncGroups/SyncGroupViewerConnect';
-export { store } from './storybookUtils/store';
 export * from './hooks';
 export * from './components/MultiMapView/MultiMapViewConnect';
 export * from './components/MultiMapView/HarmoniePresets';