@opengeoweb/core 19.3.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';
@@ -23,7 +23,6 @@ import { bbox } from '@turf/turf';
 import proj4 from 'proj4';
 import { getIntersection } from 'ol/extent';
 import GeoJSON from 'ol/format/GeoJSON';
-import axios from 'axios';
 import { ImageWMS } from 'ol/source';
 import DOMPurify from 'dompurify';
 import { snackbarTypes, snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
@@ -74,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",
@@ -171,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",
@@ -259,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",
@@ -348,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",
@@ -2095,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,
@@ -3374,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');
@@ -3393,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: {
@@ -3423,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, {
@@ -4331,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,
@@ -4346,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);
   });
@@ -4449,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,
@@ -4456,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({
@@ -4465,6 +4530,7 @@ var LayerManagerMenuButtonConnect = function LayerManagerMenuButtonConnect(_ref)
     },
     onLayerRemoveFromOtherMaps: removeLayerFromAllMaps,
     onLayerZoomToExtent: zoomToLayerExtent,
+    stacDataLayout: stacOptions == null ? void 0 : stacOptions.dataLayout,
     tooltipTitle: tooltipTitle
   });
 };
@@ -4651,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,
@@ -4697,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);
   });
@@ -4708,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);
@@ -4774,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;
     }
@@ -4798,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 () {
@@ -4806,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],
@@ -4831,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,
@@ -4841,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,
@@ -4851,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,
@@ -4862,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,
@@ -5006,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)) {
@@ -5051,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);
@@ -5251,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,
@@ -5342,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) {
@@ -7900,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 ? {
@@ -8013,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') {
@@ -8030,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;
@@ -8118,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);
@@ -8125,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));
 };
@@ -8553,6 +8634,64 @@ var getTitle = function getTitle(layerId) {
   var wmjsLayer = webmapUtils.getWMLayerById(layerId);
   return wmjsLayer ? wmjsLayer.title || wmjsLayer.name : layerId;
 };
