@opengeoweb/time-series 14.0.1 → 14.2.1

package/index.esm.js

@@ -4,7 +4,7 @@ import React__default, { useState, useMemo, useEffect, useCallback, memo } from
 import { useDispatch, useSelector } from 'react-redux';
 import { mapUtils, selectorMemoizationOptions, genericSelectors, uiSelectors, uiTypes, uiActions, useSetupDialog, mapSelectors, mapListener, serviceListener, layersListener, syncGroupsListener, genericListener, openlayersListener, uiReducer, syncGroupsReducer, layerReducer, serviceReducer, mapReducer, loadingIndicatorActions, syncGroupsActions, genericActions, mapActions, layerActions } from '@opengeoweb/store';
 import { snackbarActions, snackbarTypes, snackbarListener, snackbarReducer } from '@opengeoweb/snackbar';
-import { dateUtils, CustomTooltip, CustomToggleButton, TooltipSelect, CustomIconButton, CustomAccordion, ToolContainerDraggable, SearchHighlight, SearchField, ToggleMenu, CustomDialog, AlertBanner, useConfirmationDialog, SwitchButton } from '@opengeoweb/shared';
+import { dateUtils, CustomTooltip, CustomToggleButton, TooltipSelect, CustomIconButton, CustomAccordion, ToolContainerDraggable, SearchHighlight, SearchField, ToggleMenu, CustomDialog, AlertBanner, useConfirmationDialog, SwitchButton, useResizeObserver } from '@opengeoweb/shared';
 import { MenuItem, useTheme, LinearProgress, Grid, Box, Typography, ClickAwayListener, Input, Collapse, ListItem, ListItemButton, ListItemText, List, Button, InputAdornment, Card, styled, Stack, Tooltip, ListItemIcon, Checkbox } from '@mui/material';
 import { isString, trim, trimStart, compact, chain, groupBy, sortBy, uniqBy, isEqual } from 'lodash';
 import { ReactSortable } from 'react-sortablejs';
@@ -42,6 +42,9 @@ var en = {
 	"timeseries-show": "Show",
 	"timeseries-hide": "Hide",
 	"timeseries-collection": "Collection",
+	"timeseries-collection-id": "Collection ID",
+	"timeseries-collection-title": "Collection title",
+	"timeseries-collection-description": "Collection description",
 	"timeseries-parameter": "Parameter",
 	"timeseries-parameter-info": "Timeseries parameter info",
 	"timeseries-style": "Style",
@@ -371,6 +374,9 @@ var nl = {
 	"timeseries-show": "Tonen",
 	"timeseries-hide": "Verbergen",
 	"timeseries-collection": "Collectie",
+	"timeseries-collection-id": "Collectie ID",
+	"timeseries-collection-title": "Collectie titel",
+	"timeseries-collection-description": "Collectie beschrijving",
 	"timeseries-parameter": "Parameter",
 	"timeseries-parameter-info": "Tijdreeksen parameter info",
 	"timeseries-style": "Stijl",
@@ -1009,15 +1015,20 @@ var constructParameterObject = function constructParameterObject(serviceId, coll
   });
 };
 var getCollectionDetails = function getCollectionDetails(service, collection, instances) {
-  var _collection$extent2;
+  var _collection$extent$cu, _collection$extent2, _collection$data_quer, _collection$extent3;
   return Object.assign({
     serviceId: service.id,
     serviceName: service.name || service.id,
-    collectionId: collection.id,
+    collectionId: collection.id
+  }, collection.title !== undefined ? {
+    collectionTitle: collection.title
+  } : {}, collection.description !== undefined ? {
+    collectionDescription: collection.description
+  } : {}, {
     parameters: constructParameterObject(service.id, collection.id, collection.parameter_names),
-    customDimensions: ((_collection$extent2 = collection.extent) == null ? void 0 : _collection$extent2.custom) || [],
-    dataQueries: collection.data_queries || {},
-    extent: collection.extent || {}
+    customDimensions: (_collection$extent$cu = (_collection$extent2 = collection.extent) == null ? void 0 : _collection$extent2.custom) != null ? _collection$extent$cu : [],
+    dataQueries: (_collection$data_quer = collection.data_queries) != null ? _collection$data_quer : {},
+    extent: (_collection$extent3 = collection.extent) != null ? _collection$extent3 : {}
   }, {});
 };
 var getServiceCollectionDetails = function getServiceCollectionDetails(service, collections) {
@@ -1028,9 +1039,9 @@ var getServiceCollectionDetails = function getServiceCollectionDetails(service,
   }
   // Only use parameters from collections that support /locations or /position
   for (var _iterator = _createForOfIteratorHelperLoose(collections), _step; !(_step = _iterator()).done;) {
-    var _collection$data_quer, _collection$data_quer2;
+    var _collection$data_quer2, _collection$data_quer3;
     var collection = _step.value;
-    if ((_collection$data_quer = collection.data_queries) != null && _collection$data_quer.locations || (_collection$data_quer2 = collection.data_queries) != null && _collection$data_quer2.position) {
+    if ((_collection$data_quer2 = collection.data_queries) != null && _collection$data_quer2.locations || (_collection$data_quer3 = collection.data_queries) != null && _collection$data_quer3.position) {
       collectionsParameters.push(getCollectionDetails(service, collection));
     }
   }
@@ -1063,15 +1074,16 @@ var clipEdrInterval = function clipEdrInterval(interval, maxHoursBefore,
 maxHoursAfter,
 // 10 days to the future
 date) {
+  var _dateUtils$isoStringT, _dateUtils$isoStringT2;
   if (date === void 0) {
     date = Date.now();
   }
   var startTimeFromEdr = (interval == null ? void 0 : interval.length) && interval[0];
   var endTimeFromEdr = (interval == null ? void 0 : interval.length) && interval[1];
-  var startDate = (dateUtils.isoStringToDate(String(startTimeFromEdr), false) || dateUtils.getNowUtc()).getTime();
-  var endDate = (dateUtils.isoStringToDate(String(endTimeFromEdr), false) || dateUtils.getNowUtc()).getTime();
-  var clippedStartDate = new Date(Math.max(startDate || date, date - maxHoursBefore * HOUR_IN_MILLISECONDS));
-  var clippedEndDate = new Date(Math.min(endDate || date, date + maxHoursAfter * HOUR_IN_MILLISECONDS));
+  var startDate = ((_dateUtils$isoStringT = dateUtils.isoStringToDate(String(startTimeFromEdr), false)) != null ? _dateUtils$isoStringT : dateUtils.getNowUtc()).getTime();
+  var endDate = ((_dateUtils$isoStringT2 = dateUtils.isoStringToDate(String(endTimeFromEdr), false)) != null ? _dateUtils$isoStringT2 : dateUtils.getNowUtc()).getTime();
+  var clippedStartDate = new Date(Math.max(startDate != null ? startDate : date, date - maxHoursBefore * HOUR_IN_MILLISECONDS));
+  var clippedEndDate = new Date(Math.min(endDate != null ? endDate : date, date + maxHoursAfter * HOUR_IN_MILLISECONDS));
   // Round the dates to minutes to make caching more likely.
   clippedStartDate.setMilliseconds(0);
   clippedStartDate.setSeconds(0);
@@ -1084,8 +1096,8 @@ date) {
 // 1 day to past, 10 days to future
 var clipInterval = [1 * 24, 10 * 24];
 var constructTimeInterval = function constructTimeInterval(collection, instance, parameter) {
-  var _instance$extent2, _collection$extent3;
-  var interval = ((_instance$extent2 = instance.extent) == null || (_instance$extent2 = _instance$extent2.temporal) == null ? void 0 : _instance$extent2.interval[0]) || (collection == null || (_collection$extent3 = collection.extent) == null || (_collection$extent3 = _collection$extent3.temporal) == null ? void 0 : _collection$extent3.interval[0]);
+  var _instance$extent$temp, _instance$extent2, _collection$extent4;
+  var interval = (_instance$extent$temp = (_instance$extent2 = instance.extent) == null || (_instance$extent2 = _instance$extent2.temporal) == null ? void 0 : _instance$extent2.interval[0]) != null ? _instance$extent$temp : collection == null || (_collection$extent4 = collection.extent) == null || (_collection$extent4 = _collection$extent4.temporal) == null ? void 0 : _collection$extent4.interval[0];
   var _clipEdrInterval = clipEdrInterval(interval, clipInterval[0], clipInterval[1]),
     start = _clipEdrInterval[0],
     end = _clipEdrInterval[1];
@@ -1103,14 +1115,14 @@ var EARTH_RADIUS = 6371;
  * @returns feature nearest to the target location or null if none are within the maximum distance
  */
 var findNearestPoint = function findNearestPoint(targetLocation, pointFeatures, maxDistanceKm) {
-  var _pointFeatures$reduce;
+  var _pointFeatures$reduce, _pointFeatures$reduce2;
   if (maxDistanceKm === void 0) {
     maxDistanceKm = 2;
   }
   if (!pointFeatures.length) {
     return null;
   }
-  return ((_pointFeatures$reduce = pointFeatures.reduce(function (nearestPoint, currentFeature) {
+  return (_pointFeatures$reduce = (_pointFeatures$reduce2 = pointFeatures.reduce(function (nearestPoint, currentFeature) {
     var _getFeatureCenterPoin = getFeatureCenterPoint(currentFeature),
       featureLon = _getFeatureCenterPoin[0],
       featureLat = _getFeatureCenterPoin[1];
@@ -1131,7 +1143,7 @@ var findNearestPoint = function findNearestPoint(targetLocation, pointFeatures,
       };
     }
     return nearestPoint;
-  }, null)) == null ? void 0 : _pointFeatures$reduce.feature) || null;
+  }, null)) == null ? void 0 : _pointFeatures$reduce2.feature) != null ? _pointFeatures$reduce : null;
 };
 var getFeatureCenterPoint = function getFeatureCenterPoint(feature) {
   return feature.geometry.type === 'Point' ? feature.geometry.coordinates : turf.center(feature).geometry.coordinates;
@@ -4121,12 +4133,13 @@ var filterCollectionsParametersFromService = function filterCollectionsParameter
       return filteredCollectionList;
     }
     var collectionContainsSearch = searchStringArray.every(function (search) {
-      var _collection$collectio, _collection$serviceId, _collection$serviceNa;
+      var _collection$collectio, _collection$collectio2, _collection$serviceId, _collection$serviceNa;
       var searchLowercase = search.toLowerCase();
       var isSearchTextInCollectionId = (_collection$collectio = collection.collectionId) == null ? void 0 : _collection$collectio.toLowerCase().includes(searchLowercase);
+      var isSearchTextInCollectionTitle = (_collection$collectio2 = collection.collectionTitle) == null ? void 0 : _collection$collectio2.toLowerCase().includes(searchLowercase);
       var isSearchTextInServiceId = (_collection$serviceId = collection.serviceId) == null ? void 0 : _collection$serviceId.toLowerCase().includes(searchLowercase);
       var isSearchTextInServiceName = (_collection$serviceNa = collection.serviceName) == null ? void 0 : _collection$serviceNa.toLowerCase().includes(searchLowercase);
-      return isSearchTextInCollectionId || isSearchTextInServiceId || isSearchTextInServiceName;
+      return isSearchTextInCollectionId || isSearchTextInCollectionTitle || isSearchTextInServiceId || isSearchTextInServiceName;
     });
     // Not found in collection - search in parameters
     var filteredParamters = collection.parameters.reduce(function (filteredParameterList, parameter) {
@@ -4168,6 +4181,7 @@ var fontStyling = function fontStyling(primary) {
     lineHeight: '14px',
     fontWeight: primary ? 500 : 'normal',
     textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
     overflow: 'hidden'
   };
 };
@@ -4274,10 +4288,11 @@ var TimeSeriesSelectList = function TimeSeriesSelectList(_ref) {
                       alignItems: 'center'
                     },
                     children: [jsxs(Grid, {
+                      size: "grow",
                       children: [jsx(Box, {
                         sx: fontStyling(),
                         children: jsx(SearchHighlight, {
-                          text: collectionListItem.collectionId,
+                          text: collectionListItem.collectionTitle || collectionListItem.collectionId,
                           search: searchFilter
                         })
                       }), jsx(Box, {
@@ -4325,6 +4340,7 @@ var TimeSeriesSelectList = function TimeSeriesSelectList(_ref) {
                       ' .MuiListItemText-primary': {
                         fontSize: '12px',
                         fontWeight: 500,
+                        whiteSpace: 'nowrap',
                         textOverflow: 'ellipsis',
                         overflow: 'hidden'
                       }
@@ -4373,6 +4389,7 @@ var TimeSeriesSelectList = function TimeSeriesSelectList(_ref) {
                           alignItems: 'center'
                         },
                         children: [jsx(Grid, {
+                          size: "grow",
                           children: jsx(Box, {
                             sx: fontStyling(),
                             children: jsx(SearchHighlight, {
@@ -5544,7 +5561,7 @@ var ParameterInfoDialog = function ParameterInfoDialog(_ref) {
     onClose: onClose,
     startSize: {
       width: 288,
-      height: dialogHeight || 650
+      height: dialogHeight != null ? dialogHeight : 650
     },
     startPosition: {
       top: 150,
@@ -5580,8 +5597,14 @@ var ParameterInfoDialog = function ParameterInfoDialog(_ref) {
           value: relatedService.type
         })]
       }), jsx(ParameterInfoText$1, {
-        label: t('timeseries-collection'),
+        label: t('timeseries-collection-id'),
         value: currentParameterInfo.collectionId
+      }), (collectionInformation == null ? void 0 : collectionInformation.collectionTitle) && (collectionInformation == null ? void 0 : collectionInformation.collectionTitle) !== '' && jsx(ParameterInfoText$1, {
+        label: t('timeseries-collection-title'),
+        value: collectionInformation == null ? void 0 : collectionInformation.collectionTitle
+      }), (collectionInformation == null ? void 0 : collectionInformation.collectionDescription) && (collectionInformation == null ? void 0 : collectionInformation.collectionDescription) !== '' && jsx(ParameterInfoText$1, {
+        label: t('timeseries-collection-description'),
+        value: collectionInformation == null ? void 0 : collectionInformation.collectionDescription
       }), jsx(QueryInfoElement, {
         queryInformation: collectionInformation,
         isLoadingCollectionInformation: isLoadingCollectionInformation
@@ -7807,7 +7830,26 @@ var LocationListItem = function LocationListItem(_ref) {
   var theme = useTheme();
   var _useTimeseriesTransla = useTimeseriesTranslation();
     _useTimeseriesTransla.t;
+  // Wrapper ref used for hover detection AND restoring keyboard focus after selection.
   var mouseMoveRef = React__default.useRef(null);
+  // Listen for global selection events so we can re-focus the item that was activated via keyboard.
+  React__default.useEffect(function () {
+    var handleSelection = function handleSelection(e) {
+      var _custom$detail;
+      var custom = e;
+      if (((_custom$detail = custom.detail) == null ? void 0 : _custom$detail.location) === location && mouseMoveRef.current) {
+        // Delay to allow parent state updates / virtualization re-render.
+        requestAnimationFrame(function () {
+          var _mouseMoveRef$current;
+          (_mouseMoveRef$current = mouseMoveRef.current) == null || _mouseMoveRef$current.focus();
+        });
+      }
+    };
+    window.addEventListener('location-list-selection', handleSelection);
+    return function () {
+      window.removeEventListener('location-list-selection', handleSelection);
+    };
+  }, [location]);
   var textContainerRef = React__default.useRef(null);
   var _React$useState = React__default.useState(false),
     isHovering = _React$useState[0],
@@ -7843,6 +7885,23 @@ var LocationListItem = function LocationListItem(_ref) {
       setTextContainerWidth(textContainerRef.current.clientWidth);
     }
   }, [textContainerRef]);
+  // If selection state changes and this item is now the selected one, ensure it regains focus.
+  React__default.useEffect(function () {
+    if (selectedLocation === location && mouseMoveRef.current) {
+      // If focus already on this item, do nothing.
+      if (mouseMoveRef.current === document.activeElement) {
+        return;
+      }
+      // If focus is outside the list item, re-focus after render settles.
+      // Use double rAF for virtualization/layout stability.
+      requestAnimationFrame(function () {
+        requestAnimationFrame(function () {
+          var _mouseMoveRef$current2;
+          (_mouseMoveRef$current2 = mouseMoveRef.current) == null || _mouseMoveRef$current2.focus();
+        });
+      });
+    }
+  }, [selectedLocation, location]);
   return jsx(OverflowTooltip, {
     text: location,
     textContainerWidth: textContainerWidth,
@@ -7852,6 +7911,29 @@ var LocationListItem = function LocationListItem(_ref) {
       onMouseLeave: handleMouseLeave,
       onFocus: handleMouseEnter,
       onBlur: handleMouseLeave,
+      tabIndex: 0,
+      role: "option",
+      "aria-selected": selectedLocation === location,
+      onKeyDown: function onKeyDown(e) {
+        if (isDisabled) {
+          return;
+        }
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          handleChange(location);
+          // Dispatch custom event to remove focus styling from outer list container
+          window.dispatchEvent(new CustomEvent('location-list-selection', {
+            detail: {
+              location: location
+            }
+          }));
+          // Explicitly retain focus immediately (backup before effect runs)
+          requestAnimationFrame(function () {
+            var _mouseMoveRef$current3;
+            (_mouseMoveRef$current3 = mouseMoveRef.current) == null || _mouseMoveRef$current3.focus();
+          });
+        }
+      },
       children: jsxs(ListItem, Object.assign({
         "data-testid": "locationDropdownListItem",
         role: "listitem"
@@ -7886,7 +7968,19 @@ var LocationListItem = function LocationListItem(_ref) {
                 backgroundColor: 'transparent'
               }
             },
-            disabled: isDisabled
+            disabled: isDisabled,
+            // Remove from tab order so row wrapper is the single focus target
+            tabIndex: -1,
+            onChange: function onChange() {
+              if (!isDisabled) {
+                handleChange(location);
+                window.dispatchEvent(new CustomEvent('location-list-selection', {
+                  detail: {
+                    location: location
+                  }
+                }));
+              }
+            }
           })
         }), jsx(Typography, {
           ref: textContainerRef,
@@ -7926,6 +8020,121 @@ var renderRow = function renderRow(features, handleChange, selectedLocation, isD
   };
 };
 
+var FocusableListOuter = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  // Track last interaction modality to conditionally show focus ring only for keyboard navigation.
+  var lastInteractionWasKeyboard = React.useRef(false);
+  React.useEffect(function () {
+    var handleKey = function handleKey(e) {
+      // Ignore modifier-only keys; any navigation key sets keyboard modality.
+      if (e.key) {
+        lastInteractionWasKeyboard.current = true;
+      }
+    };
+    var handlePointer = function handlePointer() {
+      lastInteractionWasKeyboard.current = false;
+    };
+    window.addEventListener('keydown', handleKey, {
+      capture: true
+    });
+    window.addEventListener('mousedown', handlePointer, {
+      capture: true
+    });
+    window.addEventListener('pointerdown', handlePointer, {
+      capture: true
+    });
+    window.addEventListener('touchstart', handlePointer, {
+      capture: true
+    });
+    // Listen for custom selection event to remove focus styling after keyboard activation.
+    var handleSelection = function handleSelection() {
+      setIsFocusVisible(false);
+    };
+    window.addEventListener('location-list-selection', handleSelection);
+    return function () {
+      window.removeEventListener('keydown', handleKey, {
+        capture: true
+      });
+      window.removeEventListener('mousedown', handlePointer, {
+        capture: true
+      });
+      window.removeEventListener('pointerdown', handlePointer, {
+        capture: true
+      });
+      window.removeEventListener('touchstart', handlePointer, {
+        capture: true
+      });
+      window.removeEventListener('location-list-selection', handleSelection);
+    };
+  }, []);
+  var handleKeyDown = function handleKeyDown(e) {
+    var el = ref && typeof ref === 'object' && 'current' in ref ? ref.current : null;
+    if (!el) {
+      return;
+    }
+    var lineHeight = 40; // matches itemSize
+    var pageHeight = el.clientHeight;
+    switch (e.key) {
+      case 'ArrowDown':
+        e.preventDefault();
+        el.scrollTop += lineHeight;
+        break;
+      case 'ArrowUp':
+        e.preventDefault();
+        el.scrollTop -= lineHeight;
+        break;
+      case 'PageDown':
+        e.preventDefault();
+        el.scrollTop += pageHeight;
+        break;
+      case 'PageUp':
+        e.preventDefault();
+        el.scrollTop -= pageHeight;
+        break;
+      case 'Home':
+        e.preventDefault();
+        el.scrollTop = 0;
+        break;
+      case 'End':
+        e.preventDefault();
+        el.scrollTop = el.scrollHeight;
+        break;
+    }
+  };
+  // merge any existing style prop with our outline override
+  var mergedStyle = Object.assign({}, props.style, {
+    outline: 'none',
+    transition: 'box-shadow 120ms ease, background-color 120ms ease'
+  });
+  var _React$useState = React.useState(false),
+    isFocusVisible = _React$useState[0],
+    setIsFocusVisible = _React$useState[1];
+  var onFocus = function onFocus() {
+    if (lastInteractionWasKeyboard.current) {
+      setIsFocusVisible(true);
+    }
+  };
+  var onBlur = function onBlur() {
+    return setIsFocusVisible(false);
+  };
+  if (isFocusVisible) {
+    mergedStyle.boxShadow = '0 0 0 2px var(--focus-ring-color, #1976d2)';
+    mergedStyle.backgroundColor = 'rgba(25,118,210,0.06)';
+  }
+  return jsx("div", Object.assign({}, props, {
+    ref: ref,
+    tabIndex: 0,
+    role: "listbox",
+    "aria-label": "Locations list",
+    onKeyDown: handleKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    // Remove focus styling immediately on mouse interaction
+    onMouseDown: function onMouseDown() {
+      setIsFocusVisible(false);
+    },
+    style: mergedStyle
+  }));
+});
 var LocationDropdown = function LocationDropdown(_ref) {
   var _combinedSelectedLoca;
   var geoJson = _ref.geoJson,
@@ -7933,10 +8142,11 @@ var LocationDropdown = function LocationDropdown(_ref) {
     handleChange = _ref.handleChange,
     selectedLocation = _ref.selectedLocation,
     _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
-  var _React$useState = React.useState(''),
-    searchTerm = _React$useState[0],
-    setSearchTerm = _React$useState[1];
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    defaultExpanded = _ref.defaultExpanded;
+  var _React$useState2 = React.useState(''),
+    searchTerm = _React$useState2[0],
+    setSearchTerm = _React$useState2[1];
   var combinedSelectedLocation = geoJson == null ? void 0 : geoJson.features.find(function (feature) {
     var _feature$properties;
     return selectedLocation === ((_feature$properties = feature.properties) == null ? void 0 : _feature$properties.name);
@@ -7955,8 +8165,11 @@ var LocationDropdown = function LocationDropdown(_ref) {
       });
     });
   }, [searchTerm, splitGeoJson]);
+  var listContainerRef = React.useRef(null);
+  var heightObserver = useResizeObserver(listContainerRef, filteredResults);
   return jsx(Box, {
     "data-testid": "locationDropdownContainer",
+    ref: listContainerRef,
     sx: {
       width: '100%',
       height: '100%',
@@ -8000,16 +8213,17 @@ var LocationDropdown = function LocationDropdown(_ref) {
             title: collectionName,
             title2: serviceName,
             amountOfItems: collectionGeoJson.features.length || 0,
-            defaultExpanded: false,
+            defaultExpanded: defaultExpanded || false,
             sx: {
               mx: 1,
               mb: 1
             },
             children: jsx(FixedSizeList, {
-              height: 350,
+              height: heightObserver,
               width: "100%",
               itemSize: 40,
               itemCount: collectionGeoJson.features.length,
+              outerElementType: FocusableListOuter,
               children: renderRow(collectionGeoJson.features, handleChange, collectionSelectedLocation == null || (_collectionSelectedLo = collectionSelectedLocation.properties) == null ? void 0 : _collectionSelectedLo.name, isDisabled)
             })
           })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/time-series",
-  "version": "14.0.1",
+  "version": "14.2.1",
   "description": "GeoWeb time-series library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -9,26 +9,26 @@
   },
   "dependencies": {
     "immer": "^10.0.3",
-    "@opengeoweb/shared": "14.0.1",
+    "@opengeoweb/shared": "14.2.1",
     "@reduxjs/toolkit": "^2.6.1",
     "react-redux": "^9.2.0",
-    "@opengeoweb/webmap": "14.0.1",
-    "@opengeoweb/webmap-react": "14.0.1",
+    "@opengeoweb/webmap": "14.2.1",
+    "@opengeoweb/webmap-react": "14.2.1",
     "lodash": "^4.17.21",
-    "@opengeoweb/api": "14.0.1",
-    "@opengeoweb/theme": "14.0.1",
-    "@opengeoweb/store": "14.0.1",
+    "@opengeoweb/api": "14.2.1",
+    "@opengeoweb/theme": "14.2.1",
+    "@opengeoweb/store": "14.2.1",
     "echarts-for-react": "^3.0.2",
     "echarts": "^5.4.3",
     "react-sortablejs": "^6.1.4",
-    "@opengeoweb/snackbar": "14.0.1",
+    "@opengeoweb/snackbar": "14.2.1",
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.21",
     "msw": "^2.7.3",
     "i18next": "^25.0.1",
     "react-i18next": "^15.1.1",
-    "@opengeoweb/core": "14.0.1",
-    "@opengeoweb/form-fields": "14.0.1",
+    "@opengeoweb/core": "14.2.1",
+    "@opengeoweb/form-fields": "14.2.1",
     "@mui/material": "^7.0.1",
     "react-hook-form": "^7.61.1",
     "uuid": "^10.0.0",

package/src/lib/components/TimeSeries/LocationDropdown/LocationDropdown.d.ts

@@ -7,6 +7,7 @@ interface LocationDropdownProps {
     selectedLocation: string;
     geoJson?: FeatureCollection<GeometryObject>;
     isDisabled?: boolean;
+    defaultExpanded?: boolean;
 }
 export declare const LocationDropdown: React.FC<LocationDropdownProps>;
 export {};

package/src/lib/components/TimeSeries/LocationDropdown/LocationDropdown.stories.d.ts

@@ -6,4 +6,6 @@ type Story = StoryObj<typeof LocationDropdown>;
 export declare const Component: Story;
 export declare const ComponentDark: Story;
 export declare const LocationDropdownDemoLight: Story;
+export declare const LocationDropdownExpandedDemoLight: Story;
 export declare const LocationDropdownDemoDark: Story;
+export declare const LocationDropdownExpandedDemoDark: Story;

package/src/lib/components/TimeSeriesSelect/utils.d.ts

@@ -3,6 +3,8 @@ import { ServiceFilterChipsObjectEntities } from '../../store/types';
 import { CustomDimension, EDRDataQueriesObject, EDRExtentObject, SelectParameter } from '../TimeSeries/types';
 export interface TimeseriesCollectionDetail {
     collectionId: string;
+    collectionTitle?: string;
+    collectionDescription?: string;
     serviceId: string;
     serviceName: string;
     parameters: SelectParameter[];