@opengeoweb/time-series 20.0.0 → 20.0.1

package/dist/index.esm.js

@@ -817,8 +817,16 @@ var createUrl = function createUrl(baseUrl, pathToAdd, queryParameters) {
   return urlObject.toString();
 };
 var supportedOutputFormat = 'CoverageJSON';
+// Stable, order-independent string representation of a parameter's dimensions
+var serializeDimensions = function serializeDimensions(dimensions) {
+  return (dimensions != null ? dimensions : []).slice().sort(function (dimA, dimB) {
+    return dimA.id.localeCompare(dimB.id);
+  }).map(function (dim) {
+    return dim.id + ":" + dim.value;
+  }).join('|');
+};
 var getBaseQueryParamArray = function getBaseQueryParamArray(parameter, instance, collection, intervalParam) {
-  var _instance$extent, _collection$extent;
+  var _instance$extent, _collection$extent, _parameter$dimensions;
   var res = [];
   res.push(['parameter-name', parameter.propertyName]);
   if (intervalParam) {
@@ -828,11 +836,11 @@ var getBaseQueryParamArray = function getBaseQueryParamArray(parameter, instance
   if (crs) {
     res.push(['crs', crs]);
   }
-  if (parameter.dimension) {
-    if (parameter.dimension.id && parameter.dimension.id !== REFERENCE_TIME_ID && parameter.dimension.value !== '' && parameter.dimension.value !== undefined) {
-      res.push([parameter.dimension.id, parameter.dimension.value]);
+  ((_parameter$dimensions = parameter.dimensions) != null ? _parameter$dimensions : []).forEach(function (dimension) {
+    if (dimension.id && dimension.id !== REFERENCE_TIME_ID && dimension.value !== '' && dimension.value !== undefined) {
+      res.push([dimension.id, dimension.value]);
     }
-  }
+  });
   res.push(['f', supportedOutputFormat]);
   return res;
 };
@@ -1064,13 +1072,34 @@ var patchableParameterProperties = {
   opacity: true,
   instanceId: true,
   propertyName: true,
-  dimension: true
+  dimensions: true
 };
 var removableParameterPropertiesOnPatch = {
   color: true,
   opacity: true,
   instanceId: true,
-  dimension: true
+  dimensions: true
+};
+// Upserts each incoming {id, value} entry by id, preserving other stored dimensions
+var mergeDimensions = function mergeDimensions(existingDimensions, incomingDimensions) {
+  var merged = [].concat(existingDimensions != null ? existingDimensions : []);
+  incomingDimensions.forEach(function (incoming) {
+    var existingIndex = merged.findIndex(function (dim) {
+      return dim.id === incoming.id;
+    });
+    if (existingIndex >= 0) {
+      merged[existingIndex] = incoming;
+    } else {
+      merged.push(incoming);
+    }
+  });
+  return merged;
+};
+// Reads a preset parameter's dimensions, falling back to the pre-array `dimension` shape
+var getNormalizedDimensions = function getNormalizedDimensions(parameter) {
+  var _parameter$dimensions;
+  var legacyDimension = parameter.dimension;
+  return (_parameter$dimensions = parameter.dimensions) != null ? _parameter$dimensions : legacyDimension ? [legacyDimension] : undefined;
 };
 var timeseriesSelectServiceFilterChipsAdapter = createEntityAdapter({
   selectId: function selectId(service) {
@@ -1208,6 +1237,8 @@ var panelSlice = createSlice({
           Object.keys(payloadParameter).forEach(function (propertyName) {
             if (removableParameterPropertiesOnPatch[propertyName] && payloadParameter[propertyName] === undefined && propertyName in payloadParameter) {
               delete patchedParameter[propertyName];
+            } else if (propertyName === 'dimensions' && payloadParameter.dimensions !== undefined) {
+              patchedParameter.dimensions = mergeDimensions(patchedParameter.dimensions, payloadParameter.dimensions);
             } else if (patchableParameterProperties[propertyName] && payloadParameter[propertyName] !== undefined) {
               patchedParameter[propertyName] = payloadParameter[propertyName];
             }
@@ -1665,6 +1696,8 @@ var timeSeriesReducer = function timeSeriesReducer(state, action) {
       draftPreset.plotPreset.parameters.forEach(function (draftParameter) {
         draftParameter.id = generateParameterId();
         draftParameter.opacity = draftParameter.opacity || 70;
+        draftParameter.dimensions = getNormalizedDimensions(draftParameter);
+        delete draftParameter.dimension;
         var serviceFromStore = getServiceById(nextServices, draftParameter.serviceId);
         if (!serviceFromStore) {
           var serviceFromPreset = getServiceById(presetServices, draftParameter.serviceId);
@@ -2318,18 +2351,20 @@ var ParameterColorSelect = function ParameterColorSelect(_ref) {
 };
 
 var ParameterDimensionIdSelect = function ParameterDimensionIdSelect(_ref) {
-  var _parameter$dimension, _parameter$dimension2;
   var rowIsEnabled = _ref.rowIsEnabled,
     parameter = _ref.parameter,
     customDimensions = _ref.customDimensions,
     hasReferenceTime = _ref.hasReferenceTime,
     patchParameter = _ref.patchParameter,
+    selectedDimensionId = _ref.selectedDimensionId,
+    setSelectedDimensionId = _ref.setSelectedDimensionId,
     t = _ref.t;
   // Custom dimensions or reference time are not available
   if ((!customDimensions || customDimensions.length === 0) && !hasReferenceTime) {
     return null;
   }
   var defaultDimension = hasReferenceTime ? REFERENCE_TIME_ID : customDimensions[0].id;
+  var activeDimensionId = selectedDimensionId || defaultDimension;
   return jsxs(TooltipSelect, {
     SelectDisplayProps: {
       'aria-label': 'timeseriesManager-dimensionId'
@@ -2337,19 +2372,24 @@ var ParameterDimensionIdSelect = function ParameterDimensionIdSelect(_ref) {
     "data-testid": "parameterDimensioIdSelect",
     isEnabled: rowIsEnabled,
     onChange: function onChange(event) {
-      var newParameter = {
+      var _parameter$dimensions, _parameter$dimensions2;
+      var newDimensionId = event.target.value;
+      // Restore any previously entered value for this dimension id instead of resetting it
+      var existingValue = (_parameter$dimensions = (_parameter$dimensions2 = parameter.dimensions) == null || (_parameter$dimensions2 = _parameter$dimensions2.find(function (dim) {
+        return dim.id === newDimensionId;
+      })) == null ? void 0 : _parameter$dimensions2.value) != null ? _parameter$dimensions : '';
+      setSelectedDimensionId(newDimensionId);
+      patchParameter({
         id: parameter.id,
-        dimension: {
-          id: event.target.value,
-          // Select the first value of selected dimension by default
-          value: ''
-        }
-      };
-      patchParameter(newParameter);
+        dimensions: [{
+          id: newDimensionId,
+          value: existingValue
+        }]
+      });
     },
-    tooltip: t('timeseries-dimension-id') + ": " + (((_parameter$dimension = parameter.dimension) == null ? void 0 : _parameter$dimension.id) || defaultDimension),
-    // If parameter has no selected dimension id, choose reference time if it is available, otherwise the first dimension
-    value: ((_parameter$dimension2 = parameter.dimension) == null ? void 0 : _parameter$dimension2.id) || defaultDimension,
+    tooltip: t('timeseries-dimension-id') + ": " + activeDimensionId,
+    // If no dimension id selected yet, choose reference time if it is available, otherwise the first dimension
+    value: activeDimensionId,
     children: [jsx(MenuItem, {
       disabled: true,
       children: t('timeseries-dimension-id')
@@ -2369,19 +2409,23 @@ var ParameterDimensionIdSelect = function ParameterDimensionIdSelect(_ref) {
 
 var defaultValue = 'none';
 var ParameterDimensionValueSelect = function ParameterDimensionValueSelect(_ref) {
-  var _parameter$dimension3, _parameter$dimension4, _parameter$dimension5, _parameter$dimension6, _parameter$dimension7, _parameter$dimension8, _parameter$dimension9, _selectedDimension$va;
+  var _customDimensions$, _parameter$dimensions, _selectedDimension$va;
   var rowIsEnabled = _ref.rowIsEnabled,
     parameter = _ref.parameter,
     customDimensions = _ref.customDimensions,
     patchParameter = _ref.patchParameter,
+    selectedDimensionId = _ref.selectedDimensionId,
     t = _ref.t;
+  var activeDimensionId = selectedDimensionId || ((_customDimensions$ = customDimensions[0]) == null ? void 0 : _customDimensions$.id);
   var selectedDimension = customDimensions.find(function (dimension) {
-    var _parameter$dimension;
-    return dimension.id === ((_parameter$dimension = parameter.dimension) == null ? void 0 : _parameter$dimension.id);
+    return dimension.id === activeDimensionId;
   }) || customDimensions[0];
   if (!selectedDimension || !customDimensions || customDimensions.length === 0) {
     return null;
   }
+  var activeValue = (_parameter$dimensions = parameter.dimensions) == null || (_parameter$dimensions = _parameter$dimensions.find(function (dimension) {
+    return dimension.id === activeDimensionId;
+  })) == null ? void 0 : _parameter$dimensions.value;
   return jsxs(TooltipSelect, {
     SelectDisplayProps: {
       'aria-label': 'timeseriesManager-dimensionValue'
@@ -2389,24 +2433,24 @@ var ParameterDimensionValueSelect = function ParameterDimensionValueSelect(_ref)
     "data-testid": "parameterDimensionValueSelect",
     isEnabled: rowIsEnabled,
     onChange: function onChange(event) {
-      var _parameter$dimension2;
+      var selectedValue = event.target.value;
       var newParameter = {
         id: parameter.id,
-        dimension: {
-          id: ((_parameter$dimension2 = parameter.dimension) == null ? void 0 : _parameter$dimension2.id) || customDimensions[0].id,
-          value: event.target.value
-        }
+        dimensions: [{
+          id: activeDimensionId,
+          value: selectedValue === defaultValue ? '' : selectedValue
+        }]
       };
       patchParameter(newParameter);
     },
-    tooltip: t('timeseries-dimension-value') + ": " + (((_parameter$dimension3 = parameter.dimension) == null ? void 0 : _parameter$dimension3.value) !== undefined ? (_parameter$dimension4 = parameter.dimension) == null ? void 0 : _parameter$dimension4.value : ''),
-    value: ((_parameter$dimension5 = parameter.dimension) == null ? void 0 : _parameter$dimension5.value) === undefined || ((_parameter$dimension6 = parameter.dimension) == null ? void 0 : _parameter$dimension6.value) === '' ? defaultValue : (_parameter$dimension7 = parameter.dimension) == null ? void 0 : _parameter$dimension7.value,
+    tooltip: t('timeseries-dimension-value') + ": " + (activeValue !== undefined ? activeValue : ''),
+    value: activeValue === undefined || activeValue === '' ? defaultValue : activeValue,
     children: [jsx(MenuItem, {
       disabled: true,
       children: t('timeseries-dimension-value')
-    }), (((_parameter$dimension8 = parameter.dimension) == null ? void 0 : _parameter$dimension8.value) === undefined || ((_parameter$dimension9 = parameter.dimension) == null ? void 0 : _parameter$dimension9.value) === '') && jsx(MenuItem, {
+    }), jsx(MenuItem, {
       "data-testid": "timeseries-dimension-value-none",
-      value: "none",
+      value: defaultValue,
       children: t('timeseries-dimension-none')
     }, "dimensionvaluemenu-none"), selectedDimension == null || (_selectedDimension$va = selectedDimension.values) == null ? void 0 : _selectedDimension$va.map(function (value) {
       return jsx(MenuItem, {
@@ -2418,6 +2462,7 @@ var ParameterDimensionValueSelect = function ParameterDimensionValueSelect(_ref)
   });
 };
 
+var defaultInstanceId = 'latest-0';
 var ReferenceTimeSelect = function ReferenceTimeSelect(_ref) {
   var rowIsEnabled = _ref.rowIsEnabled,
     parameter = _ref.parameter,
@@ -2451,7 +2496,7 @@ var ReferenceTimeSelect = function ReferenceTimeSelect(_ref) {
           var _relativeReferenceTim;
           var index = Number((_relativeReferenceTim = relativeReferenceTime[1]) != null ? _relativeReferenceTim : 0);
           if (Number.isInteger(index) && index >= 0 && index < validRefTimes.length) {
-            setReferenceTime(parameter.instanceId === 'latest' ? 'latest-0' : parameter.instanceId);
+            setReferenceTime(parameter.instanceId === 'latest' ? defaultInstanceId : parameter.instanceId);
             return;
           }
         }
@@ -2461,13 +2506,12 @@ var ReferenceTimeSelect = function ReferenceTimeSelect(_ref) {
         if (alreadyHasReferenceTime) {
           setReferenceTime(parameter.instanceId);
         } else {
-          var initialReferenceTime = refTimeList[0].id;
-          setReferenceTime(initialReferenceTime);
-          if (parameter.instanceId !== initialReferenceTime) {
+          setReferenceTime(defaultInstanceId);
+          if (parameter.instanceId !== defaultInstanceId) {
             // Update reference time for Echarts Plot
             patchParameter({
               id: parameter.id,
-              instanceId: initialReferenceTime
+              instanceId: defaultInstanceId
             });
           }
         }
@@ -2728,8 +2772,7 @@ var combineParametersWithData = function combineParametersWithData(parameters, d
   return parameters.map(function (parameter) {
     // for each parameter, find the corresponding data point
     var dataPoint = data.find(function (item) {
-      var _item$dimension, _parameter$dimension;
-      return item.propertyName === parameter.propertyName && item.serviceId === parameter.serviceId && item.collectionId === parameter.collectionId && item.instanceId === parameter.instanceId && ((_item$dimension = item.dimension) == null ? void 0 : _item$dimension.value) === ((_parameter$dimension = parameter.dimension) == null ? void 0 : _parameter$dimension.value);
+      return item.propertyName === parameter.propertyName && item.serviceId === parameter.serviceId && item.collectionId === parameter.collectionId && item.instanceId === parameter.instanceId && serializeDimensions(item.dimensions) === serializeDimensions(parameter.dimensions);
     });
     return Object.assign({}, parameter, {
       timestep: (dataPoint == null ? void 0 : dataPoint.timestep) || [],
@@ -3234,7 +3277,7 @@ var useGetPlotsWithData = function useGetPlotsWithData(plotsWithoutData, selecte
   // Construct all queries to be executed
   var queries = useMemo(function () {
     return plotsWithoutData.parameters.map(function (parameter) {
-      var _collectionsList, _collection$allInstan, _parameter$dimension;
+      var _collectionsList, _collection$allInstan;
       // Note: service can be undefined
       var service = (_collectionsList = collectionsList[parameter.serviceId + "-" + parameter.collectionId]) == null ? void 0 : _collectionsList.service;
       var collection = collectionDetails == null ? void 0 : collectionDetails.find(function (collection) {
@@ -3249,7 +3292,7 @@ var useGetPlotsWithData = function useGetPlotsWithData(plotsWithoutData, selecte
       // Create here so if new data is advertised by the collection/instance a new request is made
       var intervalParam = constructTimeInterval(collection, instanceInfo, syncgroupTimeState);
       return {
-        queryKey: generateTimeSeriesQueryKeys(['get-parameter-data', parameter.id || 'undefined', parameter.plotId, parameter.propertyName, parameter.serviceId, parameter.collectionId, parameter.instanceId || 'undefined', ((_parameter$dimension = parameter.dimension) == null ? void 0 : _parameter$dimension.value) || 'undefined', intervalParam, selectedLocation.lat.toString() || 'undefined', selectedLocation.lon.toString() || 'undefined']),
+        queryKey: generateTimeSeriesQueryKeys(['get-parameter-data', parameter.id || 'undefined', parameter.plotId, parameter.propertyName, parameter.serviceId, parameter.collectionId, parameter.instanceId || 'undefined', serializeDimensions(parameter.dimensions) || 'undefined', intervalParam, selectedLocation.lat.toString() || 'undefined', selectedLocation.lon.toString() || 'undefined']),
         queryFn: function () {
           var _queryFn7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7() {
             var edrResponse;
@@ -3430,7 +3473,7 @@ var useGetLocations = function useGetLocations(options) {
 };
 
 var ParameterDimensionSelect = function ParameterDimensionSelect(_ref) {
-  var _collectionDetails$da, _parameter$dimension, _parameter$dimension2, _parameter$dimension3;
+  var _collectionDetails$da;
   var rowIsEnabled = _ref.rowIsEnabled,
     parameter = _ref.parameter,
     patchParameter = _ref.patchParameter,
@@ -3443,6 +3486,10 @@ var ParameterDimensionSelect = function ParameterDimensionSelect(_ref) {
   var _useState = useState([]),
     refTimeList = _useState[0],
     setRefTimeList = _useState[1];
+  // Tracks which dimension id is currently being edited/shown, not persisted (mirrors DimensionSelect.tsx in libs/core)
+  var _useState2 = useState(undefined),
+    selectedDimensionId = _useState2[0],
+    setSelectedDimensionId = _useState2[1];
   var _useGetDetailsForColl = useGetDetailsForCollection(service, collectionId),
     collectionDetails = _useGetDetailsForColl.data;
   // Only do an instances call if instances are supported by the collection
@@ -3476,13 +3523,15 @@ var ParameterDimensionSelect = function ParameterDimensionSelect(_ref) {
         parameter: parameter,
         patchParameter: patchParameter,
         rowIsEnabled: rowIsEnabled,
+        selectedDimensionId: selectedDimensionId,
+        setSelectedDimensionId: setSelectedDimensionId,
         t: t
       })
     }), jsx(Grid, {
       size: "grow",
       children:
-      // Show referene time select if no dimension selected yet and reference time is available OR if reference time has been selected
-      !((_parameter$dimension = parameter.dimension) != null && _parameter$dimension.id) && hasReferenceTime || (_parameter$dimension2 = parameter.dimension) != null && _parameter$dimension2.id && ((_parameter$dimension3 = parameter.dimension) == null ? void 0 : _parameter$dimension3.id) === REFERENCE_TIME_ID ? jsx(ReferenceTimeSelect, {
+      // Show reference time select if no dimension selected yet and reference time is available OR if reference time has been selected
+      !selectedDimensionId && hasReferenceTime || selectedDimensionId === REFERENCE_TIME_ID ? jsx(ReferenceTimeSelect, {
         parameter: parameter,
         patchParameter: patchParameter,
         refTimeList: refTimeList,
@@ -3493,6 +3542,7 @@ var ParameterDimensionSelect = function ParameterDimensionSelect(_ref) {
         parameter: parameter,
         patchParameter: patchParameter,
         rowIsEnabled: rowIsEnabled,
+        selectedDimensionId: selectedDimensionId,
         t: t
       })
     })]
@@ -4785,10 +4835,8 @@ var ParameterInfoDialogConnect = function ParameterInfoDialogConnect() {
 };
 
 var sortByService$1 = function sortByService(serviceObj) {
-  // Need to make a copy as we are not allowed to mutate the original serviceObj and .sort mutates
-  var newServiceObj = serviceObj.slice();
-  // eslint-disable-next-line no-restricted-syntax
-  return newServiceObj.sort(function (serviceA, serviceB) {
+  // .sort mutates, so sort a copy to avoid mutating the original serviceObj
+  return serviceObj.slice().sort(function (serviceA, serviceB) {
     return (serviceA.name ? serviceA.name : serviceA.id).localeCompare(serviceB.name ? serviceB.name : serviceB.id);
   });
 };
@@ -6894,7 +6942,7 @@ var createMockStore = function createMockStore(mockState) {
  * Copyright 2026 - Finnish Meteorological Institute (FMI)
  * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var TIME_SERIES_CONTAINER_BREAKPOINT_PX = '720px';
+var TIME_SERIES_CONTAINER_BREAKPOINT_PX = '795px';
 var TIME_SERIES_CONTAINER_NAME = 'time-series-container';
 
 var _styled;
@@ -7371,11 +7419,11 @@ var getParameterDisplayName = function getParameterDisplayName(parameter) {
 };
 // Stable unique key: uses id when present, otherwise a composite fallback.
 var getParameterKey$1 = function getParameterKey(parameter) {
-  var _parameter$instanceId, _parameter$dimension$, _parameter$dimension, _parameter$dimension$2, _parameter$dimension2;
+  var _parameter$instanceId;
   if (parameter.id) {
     return parameter.id;
   }
-  return [parameter.plotId, parameter.propertyName, parameter.collectionId, (_parameter$instanceId = parameter.instanceId) != null ? _parameter$instanceId : '', (_parameter$dimension$ = (_parameter$dimension = parameter.dimension) == null ? void 0 : _parameter$dimension.id) != null ? _parameter$dimension$ : '', (_parameter$dimension$2 = (_parameter$dimension2 = parameter.dimension) == null ? void 0 : _parameter$dimension2.value) != null ? _parameter$dimension$2 : ''].join('|');
+  return [parameter.plotId, parameter.propertyName, parameter.collectionId, (_parameter$instanceId = parameter.instanceId) != null ? _parameter$instanceId : '', serializeDimensions(parameter.dimensions)].join('|');
 };
 var roundDecimalValues = function roundDecimalValues(value) {
   if (isNaN(value) || value === null || value === undefined) {
@@ -8224,7 +8272,7 @@ var useMapPin = function useMapPin(_ref) {
   };
 };
 var TimeSeriesConnect = function TimeSeriesConnect(_ref2) {
-  var _linkedMapIds$, _sx;
+  var _linkedMapIds$, _sx, _sx2;
   var panelId = _ref2.panelId;
   var dispatch = useDispatch();
   var _useTimeseriesTransla = useTimeseriesTranslation(),
@@ -8358,62 +8406,64 @@ var TimeSeriesConnect = function TimeSeriesConnect(_ref2) {
   return jsxs(Stack, {
     "data-testid": "TimeSeriesConnect",
     sx: {
-      padding: '20px',
+      padding: '12px',
       width: '100%',
       height: '100%',
       backgroundColor: 'geowebColors.background.surfaceApp',
       containerType: 'inline-size',
       containerName: TIME_SERIES_CONTAINER_NAME
     },
-    children: [jsxs(Stack, {
-      direction: "row",
-      spacing: 1,
-      sx: {
-        maxWidth: '750px',
-        marginBottom: '4px',
-        marginLeft: '10px'
-      },
-      children: [jsx(TimeSeriesManagerMapButtonConnect, {
-        viewId: panelId
-      }), !!serviceListForLocations.length && jsx(LocationSelectButtonConnect, {
-        panelId: panelId
-      }), jsx(LocationInfoButtonConnect, {
-        panelId: panelId,
-        t: t
-      }), jsx(CustomTooltip, {
-        title: isMapPinDisabled ? t('timeseries-unlock-location') : t('timeseries-lock-location'),
-        children: jsx("span", {
-          children: jsx(TimeSeriesTopRowButton, {
-            "data-testid": "toggleLockLocationButton",
-            icon: isMapPinDisabled ? jsx(LockLocked, {}) : jsx(LockUnlocked, {}),
-            longText: isMapPinDisabled ? t('timeseries-unlock-location') : t('timeseries-lock-location'),
-            onClick: function onClick() {
-              return toggleDisableMapPin();
-            },
-            selected: isMapPinDisabled
-          })
-        })
-      }), jsx(TimeSeriesMarkersSwitch, {
-        shouldHideMarkers: shouldHideLocationMarkers,
-        toggleMarkers: toggleLocationMarkers
-      }), jsx(LegendToggleButton, {
-        hideTooltipText: t('timeseries-legend-tooltip-hide'),
-        isLegendVisible: shouldShowLegend,
-        legendLabel: t('timeseries-legend'),
-        onToggle: toggleLegend,
-        showTooltipText: t('timeseries-legend-tooltip-show'),
-        sx: (_sx = {}, _sx["@container " + TIME_SERIES_CONTAINER_NAME + " (width < " + TIME_SERIES_CONTAINER_BREAKPOINT_PX + ")"] = {
-          maxWidth: '90px',
-          '& .longText': {
-            display: 'none'
-          },
-          '& svg': {
-            marginRight: '0 !important'
-          }
+    children: [jsx(Box, {
+      children: jsxs(Stack, {
+        direction: "row",
+        spacing: 1,
+        sx: (_sx = {
+          overflowX: 'auto'
         }, _sx["@container " + TIME_SERIES_CONTAINER_NAME + " (min-width: " + TIME_SERIES_CONTAINER_BREAKPOINT_PX + ")"] = {
-          width: '130px'
-        }, _sx)
-      })]
+          overflowX: 'initial'
+        }, _sx),
+        children: [jsx(TimeSeriesManagerMapButtonConnect, {
+          viewId: panelId
+        }), !!serviceListForLocations.length && jsx(LocationSelectButtonConnect, {
+          panelId: panelId
+        }), jsx(LocationInfoButtonConnect, {
+          panelId: panelId,
+          t: t
+        }), jsx(CustomTooltip, {
+          title: isMapPinDisabled ? t('timeseries-unlock-location') : t('timeseries-lock-location'),
+          children: jsx("span", {
+            children: jsx(TimeSeriesTopRowButton, {
+              "data-testid": "toggleLockLocationButton",
+              icon: isMapPinDisabled ? jsx(LockLocked, {}) : jsx(LockUnlocked, {}),
+              longText: isMapPinDisabled ? t('timeseries-unlock-location') : t('timeseries-lock-location'),
+              onClick: function onClick() {
+                return toggleDisableMapPin();
+              },
+              selected: isMapPinDisabled
+            })
+          })
+        }), jsx(TimeSeriesMarkersSwitch, {
+          shouldHideMarkers: shouldHideLocationMarkers,
+          toggleMarkers: toggleLocationMarkers
+        }), jsx(LegendToggleButton, {
+          hideTooltipText: t('timeseries-legend-tooltip-hide'),
+          isLegendVisible: shouldShowLegend,
+          legendLabel: t('timeseries-legend'),
+          onToggle: toggleLegend,
+          showTooltipText: t('timeseries-legend-tooltip-show'),
+          sx: (_sx2 = {}, _sx2["@container " + TIME_SERIES_CONTAINER_NAME + " (width < " + TIME_SERIES_CONTAINER_BREAKPOINT_PX + ")"] = {
+            maxWidth: '90px',
+            '& .longText': {
+              display: 'none'
+            },
+            '& svg': {
+              marginRight: '0 !important'
+            }
+          }, _sx2["@container " + TIME_SERIES_CONTAINER_NAME + " (min-width: " + TIME_SERIES_CONTAINER_BREAKPOINT_PX + ")"] = {
+            width: '130px'
+          }, _sx2)
+        })]
+      })
     }), !!timeSeriesLocation && !!plotPresetState && jsx(Box, {
       sx: {
         overflow: 'auto'

package/dist/src/lib/components/TimeSeries/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const TIME_SERIES_CONTAINER_BREAKPOINT_PX = "720px";
+export declare const TIME_SERIES_CONTAINER_BREAKPOINT_PX = "795px";
 export declare const TIME_SERIES_CONTAINER_NAME = "time-series-container";

package/dist/src/lib/components/TimeSeries/types.d.ts

@@ -70,12 +70,12 @@ export interface Parameter {
     collectionId: string;
     instanceId?: string;
     instances?: EDRInstance[];
-    dimension?: {
+    dimensions?: {
         id: string;
         value: string;
-    };
+    }[];
 }
-export type ParameterForFetching = Pick<Parameter, 'propertyName' | 'serviceId' | 'collectionId' | 'instanceId' | 'dimension'>;
+export type ParameterForFetching = Pick<Parameter, 'propertyName' | 'serviceId' | 'collectionId' | 'instanceId' | 'dimensions'>;
 export interface ParameterWithData extends Parameter {
     timestep: Date[];
     value: number[];

package/dist/src/lib/components/TimeSeriesManager/TimeSeriesManagerParameterComponents/ParameterDimensionIdSelect.d.ts

@@ -7,6 +7,8 @@ declare const ParameterDimensionIdSelect: React.FC<{
     customDimensions: CustomDimension[];
     hasReferenceTime: boolean;
     patchParameter: (parameter: Partial<Parameter>) => void;
+    selectedDimensionId?: string;
+    setSelectedDimensionId: (dimensionId: string) => void;
     t: TFunction;
 }>;
 export default ParameterDimensionIdSelect;

package/dist/src/lib/components/TimeSeriesManager/TimeSeriesManagerParameterComponents/ParameterDimensionValueSelect.d.ts

@@ -6,6 +6,7 @@ declare const ParameterDimensionValueSelect: React.FC<{
     parameter: Parameter;
     customDimensions: CustomDimension[];
     patchParameter: (parameter: Partial<Parameter>) => void;
+    selectedDimensionId?: string;
     t: TFunction;
 }>;
 export default ParameterDimensionValueSelect;

package/dist/src/lib/components/TimeSeriesManager/TimeSeriesManagerParameterComponents/ParameterReferenceTimeSelect.d.ts

@@ -1,6 +1,7 @@
 import type { TFunction } from 'i18next';
 import React from 'react';
 import type { EDRInstance, Parameter } from '../../TimeSeries/types';
+export declare const defaultInstanceId = "latest-0";
 export declare const ReferenceTimeSelect: React.FC<{
     rowIsEnabled: boolean;
     parameter: Parameter;

package/dist/src/lib/utils/edrUtils.d.ts

@@ -6,6 +6,10 @@ import type { EDRCollection, EDRInstance, EDRParameter, Parameter, PointerLocati
 import type { TimeseriesCollectionDetail } from '../components/TimeSeriesSelect/utils';
 export declare const createUrl: (baseUrl: string, pathToAdd?: string, queryParameters?: [string, string][]) => string;
 export declare const supportedOutputFormat = "CoverageJSON";
+export declare const serializeDimensions: (dimensions?: {
+    id: string;
+    value: string;
+}[]) => string;
 export declare const getBaseQueryParamArray: (parameter: Parameter, instance: EDRInstance, collection: TimeseriesCollectionDetail, intervalParam: string) => [string, string][];
 export declare const latestInstance: (instances: EDRInstance[]) => EDRInstance | null;
 export declare const isSupportedInstance: (instances: EDRInstance) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@opengeoweb/time-series",
-    "version": "20.0.0",
+    "version": "20.0.1",
     "description": "GeoWeb time-series library for the opengeoweb project",
     "license": "Apache-2.0",
     "repository": {
@@ -21,26 +21,26 @@
     },
     "dependencies": {
         "immer": "^10.0.3",
-        "@opengeoweb/shared": "20.0.0",
+        "@opengeoweb/shared": "20.0.1",
         "@reduxjs/toolkit": "^2.6.1",
         "react-redux": "^9.2.0",
-        "@opengeoweb/webmap": "20.0.0",
-        "@opengeoweb/webmap-react": "20.0.0",
+        "@opengeoweb/webmap": "20.0.1",
+        "@opengeoweb/webmap-react": "20.0.1",
         "lodash": "^4.18.1",
-        "@opengeoweb/api": "20.0.0",
-        "@opengeoweb/authentication": "20.0.0",
-        "@opengeoweb/theme": "20.0.0",
-        "@opengeoweb/store": "20.0.0",
+        "@opengeoweb/api": "20.0.1",
+        "@opengeoweb/authentication": "20.0.1",
+        "@opengeoweb/theme": "20.0.1",
+        "@opengeoweb/store": "20.0.1",
         "echarts-for-react": "^3.0.6",
         "echarts": "^6.1.0",
         "react-sortablejs": "^6.1.4",
-        "@opengeoweb/snackbar": "20.0.0",
+        "@opengeoweb/snackbar": "20.0.1",
         "react-window": "^2.2.6",
         "msw": "^2.7.3",
         "i18next": "^25.0.1",
         "react-i18next": "^15.1.1",
-        "@opengeoweb/core": "20.0.0",
-        "@opengeoweb/form-fields": "20.0.0",
+        "@opengeoweb/core": "20.0.1",
+        "@opengeoweb/form-fields": "20.0.1",
         "@mui/material": "^9.0.1",
         "react-hook-form": "^7.61.1",
         "uuid": "^11.1.1",