+var getWmtsFeatureInfoUrl = function getWmtsFeatureInfoUrl(wmjsLayer, layer, mapPinLocation) {
+  var _layer$dimensions;
+  (_layer$dimensions = layer.dimensions) == null || _layer$dimensions.forEach(function (dim) {
+    var wmDim = wmjsLayer == null ? void 0 : wmjsLayer.getDimension(dim.name);
+    if (wmDim && wmDim.getValue() !== dim.currentValue) {
+      wmDim.setValue(dim.currentValue);
+    }
+  });
+  var wmtsSource = wmjsLayer == null ? void 0 : wmjsLayer.olSource;
+  if (!wmtsSource || !(wmjsLayer != null && wmjsLayer.getfeatureinfoURL)) {
+    return '';
+  }
+  var tileGrid = wmtsSource.getTileGrid();
+  var tileCoord = tileGrid.getTileCoordForCoordAndResolution([mapPinLocation.projectionX, mapPinLocation.projectionY], mapPinLocation.resolution);
+  if (!tileCoord) {
+    return '';
+  }
+  var z = tileCoord[0],
+    tileCol = tileCoord[1],
+    tileRow = tileCoord[2];
+  var tileExtent = tileGrid.getTileCoordExtent(tileCoord);
+  var tileResolution = tileGrid.getResolution(z);
+  var tileSize = tileGrid.getTileSize(z);
+  var tileWidth = Array.isArray(tileSize) ? tileSize[0] : tileSize;
+  var tileHeight = Array.isArray(tileSize) ? tileSize[1] : tileSize;
+  if (!tileResolution || !tileWidth || !tileHeight) {
+    return '';
+  }
+  var i = Math.min(Math.max(Math.floor((mapPinLocation.projectionX - tileExtent[0]) / tileResolution), 0), tileWidth - 1);
+  var pixelJ = Math.min(Math.max(Math.floor((tileExtent[3] - mapPinLocation.projectionY) / tileResolution), 0), tileHeight - 1);
+  var matrixIds = (tileGrid.getMatrixIds == null ? void 0 : tileGrid.getMatrixIds()) || [];
+  var tileMatrix = matrixIds[z] || "" + z;
+  var params = new URLSearchParams();
+  params.set('SERVICE', 'WMTS');
+  params.set('REQUEST', 'GetFeatureInfo');
+  params.set('VERSION', '1.0.0');
+  params.set('LAYER', wmjsLayer.getLayerName());
+  params.set('STYLE', wmjsLayer.getStyle() || 'default');
+  params.set('TILEMATRIXSET', wmjsLayer.wmtsTileMatrixSet || 'EPSG:3857');
+  params.set('TILEMATRIX', tileMatrix);
+  params.set('TILEROW', "" + tileRow);
+  params.set('TILECOL', "" + tileCol);
+  params.set('I', "" + i);
+  params.set('J', "" + pixelJ);
+  params.set('INFOFORMAT', wmjsLayer.wmtsInfoFormat || 'text/html');
+  var mapDimURL = getMapDimURL(wmjsLayer).toString();
+  if (mapDimURL) {
+    var dimParams = new URLSearchParams(mapDimURL);
+    dimParams.forEach(function (value, key) {
+      params.set(key.toUpperCase(), value);
+    });
+  }
+  var featureInfoUrl = new URL(wmjsLayer.getfeatureinfoURL);
+  params.forEach(function (value, key) {
+    featureInfoUrl.searchParams.set(key, value);
+  });
+  return featureInfoUrl.toString();
+};
 var getFeatureInfoUrl = function getFeatureInfoUrl(layer, mapPinLocation) {
   /*
     We need a wmjsLayer to build the getfeatureinfo url (getWMSGetFeatureInfoRequestURL function).
@@ -8560,13 +8699,13 @@ var getFeatureInfoUrl = function getFeatureInfoUrl(layer, mapPinLocation) {
     Therefore make a clone of this layer and set its dimensions based on the layer object.
     Otherwise we risk making a getfeatureinfo call with outdated dimension values.
   */
-  var wmjsLayer = webmapUtils.getWMLayerById(layer.id).cloneLayer();
-  if (wmjsLayer.layerType === LayerType.wmtsMapLayer) {
-    // WMTS Layers do not support GetFeatureInfo
-    return '';
-  }
+  var originalWmjsLayer = webmapUtils.getWMLayerById(layer.id);
+  var wmjsLayer = originalWmjsLayer.cloneLayer();
   if (mapPinLocation) {
-    var _layer$dimensions;
+    var _layer$dimensions2;
+    if (wmjsLayer.layerType === LayerType.wmtsMapLayer) {
+      return getWmtsFeatureInfoUrl(wmjsLayer, layer, mapPinLocation);
+    }
     // OpenLayers WMS version
     var source = new ImageWMS({
       url: wmjsLayer.getmapURL,
@@ -8574,7 +8713,7 @@ var getFeatureInfoUrl = function getFeatureInfoUrl(layer, mapPinLocation) {
         LAYERS: wmjsLayer.getLayerName()
       }
     });
-    (_layer$dimensions = layer.dimensions) == null || _layer$dimensions.forEach(function (dim) {
+    (_layer$dimensions2 = layer.dimensions) == null || _layer$dimensions2.forEach(function (dim) {
       var wmDim = wmjsLayer.getDimension(dim.name);
       if (wmDim && wmDim.getValue() !== dim.currentValue) {
         wmDim.setValue(dim.currentValue);
@@ -8708,7 +8847,7 @@ var GetFeatureInfoDialog = function GetFeatureInfoDialog(_ref) {
   /* Do a GFI call to the server and use the updateLayerResult to provide the results. */
   var fetchLayerInfo = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(url, layerId) {
-      var _yield$axios$get, data, errorMessage, _t;
+      var response, data, errorMessage, _t;
       return _regenerator().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
           case 0:
@@ -8730,19 +8869,28 @@ var GetFeatureInfoDialog = function GetFeatureInfoDialog(_ref) {
               isLoading: true
             });
             _context.n = 2;
-            return axios.get(url);
+            return fetch(url);
           case 2:
-            _yield$axios$get = _context.v;
-            data = _yield$axios$get.data;
+            response = _context.v;
+            if (response.ok) {
+              _context.n = 3;
+              break;
+            }
+            throw new Error("GetFeatureInfo request failed (" + response.status + ")");
+          case 3:
+            _context.n = 4;
+            return response.text();
+          case 4:
+            data = _context.v;
             updateLayerResult({
               layerId: layerId,
               data: data,
               isLoading: false
             });
-            _context.n = 4;
+            _context.n = 6;
             break;
-          case 3:
-            _context.p = 3;
+          case 5:
+            _context.p = 5;
             _t = _context.v;
             errorMessage = _t instanceof Error ? _t.message : 'fetchLayerInfo failed';
             updateLayerResult({
@@ -8750,10 +8898,10 @@ var GetFeatureInfoDialog = function GetFeatureInfoDialog(_ref) {
               data: errorMessage,
               isLoading: false
             });
-          case 4:
+          case 6:
             return _context.a(2);
         }
-      }, _callee, null, [[1, 3]]);
+      }, _callee, null, [[1, 5]]);
     }));
     return function fetchLayerInfo(_x, _x2) {
       return _ref3.apply(this, arguments);
@@ -11989,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.3.0",
+  "version": "19.5.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -28,7 +28,6 @@
     "@opengeoweb/webmap-react": "*",
     "@opengeoweb/webmap": "*",
     "@opengeoweb/theme": "*",
-    "axios": "^1.18.0",
     "@opengeoweb/layer-select": "*",
     "lodash": "^4.18.1",
     "ol": "^10.4.0",