@opengeoweb/core 19.5.1 → 19.6.0

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { FormControl, MenuItem, Grid, InputLabel, Paper, Box, Typography, CircularProgress, List, ListSubheader, ListItemButton, ListItemText, DialogContentText, TextField, InputAdornment, Button, useTheme, Tooltip, ListItem, ListItemIcon, Checkbox, Popper, Fade, styled, LinearProgress, Autocomplete, Switch, Select } from '@mui/material';
 import React, { useMemo, useState, useCallback, useEffect, useContext } from 'react';
-import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, TooltipSelect, CustomIconButton, CustomDialog, CustomTooltip, ToggleMenu, AlertIcon, useConfirmationDialog, useScrollingInIsolation, sliderHeaderStyle, CustomSlider, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, dateUtils, sessionStorageProvider, useDebounce, usePrevious } from '@opengeoweb/shared';
-import { webmapUtils, queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, WMDefaultStyleName, WMJSMAP_LONLAT_EPSGCODE, queryWMSServiceInfo, queryWMSLayers, getWMSServiceId, handleDateUtilsISOString, generateLayerId, WMJSDimension, getWMLayerById, getMapDimURL, WMLayer } from '@opengeoweb/webmap';
+import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, TooltipSelect, CustomIconButton, CustomDialog, CustomTooltip, ToggleMenu, AlertIcon, useConfirmationDialog, useScrollingInIsolation, sliderHeaderStyle, CustomSlider, SearchField, SearchHighlight, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, dateUtils, sessionStorageProvider, useDebounce, usePrevious } from '@opengeoweb/shared';
+import { webmapUtils, queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, WMJSDimension, WMDefaultStyleName, WMJSMAP_LONLAT_EPSGCODE, queryWMSServiceInfo, queryWMSLayers, getWMSServiceId, handleDateUtilsISOString, generateLayerId, getWMLayerById, getMapDimURL, WMLayer } from '@opengeoweb/webmap';
 import _, { isEqual, isArray, range, zip, throttle } from 'lodash';
 import { useDispatch, useSelector, connect, useStore, shallowEqual, Provider } from 'react-redux';
 import { mapSelectors, layerSelectors, layerActions, layerTypes, filterLayers, mapActions, mapEnums, loadingIndicatorSelectors, layerUtils, serviceSelectors, serviceActions, uiSelectors, uiTypes, useSetupDialog, getUserAddedServices, uiActions, genericActions, drawingToolSelectors, syncGroupsSelectors, syncConstants, getViewObjectForSyncGroup, getViewObjectForMapId, loadingIndicatorActions, genericSelectors, PUBLIC_WARNING_DRAW_TOOL_ID, defaultLayers, getSingularDrawtoolDrawLayerId, syncGroupsSelector, syncGroupsActions, routerUtils, mapUtils } from '@opengeoweb/store';
@@ -2793,7 +2793,10 @@ var DimensionSelect = function DimensionSelect(_ref) {
     return dimension.name === selectedDimensionName;
   });
   var wmDimension = webmapUtils.getWMJSDimensionForLayerAndDimension(layerId || '', selectedDimension == null ? void 0 : selectedDimension.name);
-  var generatedValues = (wmDimension == null ? void 0 : wmDimension.generateAllValues()) || [];
+  var generatedValues = React.useMemo(function () {
+    var dimension = wmDimension || (selectedDimension != null && selectedDimension.values ? new WMJSDimension(selectedDimension) : undefined);
+    return (dimension == null ? void 0 : dimension.generateAllValues()) || [];
+  }, [selectedDimension, wmDimension]);
   var dimensionNames = layerDimensions.map(function (dimension) {
     return dimension.name;
   });
@@ -3694,6 +3697,9 @@ var RenderLayers = function RenderLayers(_ref) {
     isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
     tooltipPrefix = _ref.tooltipPrefix,
     skipLocalStyling = _ref.skipLocalStyling;
+  var _React$useState = React.useState(''),
+    searchFilter = _React$useState[0],
+    setSearchFilter = _React$useState[1];
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
   var nonEmptyTooltipPrefix = tooltipPrefix != null ? tooltipPrefix : t('layermanager-layer') + ": ";
@@ -3713,7 +3719,25 @@ var RenderLayers = function RenderLayers(_ref) {
       value: layer.name
     };
   });
+  var filteredLayers = extendedLayers.filter(function (layer) {
+    var _layer$title;
+    return (_layer$title = layer.title) == null ? void 0 : _layer$title.toLowerCase().includes(searchFilter.toLowerCase());
+  });
   return jsxs(TooltipSelect, {
+    MenuProps: {
+      slotProps: {
+        paper: {
+          style: {
+            width: '500px'
+          }
+        },
+        list: {
+          style: {
+            padding: 0
+          }
+        }
+      }
+    },
     currentIndex: currentIndex,
     disableUnderline: true,
     inputProps: {
@@ -3736,19 +3760,57 @@ var RenderLayers = function RenderLayers(_ref) {
     skipLocalStyling: skipLocalStyling,
     tooltip: "" + nonEmptyTooltipPrefix + ((_extendedLayers$curre = extendedLayers[currentIndex]) == null ? void 0 : _extendedLayers$curre.title),
     value: currentValue,
-    children: [jsx(MenuItem, {
+    children: [jsx(Box, {
+      ref: function ref(node) {
+        if (node) {
+          // focus the search field when the menu opens
+          requestAnimationFrame(function () {
+            var _node$querySelector;
+            (_node$querySelector = node.querySelector('input')) == null || _node$querySelector.focus();
+          });
+        }
+      },
+      sx: {
+        position: 'sticky',
+        top: 0,
+        zIndex: 1,
+        backgroundColor: 'geowebColors.background.surface'
+      },
+      children: jsx(SearchField, {
+        searchFilter: searchFilter,
+        setSearchFilter: setSearchFilter
+      })
+    }), jsx(MenuItem, {
       disabled: true,
-      children: t('layermanager-layer')
-    }), extendedLayers.map(function (layerFromServiceLayers, currentIndex) {
+      children: filteredLayers.length ? t('layermanager-layer') : t('layermanager-layer') + " - " + t('search-no-results')
+    }), filteredLayers.map(function (layerFromServiceLayers, currentIndex) {
       return jsxs(MenuItem, {
         disabled: !layerFromServiceLayers.leaf,
         sx: {
           '& .MuiSvgIcon-root': {
             marginLeft: '28px'
-          }
+          },
+          gap: 1
         },
         value: layerFromServiceLayers.name,
-        children: [layerFromServiceLayers.title, currentIndex === layers.length && jsx(AlertIcon, {
+        children: [jsx(CustomTooltip, {
+          title: layerFromServiceLayers.title,
+          children: jsx(Box, {
+            component: "span",
+            sx: {
+              display: 'block',
+              flex: '1 1 auto',
+              minWidth: 0,
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap'
+            },
+            children: jsx(SearchHighlight, {
+              search: searchFilter,
+              text: layerFromServiceLayers.title
+            })
+          })
+        }), currentIndex === layers.length && jsx(AlertIcon, {
           severity: "error"
         })]
       }, layerFromServiceLayers.name);
@@ -4621,6 +4683,9 @@ var RenderEDRLayers = function RenderEDRLayers(_ref) {
     isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
     tooltipPrefix = _ref.tooltipPrefix,
     skipLocalStyling = _ref.skipLocalStyling;
+  var _React$useState = React.useState(''),
+    searchFilter = _React$useState[0],
+    setSearchFilter = _React$useState[1];
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
   var nonEmptyTooltipPrefix = tooltipPrefix != null ? tooltipPrefix : selectedParams.length === 1 ? t('layermanager-layer') + ": " : t('layermanager-layer-multi') + ": ";
@@ -4646,6 +4711,10 @@ var RenderEDRLayers = function RenderEDRLayers(_ref) {
       value: layer.name
     };
   });
+  var filteredLayers = extendedLayers.filter(function (layer) {
+    var _layer$title;
+    return (_layer$title = layer.title) == null ? void 0 : _layer$title.toLowerCase().includes(searchFilter.toLowerCase());
+  });
   var edrText = t('layermanager-EDR');
   var tooltipNames = currentValues.map(function (value) {
     var layer = extendedLayers.find(function (layer) {
@@ -4657,6 +4726,20 @@ var RenderEDRLayers = function RenderEDRLayers(_ref) {
     return (paramA != null ? paramA : '').localeCompare(paramB != null ? paramB : '');
   }).join(', ');
   return jsxs(TooltipSelect, {
+    MenuProps: {
+      slotProps: {
+        paper: {
+          style: {
+            width: '500px'
+          }
+        },
+        list: {
+          style: {
+            padding: 0
+          }
+        }
+      }
+    },
     disableUnderline: true,
     inputProps: {
       SelectDisplayProps: {
@@ -4673,22 +4756,59 @@ var RenderEDRLayers = function RenderEDRLayers(_ref) {
     skipLocalStyling: skipLocalStyling,
     tooltip: tooltip,
     value: currentValues,
-    children: [jsx(MenuItem, {
+    children: [jsx(Box, {
+      ref: function ref(node) {
+        if (node) {
+          requestAnimationFrame(function () {
+            var _node$querySelector;
+            (_node$querySelector = node.querySelector('input')) == null || _node$querySelector.focus();
+          });
+        }
+      },
+      sx: {
+        position: 'sticky',
+        top: 0,
+        zIndex: 1,
+        backgroundColor: 'geowebColors.background.surface'
+      },
+      children: jsx(SearchField, {
+        searchFilter: searchFilter,
+        setSearchFilter: setSearchFilter
+      })
+    }), jsx(MenuItem, {
       disabled: true,
-      children: t('layermanager-layer')
-    }), extendedLayers.map(function (layerFromServiceLayers, currentIndex) {
+      children: filteredLayers.length ? t('layermanager-layer') : t('layermanager-layer') + " - " + t('search-no-results')
+    }), filteredLayers.map(function (layerFromServiceLayers, currentIndex) {
       return jsxs(MenuItem, {
         disabled: !layerFromServiceLayers.leaf,
         sx: {
           '&.MuiMenuItem-root.Mui-selected': {
             background: 'none',
             color: 'geowebColors.typographyAndIcons.text'
-          }
+          },
+          whiteSpace: 'pre-wrap'
         },
         value: layerFromServiceLayers.name,
         children: [jsx(Checkbox, {
           checked: currentValues.includes(layerFromServiceLayers.name)
-        }), layerFromServiceLayers.title, currentIndex === layers.length && jsx(AlertIcon, {
+        }), jsx(CustomTooltip, {
+          title: layerFromServiceLayers.title,
+          children: jsx(Box, {
+            component: "span",
+            sx: {
+              display: 'block',
+              flex: '1 1 auto',
+              minWidth: 0,
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap'
+            },
+            children: jsx(SearchHighlight, {
+              search: searchFilter,
+              text: layerFromServiceLayers.title
+            })
+          })
+        }), currentIndex === layers.length && jsx(AlertIcon, {
           severity: "error"
         })]
       }, layerFromServiceLayers.name);
@@ -5932,6 +6052,7 @@ var _LayerManager = function LayerManager(_ref) {
     "data-size": dataSize,
     "data-testid": "layerManagerWindow",
     dragHandleIcon: settings == null || (_settings$toolbar2 = settings.toolbar) == null || (_settings$toolbar2 = _settings$toolbar2.dragHandle) == null ? void 0 : _settings$toolbar2.icon,
+    fixTopPosition: true,
     headerSize: headerSize,
     isOpen: isOpen,
     minHeight: minSize.height,
@@ -6807,42 +6928,31 @@ var _TimeStepButtonConnect = function TimeStepButtonConnect(_ref) {
 };
 
 var POPPER_WIDTH = 440;
-var POPPER_LENGTH = 270;
-var getPopperplacement = function getPopperplacement(buttonElement, mapId) {
+var getOptionsMenuOrientation = function getOptionsMenuOrientation(buttonElement, mapId) {
   var _document$getElementB;
   var button = buttonElement == null ? void 0 : buttonElement.getBoundingClientRect();
   var mapWindow = (_document$getElementB = document.getElementById("mapcontainer_" + mapId)) == null ? void 0 : _document$getElementB.getBoundingClientRect();
-  if (button && mapWindow) {
-    var popperIsOutsideWindowOnLeft = mapWindow.left > button.left - POPPER_WIDTH;
-    var popperIsOutsideWindowOnBottom = button.bottom + POPPER_LENGTH > mapWindow.bottom;
-    var popperIsOutsideWindowOnRight = button.right + POPPER_WIDTH > mapWindow.right;
-    if (!popperIsOutsideWindowOnLeft) {
-      return 'left';
-    }
-    if (!popperIsOutsideWindowOnBottom) {
-      return 'bottom';
-    }
-    if (!popperIsOutsideWindowOnRight) {
-      return 'right';
-    }
-    return 'top';
+  if (!button || !mapWindow) {
+    return 'horizontal';
   }
-  return 'left';
+  var horizontalMenuFitsInsideMap = button.right - POPPER_WIDTH >= mapWindow.left;
+  return horizontalMenuFitsInsideMap ? 'horizontal' : 'vertical';
 };
 var OptionsMenu = function OptionsMenu(_ref) {
   var _ref$isOpen = _ref.isOpen,
     isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
     buttonElement = _ref.buttonElement,
-    popperPlacement = _ref.popperPlacement,
+    orientation = _ref.orientation,
     mapId = _ref.mapId;
   if (!buttonElement) {
     return null;
   }
-  var direction = ['bottom', 'top'].includes(popperPlacement) ? 'column' : 'row';
+  var isVertical = orientation === 'vertical';
   return jsx(Popper, {
     anchorEl: buttonElement,
+    "data-testid": "clockOptionsMenu",
     open: isOpen,
-    placement: popperPlacement,
+    placement: "bottom-end",
     sx: {
       zIndex: 1002
     },
@@ -6853,12 +6963,12 @@ var OptionsMenu = function OptionsMenu(_ref) {
         spacing: 0.5,
         sx: Object.assign({
           padding: '8px'
-        }, direction === 'column' && {
+        }, isVertical && {
           '& button': {
             width: '100%!important'
           }
         }, {
-          flexDirection: direction === 'column' ? 'column' : 'row'
+          flexDirection: isVertical ? 'column' : 'row'
         }),
         children: [jsx(NowButtonConnect, {
           mapId: mapId,
@@ -6893,9 +7003,9 @@ var ClockConnect = function ClockConnect(_ref) {
   var _useState = useState(null),
     popperButtonElement = _useState[0],
     setPopperButtonElement = _useState[1];
-  var _useState2 = useState('bottom'),
-    popperPlacement = _useState2[0],
-    setPopperPlacement = _useState2[1];
+  var _useState2 = useState('horizontal'),
+    optionsMenuOrientation = _useState2[0],
+    setOptionsMenuOrientation = _useState2[1];
   var selectedTime = useSelector(function (store) {
     return mapSelectors.getSelectedTime(store, mapId);
   });
@@ -6912,9 +7022,8 @@ var ClockConnect = function ClockConnect(_ref) {
     return mapSelectors.getIsClockOptionsMenuVisible(store, mapId);
   });
   useEffect(function () {
-    // Update optionsMenu placement when visiblity or clock position/size changes
     if (popperButtonElement) {
-      setPopperPlacement(getPopperplacement(popperButtonElement, mapId));
+      setOptionsMenuOrientation(getOptionsMenuOrientation(popperButtonElement, mapId));
     }
   }, [mapId, isOptionsMenuVisible, clockPosition, clockSize, popperButtonElement]);
   var onToggleClock = function onToggleClock(isClockVisible) {
@@ -6961,7 +7070,7 @@ var ClockConnect = function ClockConnect(_ref) {
       buttonElement: popperButtonElement,
       isOpen: isOptionsMenuVisible,
       mapId: mapId,
-      popperPlacement: popperPlacement
+      orientation: optionsMenuOrientation
     })]
   });
 };
@@ -6981,15 +7090,16 @@ var LegendConnectComponent = function LegendConnectComponent(_ref) {
   var mapIdStore = useSelector(function (store) {
     return uiSelectors.getDialogMapId(store, legendType);
   });
-  var _React$useState = React.useState(initialMapId),
-    mapId = _React$useState[0],
-    setMapId = _React$useState[1];
-  React.useEffect(function () {
-    setMapId(mapIdStore);
-  }, [mapIdStore]);
+  var mapId = initialMapId || mapIdStore;
   var mapLayers = useSelector(function (store) {
     return mapSelectors.getMapLayers(store, mapId);
   });
+  var legendPosition = useSelector(function (store) {
+    return mapSelectors.getLegendPosition(store, mapId);
+  });
+  var legendSize = useSelector(function (store) {
+    return mapSelectors.getLegendSize(store, mapId);
+  });
   var _useSetupDialog = useSetupDialog(legendType, source),
     dialogOrder = _useSetupDialog.dialogOrder,
     isDialogOpen = _useSetupDialog.isDialogOpen,
@@ -7013,16 +7123,42 @@ var LegendConnectComponent = function LegendConnectComponent(_ref) {
       origin: mapEnums.MapActionOrigin.map
     }));
   };
+  var onLegendDialogMove = React.useCallback(function (position, size) {
+    dispatch(mapActions.setLegendPositionSize(Object.assign({
+      mapId: mapId,
+      position: {
+        x: position.x,
+        y: position.y
+      }
+    }, typeof size.width === 'number' && typeof size.height === 'number' && {
+      size: {
+        width: size.width,
+        height: size.height
+      }
+    }, {
+      origin: mapEnums.MapActionOrigin.map
+    })));
+  }, [dispatch, mapId]);
   return jsx(LegendDialog, {
     isOpen: isDialogOpen,
     layers: mapLayers,
     mapId: mapId,
     onClose: onCloseDialog,
+    onDragEnd: onLegendDialogMove,
     onMouseDown: setDialogOrder,
     onToggleLayerLegendVisibility: onToggleLayerLegendVisibility,
     order: dialogOrder,
     showMapId: showMapId,
-    source: uiSource
+    source: uiSource,
+    startDraggablePosition: legendPosition != null ? legendPosition : {
+      x: 0,
+      y: 0
+    },
+    startPosition: {
+      right: 20,
+      top: 50
+    },
+    startSize: legendSize
   });
 };
 /**
@@ -8923,6 +9059,7 @@ var GetFeatureInfoDialog = function GetFeatureInfoDialog(_ref) {
   return jsx(ToolContainerDraggable, {
     bounds: "parent",
     "data-testid": "moveable-getfeatureinfo",
+    fixTopPosition: true,
     initialMaxHeight: 440,
     isOpen: isOpen,
     minWidth: 100,
@@ -10128,6 +10265,8 @@ var calculateNewAnimationTimeBounds = function calculateNewAnimationTimeBounds(n
   };
 };
 
+/** Below dialogs, so their resize handles stay hoverable over the slider. */
+var TIME_SLIDER_Z_INDEX = 60;
 var useUpdateTimestep = function useUpdateTimestep(mapId) {
   var autoTimeStepLayerId = useSelector(function (store) {
     return mapSelectors.getAutoTimeStepLayerId(store, mapId);
@@ -10670,7 +10809,7 @@ var _ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
           position: 'absolute',
           left: '0px',
           bottom: '0px',
-          zIndex: 1000,
+          zIndex: TIME_SLIDER_Z_INDEX,
           width: '100%'
         },
         children: jsx(TimeSliderConnect, {
@@ -10766,7 +10905,7 @@ var MultiMapViewConnect = function MultiMapViewConnect(_ref) {
         position: 'absolute',
         left: '0px',
         bottom: '0px',
-        zIndex: 1000,
+        zIndex: TIME_SLIDER_Z_INDEX,
         width: '100%'
       },
       children: !!showTimeSlider && jsx(TimeSliderConnect, {
@@ -12137,4 +12276,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, getRenderedDimensions, 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, TIME_SLIDER_Z_INDEX, TimeSliderConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, getAffectedIndices, getCenterOfLinkedFeature, getCurrentSelectedIndices, getIsOutdated, getLanguageFromLocalStorage, getRenderedDimensions, languageLocalStorageKey, makeLayerInfoPayload, makePrefetchTimeSpan, saveLanguageToLocalStorage, storyUtils, testLayers, useFetchServices, useFitAndHighlightWarningFeature, useGetOpenLayersView, useLocationDetail, useLocationList, usePrefetchTimeSpan, useUpdateTimeSpan, useUpdateTimestep };

package/dist/src/lib/components/ClockConnect/OptionsMenu.d.ts

@@ -1,9 +1,9 @@
 import type { FC } from 'react';
-export type PopperPlacement = 'right' | 'left' | 'top' | 'bottom';
-export declare const getPopperplacement: (buttonElement: HTMLButtonElement | null, mapId: string) => PopperPlacement;
+export type OptionsMenuOrientation = 'horizontal' | 'vertical';
+export declare const getOptionsMenuOrientation: (buttonElement: HTMLButtonElement | null, mapId: string) => OptionsMenuOrientation;
 export interface OptionsMenuProps {
     isOpen?: boolean;
-    popperPlacement: PopperPlacement;
+    orientation: OptionsMenuOrientation;
     buttonElement: HTMLButtonElement | null;
     mapId: string;
 }

package/dist/src/lib/components/TimeSliderConnect/TimeSliderButtonsConnect/AutoUpdateButtonConnect.d.ts

@@ -5,7 +5,7 @@ interface ConnectedAutoUpdateButtonProps {
     isAutoUpdating?: boolean;
     toggleAutoUpdate?: typeof mapActions.toggleAutoUpdate;
 }
-export declare const AutoUpdateButtonConnect: import("react-redux").ConnectedComponent<import("react-redux").ConnectedComponent<({ mapId, isAutoUpdating, toggleAutoUpdate, }: ConnectedAutoUpdateButtonProps) => import("react/jsx-runtime").JSX.Element, {
+export declare const AutoUpdateButtonConnect: import("react-redux").ConnectedComponent<import("react-redux").ConnectedComponent<({ mapId, isAutoUpdating, toggleAutoUpdate, }: ConnectedAutoUpdateButtonProps) => React.JSX.Element, {
     mapId: string;
     isAutoUpdating?: boolean | undefined;
     toggleAutoUpdate?: typeof mapActions.toggleAutoUpdate | undefined;

package/dist/src/lib/components/TimeSliderConnect/TimeSliderConnect.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+/** Below dialogs, so their resize handles stay hoverable over the slider. */
+export declare const TIME_SLIDER_Z_INDEX = 60;
 export declare const useUpdateTimestep: (mapId: string) => void;
 export declare const useUpdateTimeSpan: (mapId: string, myOnSetTimeSliderSpan: (newSpan: number, newCenterTime: number) => void) => void;
 interface TimeSliderConnectProps {

package/dist/src/lib/index.d.ts

@@ -6,6 +6,7 @@ export { SyncGroupViewerConnect } from './components/SyncGroups/SyncGroupViewerC
 export * from './components/MultiMapViewConnect/MultiMapViewConnect';
 export * from './components/MultiMapViewConnect/HarmoniePresets';
 export * from './components/MapViewConnect';
+export { getAffectedIndices, getCurrentSelectedIndices, } from './components/MapDrawToolRedux/OpenLayersFeatureLayerConnect';
 export { LegendConnect, LegendMapButtonConnect, } from './components/LegendConnect';
 export { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerBaseLayerRow, LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerManager, LoadingIndicatorProgressBar, useFetchServices, };
 export { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "19.5.1",
+  "version": "19.6.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -38,14 +38,14 @@
     "react-draggable": "^4.4.6",
     "i18next": "^25.0.1",
     "react-i18next": "^15.1.1",
-    "dompurify": "^3.4.0",
+    "dompurify": "^3.4.13",
     "@mui/material": "^9.0.1",
     "@tanstack/react-query": "^5.85.5",
     "@opengeoweb/api": "*",
     "@types/geojson": "^7946.0.14",
     "@turf/turf": "^7.2.0",
     "proj4": "^2.15.0",
-    "react-router": "^7.15.1"
+    "react-router": "^7.18.2"
   },
   "peerDependencies": {
     "react": "19",