@opengeoweb/core 19.4.0 → 19.5.0

package/dist/index.esm.js

@@ -9,7 +9,7 @@ import { mapSelectors, layerSelectors, layerActions, layerTypes, filterLayers, m
 import i18n from 'i18next';
 import { useTranslation, Trans, I18nextProvider } from 'react-i18next';
 import { TIME_SLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, AnimationLengthButton, AnimationLength, AutoUpdateButton, BackwardForwardStepButton, NowButton, handleSetNowEvent, PlayButton, defaultTimeStep, SpeedButton, TimeSpanButton, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, TimeStepButton, OptionsMenuButton, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, onsetNewDateDebounced, getFilteredTime, defaultSecondsPerPx, moveSelectedTimePx, TimeSlider } from '@opengeoweb/time-slider';
-import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE, webmapTranslations, WEBMAP_NAMESPACE, openLayersGetMapImageStore, LayerInfoButton, useGetWMLayerInstance, useEDRGetCollectionDetails, useStacCollection, getRendersAsStyles, defaultEdrStyles, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, Clock, LegendDialog, LegendButton, MapContext, emptyGeoJSON, MapFeatureClass, setMapCenter, makeTimeList, getIsInsideAcceptanceTime, OpenLayersLayer, isGeoJSONGeometryEmpty, OpenLayersFeatureLayer, OpenLayersMapDraw, MapMeasure, useSetIntervalWhenVisible, TimeContext, OpenLayersMapView, WMSLayer, genericOpenLayersFeatureStyle, OpenLayersGetFeatureInfo, MapControls, OpenLayersZoomControl, getLayerUpdateInfo, publicLayers } from '@opengeoweb/webmap-react';
+import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE, webmapTranslations, WEBMAP_NAMESPACE, openLayersGetMapImageStore, LayerInfoButton, useStacCollection, useGetWMLayerInstance, useEDRGetCollectionDetails, getStacCollectionStyles, resolvePreferredStyleName, defaultEdrStyles, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, Clock, LegendDialog, LegendButton, MapContext, emptyGeoJSON, MapFeatureClass, setMapCenter, makeTimeList, getIsInsideAcceptanceTime, OpenLayersLayer, isGeoJSONGeometryEmpty, OpenLayersFeatureLayer, OpenLayersMapDraw, MapMeasure, useSetIntervalWhenVisible, TimeContext, OpenLayersMapView, WMSLayer, genericOpenLayersFeatureStyle, OpenLayersGetFeatureInfo, MapControls, OpenLayersZoomControl, getLayerUpdateInfo, publicLayers } from '@opengeoweb/webmap-react';
 import { Cached, Add, MapAdd, CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, ColumnCollapsed, ColumnCollapse, DragHandle as DragHandle$1, None, FastForward, AutoUpdateActive, Both, Delete, Visibility, VisibilityOff, Copy, ZoomToLayer, Overlayers, WorldMapProjection, Layers, Search, Exclamation, MyLocation, Airplane, Region, Pinned, Close, ExitDomain, LocationInfo, Measure, Options, Info, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
@@ -73,6 +73,10 @@ var en = {
 	"layermanager-layer-duplicate-to-other-maps": "Copy layer to other maps",
 	"layermanager-layer-remove-from-other-maps": "Remove layer from other maps",
 	"layermanager-layer-zoom-to-extent": "Zoom to layer",
+	"layermanager-stac-layout-title": "Raster layout",
+	"layermanager-stac-layout-auto": "Automatic",
+	"layermanager-stac-layout-temporal": "One image per time",
+	"layermanager-stac-layout-spatial-tiles": "Spatially tiled images",
 	"layermanager-options": "Options",
 	"layermanager-baselayers-tooltip": "Add base layers",
 	"layermanager-header-button-small": "small",
@@ -170,6 +174,10 @@ var fi = {
 	"layermanager-layer-duplicate-to-other-maps": "Kopioi karttataso muihin karttoihin",
 	"layermanager-layer-remove-from-other-maps": "Poista karttataso muista kartoista",
 	"layermanager-layer-zoom-to-extent": "Zoomaa karttatasoon",
+	"layermanager-stac-layout-title": "Rasteriaineiston rakenne",
+	"layermanager-stac-layout-auto": "Automaattinen",
+	"layermanager-stac-layout-temporal": "Yksi kuva ajanhetkeä kohti",
+	"layermanager-stac-layout-spatial-tiles": "Alueellisesti tiilitetyt kuvat",
 	"layermanager-options": "Valinnat",
 	"layermanager-baselayers-tooltip": "Lisää pohjakartta",
 	"layermanager-header-button-small": "Pieni",
@@ -258,6 +266,10 @@ var no = {
 	"layermanager-layer-duplicate-to-other-maps": "Kopier lag til andre kart",
 	"layermanager-layer-remove-from-other-maps": "Fjern lag fra andre kart",
 	"layermanager-layer-zoom-to-extent": "Zoom til lag",
+	"layermanager-stac-layout-title": "Rasteroppsett",
+	"layermanager-stac-layout-auto": "Automatisk",
+	"layermanager-stac-layout-temporal": "Ett bilde per tidspunkt",
+	"layermanager-stac-layout-spatial-tiles": "Romlig flislagte bilder",
 	"layermanager-options": "Laginnstillinger",
 	"layermanager-baselayers-tooltip": "Legg til basislag",
 	"layermanager-header-button-small": "liten",
@@ -347,6 +359,10 @@ var nl = {
 	"layermanager-layer-duplicate-to-other-maps": "Kopieer laag naar andere kaarten",
 	"layermanager-layer-remove-from-other-maps": "Verwijder laag van andere kaarten",
 	"layermanager-layer-zoom-to-extent": "Zoom naar laag",
+	"layermanager-stac-layout-title": "Rasterindeling",
+	"layermanager-stac-layout-auto": "Automatisch",
+	"layermanager-stac-layout-temporal": "Eén afbeelding per tijdstip",
+	"layermanager-stac-layout-spatial-tiles": "Ruimtelijk opgedeelde afbeeldingen",
 	"layermanager-options": "Opties",
 	"layermanager-baselayers-tooltip": "Basislagen toevoegen",
 	"layermanager-header-button-small": "klein",
@@ -2094,7 +2110,7 @@ var DragHandle = function DragHandle(_ref) {
   var nonEmptyTooltipTitle = tooltipTitle != null ? tooltipTitle : t('layermanager-layer-drag');
   var usedTooltipTitle = hideTooltip ? '' : nonEmptyTooltipTitle;
   return jsx(CustomIconButton, {
-    className: "handle",
+    className: isDisabled ? undefined : 'handle',
     "data-testid": "dragHandle",
     disableTouchRipple: true,
     disabled: isDisabled,
@@ -3373,7 +3389,10 @@ var LayerManagerMenuButton = function LayerManagerMenuButton(_ref) {
     _ref$canZoomToLayerEx = _ref.canZoomToLayerExtent,
     canZoomToLayerExtent = _ref$canZoomToLayerEx === void 0 ? true : _ref$canZoomToLayerEx,
     tooltipTitle = _ref.tooltipTitle,
-    icon = _ref.icon;
+    icon = _ref.icon,
+    stacDataLayout = _ref.stacDataLayout,
+    isTiledStacCollection = _ref.isTiledStacCollection,
+    onChangeStacDataLayout = _ref.onChangeStacDataLayout;
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
   var nonEmptyTooltipTitle = tooltipTitle != null ? tooltipTitle : t('layermanager-options');
@@ -3392,6 +3411,32 @@ var LayerManagerMenuButton = function LayerManagerMenuButton(_ref) {
   var onClickZoomToExtent = function onClickZoomToExtent() {
     onLayerZoomToExtent == null || onLayerZoomToExtent();
   };
+  var stacDataLayoutMenuItem = onChangeStacDataLayout ? {
+    text: t('layermanager-stac-layout-title'),
+    action: function action() {},
+    subMenuItems: [{
+      text: t('layermanager-stac-layout-auto'),
+      action: function action() {
+        return onChangeStacDataLayout('auto');
+      },
+      controlType: 'radio',
+      isSelected: !stacDataLayout || stacDataLayout === 'auto'
+    }].concat(!isTiledStacCollection ? [{
+      text: t('layermanager-stac-layout-temporal'),
+      action: function action() {
+        return onChangeStacDataLayout('temporal');
+      },
+      controlType: 'radio',
+      isSelected: stacDataLayout === 'temporal'
+    }] : [], [{
+      text: t('layermanager-stac-layout-spatial-tiles'),
+      action: function action() {
+        return onChangeStacDataLayout('spatial-tiles');
+      },
+      controlType: 'radio',
+      isSelected: stacDataLayout === 'spatial-tiles'
+    }])
+  } : undefined;
   return jsx(ToggleMenu, {
     buttonIcon: icon,
     buttonSx: {
@@ -3422,7 +3467,7 @@ var LayerManagerMenuButton = function LayerManagerMenuButton(_ref) {
       action: onClickZoomToExtent,
       icon: jsx(ZoomToLayer, {}),
       isDisabled: !canZoomToLayerExtent
-    }],
+    }].concat(stacDataLayoutMenuItem ? [stacDataLayoutMenuItem] : []),
     menuPosition: "bottom",
     tooltipTitle: nonEmptyTooltipTitle,
     children: !!isFeatureLayer && jsx(SelectableFeaturesCheckboxConnect, {
@@ -4330,6 +4375,7 @@ var wmLayerHasZoomExtent = function wmLayerHasZoomExtent(wmLayer, mapSrs) {
   return !!wmLayer.geographicBoundingBox;
 };
 var LayerManagerMenuButtonConnect = function LayerManagerMenuButtonConnect(_ref) {
+  var _layer$service;
   var layerId = _ref.layerId,
     mapId = _ref.mapId,
     tooltipTitle = _ref.tooltipTitle,
@@ -4345,6 +4391,11 @@ var LayerManagerMenuButtonConnect = function LayerManagerMenuButtonConnect(_ref)
     return layerSelectors.getIsFeatureSyncLayer(store, layerId);
   });
   var isFeatureLayer = layerType === LayerType.featureLayer;
+  var isStacGeoTIFFLayer = layerType === LayerType.stacGeoTIFFLayer;
+  var _useStacCollection = useStacCollection(isStacGeoTIFFLayer ? (_layer$service = layer == null ? void 0 : layer.service) != null ? _layer$service : '' : ''),
+    stacCollectionData = _useStacCollection.data;
+  var isTiledStacCollection = Boolean(stacCollectionData == null ? void 0 : stacCollectionData.item_assets);
+  var stacOptions = layer != null && layer.options && !('parameterNames' in layer.options) ? layer.options : undefined;
   var mapSrs = useSelector(function (store) {
     return mapSelectors.getSrs(store, mapId);
   });
@@ -4448,6 +4499,19 @@ var LayerManagerMenuButtonConnect = function LayerManagerMenuButtonConnect(_ref)
       origin: layerTypes.LayerActionOrigin.layerManager
     }));
   }, [dispatch, layerId]);
+  var changeStacDataLayout = React.useCallback(function (dataLayout) {
+    if (!layerId) {
+      return;
+    }
+    dispatch(layerActions.layerChangeOptions({
+      layerId: layerId,
+      mapId: mapId,
+      options: Object.assign({}, stacOptions, {
+        dataLayout: dataLayout
+      }),
+      origin: layerTypes.LayerActionOrigin.layerManager
+    }));
+  }, [dispatch, layerId, mapId, stacOptions]);
   return jsx(LayerManagerMenuButton, {
     canZoomToLayerExtent: canZoomToLayerExtent,
     icon: icon,
@@ -4455,6 +4519,8 @@ var LayerManagerMenuButtonConnect = function LayerManagerMenuButtonConnect(_ref)
     isFeatureSyncLayer: isFeatureSyncLayer,
     layerId: layerId,
     mapId: mapId,
+    isTiledStacCollection: isStacGeoTIFFLayer ? isTiledStacCollection : undefined,
+    onChangeStacDataLayout: isStacGeoTIFFLayer ? changeStacDataLayout : undefined,
     onLayerCopyToOtherMaps: copyLayerToOtherMaps,
     onLayerDuplicate: function onLayerDuplicate() {
       duplicateLayer({
@@ -4464,6 +4530,7 @@ var LayerManagerMenuButtonConnect = function LayerManagerMenuButtonConnect(_ref)
     },
     onLayerRemoveFromOtherMaps: removeLayerFromAllMaps,
     onLayerZoomToExtent: zoomToLayerExtent,
+    stacDataLayout: stacOptions == null ? void 0 : stacOptions.dataLayout,
     tooltipTitle: tooltipTitle
   });
 };
@@ -4650,30 +4717,12 @@ var formatParameterTitle = function formatParameterTitle(baseTitle, parameterKey
   var title = baseTitle + " (" + parameterKey;
   return title.length > 100 ? title.substring(0, 100) + "...)" : title + ")";
 };
-var getSTACServiceRootUrl$1 = function getSTACServiceRootUrl(serviceUrl) {
-  return serviceUrl.replace(/\/collections\/[^/]+\/?$/, '');
-};
-var getTrailingSlashVariant = function getTrailingSlashVariant(url) {
-  return url.endsWith('/') ? url.slice(0, -1) : url + "/";
-};
 var getSTACCollectionUrl = function getSTACCollectionUrl(serviceRootUrl, collectionName) {
   var normalizedRoot = serviceRootUrl.replace(/\/$/, '');
   // Only encode if not already encoded to avoid double-encoding
   var encodedName = collectionName.includes('%') ? collectionName : encodeURIComponent(collectionName);
   return normalizedRoot + "/collections/" + encodedName;
 };
-var resolvePreferredStyleName = function resolvePreferredStyleName(styleNames, currentStyle) {
-  if (styleNames.length === 0) {
-    return WMDefaultStyleName;
-  }
-  if (currentStyle && styleNames.includes(currentStyle)) {
-    return currentStyle;
-  }
-  if (styleNames.includes(WMDefaultStyleName)) {
-    return WMDefaultStyleName;
-  }
-  return styleNames[0];
-};
 var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var _service$layers;
   var layerId = _ref.layerId,
@@ -4696,7 +4745,7 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var serviceUrl = useSelector(function (store) {
     return layerSelectors.getLayerService(store, layerId);
   });
-  var resolvedServiceUrl = isStacGeoTIFFLayer ? getSTACServiceRootUrl$1(serviceUrl) : serviceUrl;
+  var resolvedServiceUrl = isStacGeoTIFFLayer ? layerUtils.getSTACServiceRootUrl(serviceUrl) : serviceUrl;
   var isLayerEnabled = useSelector(function (store) {
     return layerSelectors.getLayerEnabled(store, layerId);
   });
@@ -4707,7 +4756,7 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
     if (!isStacGeoTIFFLayer) {
       return serviceSelectors.getServiceByUrl(store, serviceUrl);
     }
-    return serviceSelectors.getServiceByUrl(store, resolvedServiceUrl) || serviceSelectors.getServiceByUrl(store, getTrailingSlashVariant(resolvedServiceUrl));
+    return serviceSelectors.getServiceByUrl(store, resolvedServiceUrl) || serviceSelectors.getServiceByUrl(store, layerUtils.getTrailingSlashVariant(resolvedServiceUrl));
   });
   var layerOptions = useSelector(function (store) {
     return layerSelectors.getLayerOptions(store, layerId);
@@ -4773,17 +4822,20 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
     if (!isStacGeoTIFFLayer || !isStacCollectionFetched) {
       return;
     }
-    var renderNames = Object.keys((stacCollectionData == null ? void 0 : stacCollectionData.renders) || {});
-    var nextStyle = resolvePreferredStyleName(renderNames, currentLayerStyle);
+    var styleNames = getStacCollectionStyles(stacCollectionData == null ? void 0 : stacCollectionData.renders, stacCollectionData == null ? void 0 : stacCollectionData.item_assets).map(function (_ref3) {
+      var name = _ref3.name;
+      return name;
+    });
+    var nextStyle = resolvePreferredStyleName(styleNames, currentLayerStyle);
     if (currentLayerStyle !== nextStyle) {
       layerChangeStyle(nextStyle);
     }
   }, [stacCollectionData, isStacCollectionFetched, isStacGeoTIFFLayer, currentLayerStyle, layerChangeStyle]);
   React.useEffect(function () {
-    if (!isStacGeoTIFFLayer || !(stacCollectionData != null && stacCollectionData.renders) || !layerName) {
+    if (!isStacGeoTIFFLayer || !stacCollectionData || !layerName) {
       return;
     }
-    var styles = getRendersAsStyles(stacCollectionData.renders);
+    var styles = getStacCollectionStyles(stacCollectionData.renders, stacCollectionData.item_assets);
     if (styles.length === 0) {
       return;
     }
@@ -4797,7 +4849,9 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
         path: [],
         styles: styles
       }],
-      scope: 'system'
+      scope: 'system',
+      isUpdating: true,
+      type: 'STAC'
     });
   }, [stacCollectionData, isStacGeoTIFFLayer, layerName, serviceUrl, serviceSetLayers]);
   React.useEffect(function () {
@@ -4805,8 +4859,8 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
       return;
     }
     var layers = Object.entries(data == null ? void 0 : data.parameter_names).map(function (parameter) {
-      var _ref3, _parameter$1$label;
-      var parameterTitle = (_ref3 = (_parameter$1$label = parameter[1].label) != null ? _parameter$1$label : parameter[1].description) != null ? _ref3 : parameter[0];
+      var _ref4, _parameter$1$label;
+      var parameterTitle = (_ref4 = (_parameter$1$label = parameter[1].label) != null ? _parameter$1$label : parameter[1].description) != null ? _ref4 : parameter[0];
       var title = formatParameterTitle(parameterTitle, parameter[0]);
       return {
         name: parameter[0],
@@ -4830,9 +4884,9 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
     });
   }, [data, serviceUrl, service, serviceSetLayers]);
   var layers = (_service$layers = service == null ? void 0 : service.layers) != null ? _service$layers : [];
-  var layerChangeName = React.useCallback(function (_ref4) {
-    var layerId = _ref4.layerId,
-      name = _ref4.name;
+  var layerChangeName = React.useCallback(function (_ref5) {
+    var layerId = _ref5.layerId,
+      name = _ref5.name;
     return dispatch(layerActions.layerChangeName({
       layerId: layerId,
       name: name,
@@ -4840,9 +4894,9 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
       origin: layerTypes.LayerActionOrigin.layerManager
     }));
   }, [dispatch, mapId]);
-  var layerChangeOptions = React.useCallback(function (_ref5) {
-    var layerId = _ref5.layerId,
-      options = _ref5.options;
+  var layerChangeOptions = React.useCallback(function (_ref6) {
+    var layerId = _ref6.layerId,
+      options = _ref6.options;
     return dispatch(layerActions.layerChangeOptions({
       layerId: layerId,
       options: options,
@@ -4850,9 +4904,9 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
       origin: layerTypes.LayerActionOrigin.layerManager
     }));
   }, [dispatch, mapId]);
-  var layerChangeService = React.useCallback(function (_ref6) {
-    var layerId = _ref6.layerId,
-      service = _ref6.service;
+  var layerChangeService = React.useCallback(function (_ref7) {
+    var layerId = _ref7.layerId,
+      service = _ref7.service;
     return dispatch(layerActions.layerChangeService({
       layerId: layerId,
       service: service,
@@ -4861,9 +4915,10 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
     }));
   }, [dispatch, mapId]);
   if (layerType === LayerType.edrFeatureLayer) {
-    var _layerOptions$paramet;
-    var selectedParams = (_layerOptions$paramet = layerOptions == null ? void 0 : layerOptions.parameterNames) != null ? _layerOptions$paramet : [];
-    var collectionId = (layerOptions == null ? void 0 : layerOptions.collectionId) || '';
+    var _edrLayerOptions$para;
+    var edrLayerOptions = layerOptions && 'parameterNames' in layerOptions ? layerOptions : undefined;
+    var selectedParams = (_edrLayerOptions$para = edrLayerOptions == null ? void 0 : edrLayerOptions.parameterNames) != null ? _edrLayerOptions$para : [];
+    var collectionId = (edrLayerOptions == null ? void 0 : edrLayerOptions.collectionId) || '';
     return jsx(RenderEDRLayers, {
       collectionId: collectionId,
       isEnabled: isLayerEnabled,
@@ -5005,20 +5060,14 @@ var LayerInfoButtonConnect = function LayerInfoButtonConnect(_ref) {
   });
 };
 
-var getSTACServiceRootUrl = function getSTACServiceRootUrl(serviceUrl) {
-  return serviceUrl.replace(/\/+$/, '').replace(/\/collections\/[^/]+$/, '');
-};
-var trimTrailingSlashes = function trimTrailingSlashes(url) {
-  return url.replace(/\/+$/, '');
-};
 var hasSameServiceUrl = function hasSameServiceUrl(urlA, urlB) {
-  return trimTrailingSlashes(urlA) === trimTrailingSlashes(urlB);
+  return layerUtils.trimTrailingSlashes(urlA) === layerUtils.trimTrailingSlashes(urlB);
 };
 var hasSameSTACServiceUrl = function hasSameSTACServiceUrl(urlA, urlB) {
-  return hasSameServiceUrl(getSTACServiceRootUrl(urlA), getSTACServiceRootUrl(urlB));
+  return hasSameServiceUrl(layerUtils.getSTACServiceRootUrl(urlA), layerUtils.getSTACServiceRootUrl(urlB));
 };
 var isSTACCollectionUrl = function isSTACCollectionUrl(serviceUrl) {
-  return trimTrailingSlashes(serviceUrl) !== getSTACServiceRootUrl(serviceUrl);
+  return layerUtils.trimTrailingSlashes(serviceUrl) !== layerUtils.getSTACServiceRootUrl(serviceUrl);
 };
 var hasMatchingSTACLayerServiceUrl = function hasMatchingSTACLayerServiceUrl(layerServiceUrl, layerInfoServiceUrl) {
   if (hasSameServiceUrl(layerServiceUrl, layerInfoServiceUrl)) {
@@ -5050,7 +5099,7 @@ var LayerInfoDialogConnect = function LayerInfoDialogConnect(_ref) {
   });
   var layerInfoServiceUrl = (_layerInfo$serviceUrl = layerInfo == null ? void 0 : layerInfo.serviceUrl) != null ? _layerInfo$serviceUrl : '';
   var isSelectedSTACLayer = (selectedMapLayer == null ? void 0 : selectedMapLayer.layerType) === LayerType.stacGeoTIFFLayer;
-  var serviceLookupUrl = isSelectedSTACLayer ? getSTACServiceRootUrl((_selectedMapLayer$ser = selectedMapLayer.service) != null ? _selectedMapLayer$ser : layerInfoServiceUrl) : layerInfoServiceUrl;
+  var serviceLookupUrl = isSelectedSTACLayer ? layerUtils.getSTACServiceRootUrl((_selectedMapLayer$ser = selectedMapLayer.service) != null ? _selectedMapLayer$ser : layerInfoServiceUrl) : layerInfoServiceUrl;
   var currentService = useSelector(function (store) {
     if (!isSelectedSTACLayer) {
       return serviceSelectors.getServiceByUrl(store, serviceLookupUrl);
@@ -5250,13 +5299,16 @@ var LayerContainerRow = /*#__PURE__*/React.memo(function (_ref) {
   var _React$useState4 = React.useState(0),
     rowsToDisplayFeature = _React$useState4[0],
     setRowsToDisplayFeature = _React$useState4[1];
-  var featureLayerIds = React.useMemo(function () {
+  var displayFeatureLayers = React.useMemo(function () {
     return featureLayers.filter(function (layer) {
       return layer.name !== undefined && layer.id !== undefined;
-    }).map(function (layer) {
-      return layer.id;
     });
   }, [featureLayers]);
+  var featureLayerIds = React.useMemo(function () {
+    return displayFeatureLayers.map(function (layer) {
+      return layer.id;
+    });
+  }, [displayFeatureLayers]);
   var layerMove = React.useCallback(function (_ref2) {
     var mapId = _ref2.mapId,
       oldIndex = _ref2.oldIndex,
@@ -5341,21 +5393,21 @@ var LayerContainerRow = /*#__PURE__*/React.memo(function (_ref) {
       settings: settings
     }, "layerRowConnect-map-" + layerId);
   });
-  var featureLayerContents = featureLayerIds.map(function (layerId) {
+  var featureLayerContents = displayFeatureLayers.map(function (layer) {
     var _settings$dragHandle3, _settings$dragHandle4;
     return jsx(LayerRowConnect, {
       collapsedColumns: collapsedColumns,
       dragHandle: jsx(DragHandle, {
-        hideTooltip: isSortingFeature || isDragDisabledFeature,
+        hideTooltip: isSortingFeature || isDragDisabledFeature || Boolean(layer.featureSync),
         icon: settings == null || (_settings$dragHandle3 = settings.dragHandle) == null ? void 0 : _settings$dragHandle3.icon,
-        isDisabled: isDragDisabledFeature,
+        isDisabled: isDragDisabledFeature || Boolean(layer.featureSync),
         isSorting: isSortingFeature,
         tooltipTitle: settings == null || (_settings$dragHandle4 = settings.dragHandle) == null ? void 0 : _settings$dragHandle4.tooltipTitle
       }),
-      layerId: layerId,
+      layerId: layer.id,
       mapId: mapId,
       settings: settings
-    }, "layerRowConnect-feature-" + layerId);
+    }, "layerRowConnect-feature-" + layer.id);
   });
   React.useEffect(function () {
     if (rowsToDisplayMap < mapLayerIds.length) {
@@ -7899,14 +7951,15 @@ var createLinkedFeatureCollection = function createLinkedFeatureCollection(linke
       var originalId = getFeatureKey((_geoFeature$propertie = geoFeature.properties) == null ? void 0 : _geoFeature$propertie.originalId) || getFeatureKey(featureLayer.originalId);
       return !(featureId && warningDialogFeatureKeys.has(featureId) || originalId && warningDialogFeatureKeys.has(originalId));
     }).map(function (geoFeature) {
-      var _featureLayer$feature, _getGeoFeatureSelecti;
+      var _featureLayer$feature, _getGeoFeatureSelecti, _featureLayer$opacity;
       var featureLayerKey = ((_featureLayer$feature = featureLayer.featureSync) == null ? void 0 : _featureLayer$feature.featureLayerKey) || featureLayer.id;
       var selectedFeatureIds = featureLayerKey ? selectedFeatureIdsByLayerKey.get(featureLayerKey) : undefined;
       var isSelected = selectedFeatureIds == null ? void 0 : selectedFeatureIds.has((_getGeoFeatureSelecti = getGeoFeatureSelectionKey(geoFeature)) != null ? _getGeoFeatureSelecti : '');
       var existingProperties = geoFeature.properties && typeof geoFeature.properties === 'object' ? geoFeature.properties : {};
       return Object.assign({}, geoFeature, {
         properties: Object.assign({}, existingProperties, {
-          sourceLayerId: featureLayer.id
+          sourceLayerId: featureLayer.id,
+          layerOpacity: (_featureLayer$opacity = featureLayer.opacity) != null ? _featureLayer$opacity : 1
         }, isSelected ? {
           highlightSelectedFeature: true
         } : undefined, featureLayer.originalId ? {
@@ -8012,6 +8065,23 @@ var makeLayerInfoPayload = function makeLayerInfoPayload(payload, mapDimensions,
   };
   return updatedPayLoad;
 };
+var getRenderedDimensions = function getRenderedDimensions(_ref) {
+  var layerType = _ref.layerType,
+    layerDimensions = _ref.layerDimensions,
+    mapTimeDimension = _ref.mapTimeDimension;
+  if (layerType !== LayerType.stacGeoTIFFLayer || !mapTimeDimension) {
+    return layerDimensions;
+  }
+  var hasLayerTimeDimension = layerDimensions == null ? void 0 : layerDimensions.some(function (_ref2) {
+    var name = _ref2.name;
+    return name === 'time';
+  });
+  return hasLayerTimeDimension ? layerDimensions.map(function (dimension) {
+    return dimension.name === 'time' ? Object.assign({}, dimension, {
+      currentValue: mapTimeDimension.currentValue
+    }) : dimension;
+  }) : [].concat(layerDimensions != null ? layerDimensions : [], [Object.assign({}, mapTimeDimension)]);
+};
 var getCenterOfLinkedFeature = function getCenterOfLinkedFeature(feature, srs) {
   var _feature$getGeometry;
   if (feature && ((_feature$getGeometry = feature.getGeometry()) == null ? void 0 : _feature$getGeometry.getType()) === 'Point') {
@@ -8029,11 +8099,11 @@ var getCenterOfLinkedFeature = function getCenterOfLinkedFeature(feature, srs) {
   }
   return null;
 };
-function useFitAndHighlightWarningFeature(_ref) {
-  var view = _ref.view,
-    warningDialogFeatures = _ref.warningDialogFeatures,
-    srs = _ref.srs,
-    mapId = _ref.mapId;
+function useFitAndHighlightWarningFeature(_ref3) {
+  var view = _ref3.view,
+    warningDialogFeatures = _ref3.warningDialogFeatures,
+    srs = _ref3.srs,
+    mapId = _ref3.mapId;
   var dispatch = useDispatch();
   useEffect(function () {
     var _warningDialogFeature, _geoJsonFeature$prope, _warningDialogFeature2, _geoJsonFeature$bbox;
@@ -8117,6 +8187,9 @@ var OlMapViewLayerConnect = function OlMapViewLayerConnect(layerProps) {
   var mapDimensions = useSelector(function (store) {
     return mapSelectors.getMapDimensions(store, mapId);
   });
+  var mapTimeDimension = useSelector(function (store) {
+    return mapSelectors.getMapDimension(store, mapId, 'time');
+  });
   var dispatch = useDispatch();
   var onInitializeLayer = useCallback(function (initProps) {
     var updatedPayLoad = makeLayerInfoPayload(initProps, mapDimensions || [], mapId);
@@ -8124,17 +8197,26 @@ var OlMapViewLayerConnect = function OlMapViewLayerConnect(layerProps) {
   }, [dispatch, mapDimensions, mapId]);
   var _useGetWMLayerInstanc = useGetWMLayerInstance(layer),
     wmLayer = _useGetWMLayerInstanc.wmLayer;
+  var effectiveLayerType = (wmLayer == null ? void 0 : wmLayer.layerType) || (layer == null ? void 0 : layer.layerType);
+  var renderedDimensions = getRenderedDimensions({
+    layerType: effectiveLayerType,
+    layerDimensions: layer == null ? void 0 : layer.dimensions,
+    mapTimeDimension: mapTimeDimension
+  });
   if (!wmLayer || !layer) {
     return null;
   }
-  var isInsideAcceptanceTime = getIsInsideAcceptanceTime(layer.acceptanceTimeInMinutes, mapDimensions, layer.dimensions);
+  // STAC layers query the exact map time, which is reflected in
+  // renderedDimensions even when the layer metadata still points at its latest time.
+  var isInsideAcceptanceTime = getIsInsideAcceptanceTime(layer.acceptanceTimeInMinutes, mapDimensions, renderedDimensions);
   return jsx(OpenLayersLayer, Object.assign({
     id: "layer-" + (layer == null ? void 0 : layer.id),
     zIndex: zIndex
   }, layer, {
     debugMode: debugMode,
+    dimensions: renderedDimensions,
     enabled: !!isInsideAcceptanceTime && layer.enabled,
-    layerType: (wmLayer == null ? void 0 : wmLayer.layerType) || layer.layerType,
+    layerType: effectiveLayerType,
     onInitializeLayer: onInitializeLayer
   }), "layer-" + (layer == null ? void 0 : layer.id));
 };
@@ -12055,4 +12137,4 @@ var storyUtils = /*#__PURE__*/Object.freeze({
   useDefaultMapSettings: useDefaultMapSettings
 });
 
-export { CORE_NAMESPACE, _ConfigurableMapConnect as ConfigurableMapConnect, CoreI18nProvider, CoreStoreProvider, CoreThemeProvider, CoreThemeStoreProvider, DemoWrapper, DemoWrapperConnect, HarmonieTempAndPrecipPreset, LanguageSelect, LayerInfoButtonConnect, LayerInfoDialogConnect, _LayerManager as LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LegendConnect, LegendMapButtonConnect, LoadingIndicatorProgressBar, LocationSearch, LocationSearchConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, OlMapViewConnect, RouterWrapperConnect, SearchControlButtonConnect, SelectedFeaturesDialogConnect, SyncGroupViewerConnect, TimeSliderConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, getCenterOfLinkedFeature, getIsOutdated, getLanguageFromLocalStorage, languageLocalStorageKey, makeLayerInfoPayload, makePrefetchTimeSpan, saveLanguageToLocalStorage, storyUtils, testLayers, useFetchServices, useFitAndHighlightWarningFeature, useGetOpenLayersView, useLocationDetail, useLocationList, usePrefetchTimeSpan, useUpdateTimeSpan, useUpdateTimestep };
+export { CORE_NAMESPACE, _ConfigurableMapConnect as ConfigurableMapConnect, CoreI18nProvider, CoreStoreProvider, CoreThemeProvider, CoreThemeStoreProvider, DemoWrapper, DemoWrapperConnect, HarmonieTempAndPrecipPreset, LanguageSelect, LayerInfoButtonConnect, LayerInfoDialogConnect, _LayerManager as LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LegendConnect, LegendMapButtonConnect, LoadingIndicatorProgressBar, LocationSearch, LocationSearchConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, OlMapViewConnect, RouterWrapperConnect, SearchControlButtonConnect, SelectedFeaturesDialogConnect, SyncGroupViewerConnect, TimeSliderConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, getCenterOfLinkedFeature, getIsOutdated, getLanguageFromLocalStorage, getRenderedDimensions, languageLocalStorageKey, makeLayerInfoPayload, makePrefetchTimeSpan, saveLanguageToLocalStorage, storyUtils, testLayers, useFetchServices, useFitAndHighlightWarningFeature, useGetOpenLayersView, useLocationDetail, useLocationList, usePrefetchTimeSpan, useUpdateTimeSpan, useUpdateTimestep };

package/dist/src/lib/components/ComponentsLookUp/componentsLookUp.d.ts

@@ -27,6 +27,15 @@ export interface InitialTimeSeriesProps {
     services: TimeSeriesService[];
     hideLocationMarkers?: boolean;
     syncGroupsIds: string[];
+    locationMenuSize?: {
+        width: number;
+        height: number;
+    };
+    locationMenuPosition?: {
+        x: number;
+        y: number;
+    };
+    isLocationsDialogOpen?: boolean;
 }
 export interface InitialSoundingsProps {
     selectedSources: Record<string, SourceSelection>;

package/dist/src/lib/components/LayerManager/LayerContainerRow/LayerRow/Menubutton/MenuButton.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { STACGeoTIFFLayerOptions } from '@opengeoweb/webmap';
 interface LayerManagerMenuButtonProps {
     mapId: string;
     layerId?: string;
@@ -14,6 +15,9 @@ interface LayerManagerMenuButtonProps {
     canZoomToLayerExtent?: boolean;
     tooltipTitle?: string;
     icon?: React.ReactNode;
+    stacDataLayout?: STACGeoTIFFLayerOptions['dataLayout'];
+    isTiledStacCollection?: boolean;
+    onChangeStacDataLayout?: (dataLayout: NonNullable<STACGeoTIFFLayerOptions['dataLayout']>) => void;
 }
 declare const LayerManagerMenuButton: React.FC<LayerManagerMenuButtonProps>;
 export default LayerManagerMenuButton;

package/dist/src/lib/components/MapViewConnect/olMapUtils.d.ts

@@ -1,10 +1,17 @@
 import type { Feature, View } from 'ol';
 import type { TimeSliderStartEndStep } from '@opengeoweb/store';
 import type { Dimension, RefTimeDimensionModes } from '@opengeoweb/webmap';
+import { LayerType } from '@opengeoweb/webmap';
 import type { MapLocation, OnInitializeLayerProps, TimeContextType, UpdateLayerInfoPayload } from '@opengeoweb/webmap-react';
 export declare const makePrefetchTimeSpan: (timeSliderStartCenterEndTime: TimeSliderStartEndStep, isAnimating: boolean, prefetchList: number[]) => TimeContextType;
 export declare const usePrefetchTimeSpan: (timeSliderStartCenterEndTime: TimeSliderStartEndStep, isAnimating: boolean, animationList: number[], refTimeDimensionModes?: RefTimeDimensionModes) => TimeContextType;
 export declare const makeLayerInfoPayload: (payload: OnInitializeLayerProps, mapDimensions: Dimension[], mapId: string) => UpdateLayerInfoPayload;
+interface GetRenderedDimensionsProps {
+    layerType?: LayerType;
+    layerDimensions?: Dimension[];
+    mapTimeDimension?: Dimension;
+}
+export declare const getRenderedDimensions: ({ layerType, layerDimensions, mapTimeDimension, }: GetRenderedDimensionsProps) => Dimension[] | undefined;
 export declare const getCenterOfLinkedFeature: (feature: Feature | undefined, srs: string) => MapLocation | null;
 interface UseFitAndHighlightWarningFeatureOptions {
     view: View | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "19.4.0",
+  "version": "19.5.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {