@opengeoweb/core 10.1.0 → 10.2.0

package/index.esm.js

@@ -1,21 +1,24 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { useState, useCallback, useRef, useMemo } from 'react';
-import { Grid2, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, Dialog, DialogTitle, DialogContent, DialogContentText, TextField, InputAdornment, DialogActions, Button, circularProgressClasses, ListItemIcon, Checkbox, Switch, Select } from '@mui/material';
+import React__default, { useState, useCallback, useEffect, useMemo } from 'react';
+import { Grid2, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, Dialog, DialogTitle, DialogContent, DialogContentText, TextField, InputAdornment, DialogActions, Button, Autocomplete, ListItemIcon, Checkbox, Switch, Select } from '@mui/material';
 import { SHARED_NAMESPACE, sharedTranslations, CustomIconButton, CustomTooltip, TooltipSelect, AlertIcon, sliderHeaderStyle, CustomSlider, ToggleMenu, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, useDebounce, dateUtils, ErrorBoundary } from '@opengeoweb/shared';
 import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, ColumnCollapsed, ColumnCollapse, Copy, None, FastForward, AutoUpdateActive, Both, Visibility, VisibilityOff, Delete, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Layers, Search, Exclamation, MyLocation, Close, ExitDomain, Info, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
 import i18n from 'i18next';
 import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
 import { TIMESLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, TIME_SLIDER_LEGEND_HEIGHT, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, TimeSlider, onsetNewDateDebounced, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
-import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations, WEBMAP_NAMESPACE, webmapTranslations, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, registerDrawFunction, ZoomControls, LegendDialog, LegendButton, MapView, MapViewLayer, MapControls, emptyGeoJSON, publicLayers } from '@opengeoweb/webmap-react';
+import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations, WEBMAP_NAMESPACE, webmapTranslations, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, emptyGeoJSON, registerDrawFunction, simplePointsGeojson, ZoomControls, LegendDialog, LegendButton, MapView, MapViewLayer, MapControls, publicLayers } from '@opengeoweb/webmap-react';
 import { useDispatch, useSelector, connect, useStore, Provider } from 'react-redux';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
 import { layerTypes, layerUtils, mapSelectors, layerActions, layerSelectors, serviceSelectors, serviceActions, mapActions, mapEnums, uiSelectors, uiTypes, useSetupDialog, filterLayers, getUserAddedServices, uiActions, genericSelectors, genericActions, drawtoolSelectors, syncConstants, loadingIndicatorActions, syncGroupsSelectors, defaultLayers, getSingularDrawtoolDrawLayerId, syncGroupsSelector, syncGroupsActions, routerUtils } from '@opengeoweb/store';
-import _, { isArray, isEqual, debounce, range } from 'lodash';
-import { webmapUtils, queryWMSServiceInfo, queryWMSLayers, queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, getWMSServiceId, getWMSGetFeatureInfoRequestURL, handleDateUtilsISOString, wmServiceListener, EVENT_GETCAPABILITIES_START, EVENT_GETCAPABILITIES_READY, WMLayer } from '@opengeoweb/webmap';
+import _, { isArray, isEqual, cloneDeep, debounce, range } from 'lodash';
+import { webmapUtils, queryWMSServiceInfo, queryWMSLayers, queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, getWMSServiceId, generateLayerId, getWMJSMapById, getWMSGetFeatureInfoRequestURL, handleDateUtilsISOString, wmServiceListener, EVENT_GETCAPABILITIES_START, EVENT_GETCAPABILITIES_READY, WMLayer } from '@opengeoweb/webmap';
 import { Box as Box$1, styled as styled$1 } from '@mui/system';
 import { LayerSelectButtonConnect, LayerSelectConnect } from '@opengeoweb/layer-select';
+import { useQuery, QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { getConfig } from '@opengeoweb/authentication';
+import { handleResponse } from '@opengeoweb/api';
 import axios from 'axios';
 import DOMPurify from 'dompurify';
 import { snackbarTypes, snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
@@ -65,10 +68,13 @@ var en = {
 	"wms-loader-error-http": "Use https or allow Mixed Content in your browser to use this WMS service",
 	"wms-loader-error-valid-service": "Please enter a valid WMS service",
 	"wms-loader-error-valid-url": "Please enter a valid URL",
-	"search-title": "Search",
-	"search-title-aria": "Map search",
-	"search-find-location": "Find my location",
-	"search-error": "Geolocation error: {{error}}",
+	"search-title": "Find location",
+	"search-title-aria": "Find location on the map",
+	"search-my-location": "Find my location",
+	"search-title-long": "Find location, area, postal code, GPS, ...",
+	"search-no-results": "No results",
+	"my-location": "My location",
+	"search-clear": "Clear",
 	"syncgroups-title": "Sync",
 	"syncgroups-zoom": "ZoomPane",
 	"syncgroups-timeslider": "Timeslider",
@@ -140,8 +146,11 @@ var fi = {
 	"wms-loader-error-valid-url": "Lisää toimiva URL",
 	"search-title": "Etsi",
 	"search-title-aria": "Karttahaku",
-	"search-find-location": "Etsi sijaintini",
-	"search-error": "Maantieteellisen sijainnin virhe: {{error}}",
+	"search-my-location": "Etsi sijaintini",
+	"search-title-long": "Find location, area, postal code, GPS, ...",
+	"search-no-results": "No results",
+	"my-location": "My location",
+	"search-clear": "Clear",
 	"syncgroups-title": "Sync",
 	"syncgroups-zoom": "ZoomPane",
 	"syncgroups-timeslider": "TimeSlider",
@@ -213,8 +222,11 @@ var no = {
 	"wms-loader-error-valid-url": "Vennligst skriv inn en gyldig URL",
 	"search-title": "Søk",
 	"search-title-aria": "Kart søk",
-	"search-find-location": "Finn min lokasjon",
-	"search-error": "Geolocation error: {{error}}",
+	"search-my-location": "Finn min lokasjon",
+	"search-title-long": "Find location, area, postal code, GPS, ...",
+	"search-no-results": "No results",
+	"my-location": "Min lokasjon",
+	"search-clear": "Clear",
 	"syncgroups-title": "Synkroniser",
 	"syncgroups-zoom": "Zoom/Paner",
 	"syncgroups-timeslider": "Timeslider",
@@ -286,8 +298,11 @@ var nl = {
 	"wms-loader-error-valid-url": "Voer een geldige URL in",
 	"search-title": "Zoeken",
 	"search-title-aria": "Zoeken op de kaart",
-	"search-find-location": "Vind mijn locatie",
-	"search-error": "Geolocatie fout: {{error}}",
+	"search-my-location": "Vind mijn locatie",
+	"search-title-long": "Vind locatie, gebied, postcode, GPS, ...",
+	"search-no-results": "Geen resultaten",
+	"my-location": "Mijn locatie",
+	"search-clear": "Wissen",
 	"syncgroups-title": "Synchroniseren",
 	"syncgroups-zoom": "Zoomvenster",
 	"syncgroups-timeslider": "Timeslider",
@@ -5627,230 +5642,469 @@ var SearchControlButtonConnect = function SearchControlButtonConnect(_ref) {
   });
 };
 
-var MY_LOCATION = 'MyLocation';
+var MY_LOCATION = 'My location';
 var locationOptions = {
   enableHighAccuracy: false,
-  timeout: 5000,
+  timeout: 10000,
   maximumAge: 0
 };
-var circleDrawFunction = function circleDrawFunction(args, fillColor, radius) {
-  if (fillColor === void 0) {
-    fillColor = '#88F';
-  }
-  if (radius === void 0) {
-    radius = 12;
-  }
-  var ctx = args.context,
-    coord = args.coord;
-  ctx.strokeStyle = '#000';
-  ctx.fillStyle = fillColor || '#88F';
-  ctx.lineWidth = 1;
-  ctx.beginPath();
-  ctx.arc(coord.x, coord.y, radius || 10, 0, 2 * Math.PI);
-  ctx.fill();
-  ctx.stroke();
-  ctx.fillStyle = '#000';
-  ctx.beginPath();
-  ctx.arc(coord.x, coord.y, 2, 0, 2 * Math.PI);
-  ctx.fill();
-};
 var MyMapLocation = function MyMapLocation(_ref) {
-  var _sx;
-  var mapId = _ref.mapId,
-    isLoading = _ref.isLoading,
-    hasFailed = _ref.hasFailed,
-    setIsLoading = _ref.setIsLoading,
-    setHasFailed = _ref.setHasFailed;
+  var _ref$mapId = _ref.mapId,
+    mapId = _ref$mapId === void 0 ? '' : _ref$mapId,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$onUpdateMyLocati = _ref.onUpdateMyLocation,
+    onUpdateMyLocation = _ref$onUpdateMyLocati === void 0 ? function () {} : _ref$onUpdateMyLocati;
+  var theme = useTheme();
+  var _useState = useState(false),
+    isLoading = _useState[0],
+    setIsLoading = _useState[1];
+  var _useState2 = useState(false),
+    hasFailed = _useState2[0],
+    setHasFailed = _useState2[1];
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
-  var dispatch = useDispatch();
-  var layersBelongsToCurrentMapId = useSelector(function (store) {
-    return layerSelectors.getLayersByMapId(store, mapId || '');
-  });
-  var layerLocation = layersBelongsToCurrentMapId.find(function (layer) {
-    var _layer$geojson$featur;
-    if (layer.geojson && layer.geojson.features[0] && layer.geojson.features[0].properties && (_layer$geojson$featur = layer.geojson.features[0].properties) != null && _layer$geojson$featur.name) {
-      if (layer.geojson.features[0].properties.name === MY_LOCATION) {
-        return layer;
-      }
-    }
-    return undefined;
-  });
-  var layerLocationId = (layerLocation == null ? void 0 : layerLocation.id) || '';
-  var circleDrawFunctionId = useRef(registerDrawFunction(circleDrawFunction));
   var handleLocationClick = function handleLocationClick() {
-    setIsLoading(true);
-    if (mapId && layerLocationId !== '') {
-      dispatch(layerActions.layerDelete({
-        mapId: mapId,
-        layerId: layerLocationId
-      }));
-      setIsLoading(false);
-    } else if (navigator.geolocation && mapId && layerLocationId === '' && circleDrawFunctionId) {
+    if (mapId && isSelected) {
+      onUpdateMyLocation(undefined);
+    } else if (navigator.geolocation && mapId && !isSelected) {
+      setIsLoading(true);
+      setHasFailed(false);
       navigator.geolocation.getCurrentPosition(function (success) {
         setIsLoading(false);
-        setHasFailed(false);
         var _success$coords = success.coords,
           latitude = _success$coords.latitude,
           longitude = _success$coords.longitude;
-        var geojson = {
-          type: 'FeatureCollection',
-          features: [{
-            type: 'Feature',
-            properties: {
-              name: MY_LOCATION,
-              drawFunctionId: circleDrawFunctionId.current
-            },
-            geometry: {
-              type: 'Point',
-              coordinates: [longitude, latitude]
-            }
-          }]
+        var location = {
+          lat: latitude,
+          lon: longitude,
+          name: MY_LOCATION,
+          source: 'MyMapLocation',
+          id: MY_LOCATION
         };
-        var layerId = webmapUtils.generateLayerId();
-        dispatch(layerActions.addLayer({
-          mapId: mapId,
-          layer: {
-            geojson: geojson,
-            layerType: LayerType.featureLayer
-          },
-          layerId: layerId,
-          origin: MY_LOCATION
-        }));
-        var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-        if (!wmjsMap) {
-          return;
-        }
-        wmjsMap.calculateBoundingBoxAndZoom(latitude, longitude);
-      }, function (error) {
+        onUpdateMyLocation(location);
+      }, function () {
         setIsLoading(false);
         setHasFailed(true);
-        console.warn(t('search-error', {
-          error: error.message
-        }));
+        onUpdateMyLocation(undefined);
       }, locationOptions);
     }
   };
   var chooseIcon = function chooseIcon() {
     return hasFailed ? jsx(Exclamation, {
       style: {
-        color: 'red'
+        color: theme.palette.geowebColors.functional.error
       },
       "aria-label": "location error"
     }) : jsx(MyLocation, {
       "aria-label": "location default"
     });
   };
-  return jsx("div", {
-    children: isLoading ? jsxs(Fragment, {
-      children: [jsx(CircularProgress, {
-        value: 100,
-        variant: "determinate",
-        sx: {
-          height: '100%',
-          width: '100%',
-          color: function color(theme) {
-            return theme.palette.mode === 'light' ? '#1a90ff' : '#bad4ff';
-          },
-          padding: '8px'
-        },
-        thickness: 6,
-        "aria-label": "location loading"
-      }), jsx(CircularProgress, {
-        variant: "indeterminate",
-        disableShrink: true,
-        sx: (_sx = {
-          height: '100%',
-          width: '100%',
-          color: function color(theme) {
-            return theme.palette.mode === 'light' ? '#bad4ff' : '#45556F';
-          },
-          animationDuration: '1000ms',
-          position: 'absolute',
-          left: 0
-        }, _sx["& ." + circularProgressClasses.circle] = {
-          strokeLinecap: 'round'
-        }, _sx.padding = '8px', _sx),
-        thickness: 6
-      })]
+  return jsx(Box, {
+    sx: {
+      height: 40,
+      padding: 1
+    },
+    children: isLoading ? jsx(CircularProgress, {
+      size: 24,
+      "aria-label": "Location loading",
+      color: "secondary"
     }) : jsx(CustomIconButton, {
-      title: t('search-find-location'),
-      "aria-label": MY_LOCATION,
+      tooltipTitle: t('search-my-location'),
+      "aria-label": t('search-my-location'),
       onClick: handleLocationClick,
-      isSelected: layerLocationId !== '',
-      size: "large",
+      isSelected: isSelected,
+      variant: "tool",
+      size: "small",
       children: chooseIcon()
     })
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var config = getConfig();
+var locationBaseUrl = config.GW_LOCATION_BASE_URL || '';
+var getLocationList = function getLocationList(search) {
+  return fetch(locationBaseUrl + "/locations?search=" + search).then(handleResponse);
+};
+var getLocationDetail = function getLocationDetail(id, source) {
+  return fetch(locationBaseUrl + "/locationdetail?id=" + id + "&source=" + source).then(handleResponse);
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var useLocationList = function useLocationList(search) {
+  return useQuery({
+    queryKey: ['location-list', search],
+    queryFn: function queryFn() {
+      return getLocationList(search);
+    },
+    enabled: !!search
+  });
+};
+var useLocationDetail = function useLocationDetail(_ref) {
+  var id = _ref.id,
+    source = _ref.source;
+  return useQuery({
+    queryKey: ['location-detail', {
+      id: id,
+      source: source
+    }],
+    queryFn: function queryFn() {
+      return getLocationDetail(id, source);
+    },
+    enabled: !!id
+  });
+};
+
 var SearchDialog = function SearchDialog(_ref) {
   var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
     _ref$mapId = _ref.mapId,
-    mapId = _ref$mapId === void 0 ? '' : _ref$mapId;
+    mapId = _ref$mapId === void 0 ? '' : _ref$mapId,
+    _ref$onSelectLocation = _ref.onSelectLocation,
+    onSelectLocation = _ref$onSelectLocation === void 0 ? function () {} : _ref$onSelectLocation,
+    _ref$onUpdateMyLocati = _ref.onUpdateMyLocation,
+    onUpdateMyLocation = _ref$onUpdateMyLocati === void 0 ? function () {} : _ref$onUpdateMyLocati,
+    _ref$isMyLocationSele = _ref.isMyLocationSelected,
+    isMyLocationSelected = _ref$isMyLocationSele === void 0 ? false : _ref$isMyLocationSele;
+  var theme = useTheme();
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
-  var _useState = useState(false),
-    isLoading = _useState[0],
-    setIsLoading = _useState[1];
-  var _useState2 = useState(false),
-    hasFailed = _useState2[0],
-    setHasFailed = _useState2[1];
-  return isOpen && mapId ? jsxs(Box$1, {
+  var _useState = useState(''),
+    inputValue = _useState[0],
+    setInputValue = _useState[1];
+  var _useState2 = useState(null),
+    selectedValue = _useState2[0],
+    setSelectedValue = _useState2[1];
+  var debouncedInputValue = useDebounce(inputValue, 300);
+  var _useLocationList = useLocationList(debouncedInputValue),
+    locationListData = _useLocationList.data;
+  var _useLocationDetail = useLocationDetail({
+      id: (selectedValue == null ? void 0 : selectedValue.id) || '',
+      source: (selectedValue == null ? void 0 : selectedValue.source) || ''
+    }),
+    locationDetail = _useLocationDetail.data;
+  useEffect(function () {
+    onSelectLocation(locationDetail);
+  }, [locationDetail, onSelectLocation]);
+  return isOpen && mapId ? jsxs(Box, {
     sx: {
       display: 'flex',
       flexDirection: 'row',
       alignItems: 'center',
       position: 'absolute',
       pointerEvents: 'all',
-      zIndex: 999,
+      zIndex: 99,
       left: 50,
-      top: 15,
-      borderBottom: '1px solid grey',
-      backgroundColor: function backgroundColor(theme) {
-        return theme.palette.background.paper;
-      }
+      top: 8,
+      backgroundColor: theme.palette.geowebColors.textInputField["default"].fill,
+      height: 40,
+      boxShadow: theme.shadows[6],
+      width: 'calc(100% - 50px)',
+      maxWidth: 380
     },
     children: [jsx(MyMapLocation, {
       mapId: mapId,
-      isLoading: isLoading,
-      hasFailed: hasFailed,
-      setIsLoading: setIsLoading,
-      setHasFailed: setHasFailed
-    }), jsx(TextField, {
-      id: "dummy-search-field",
-      label: t('search-title'),
-      variant: "filled",
-      slotProps: {
-        input: {
-          disableUnderline: true,
-          endAdornment: jsx(InputAdornment, {
-            position: "end",
-            children: jsx(CustomIconButton, {
-              tooltipTitle: t('actions-close'),
-              edge: "end",
-              onClick: onClose,
-              size: "large",
+      onUpdateMyLocation: onUpdateMyLocation,
+      isSelected: isMyLocationSelected
+    }), jsx(Autocomplete, {
+      disablePortal: true,
+      selectOnFocus: true,
+      sx: {
+        width: '100%',
+        '&.MuiAutocomplete-root .MuiFilledInput-root': {
+          height: 40,
+          padding: '0px!important',
+          '&:before, &:hover:before': {
+            borderColor: 'transparent'
+          }
+        },
+        '&.MuiAutocomplete-root .MuiInputLabel-root': {
+          lineHeight: '16px',
+          maxWidth: 'calc(100% - 40px)',
+          ':not(.MuiInputLabel-shrink)': {
+            transform: 'translate(12px, 12px) scale(1)'
+          }
+        },
+        '&.MuiAutocomplete-root .MuiFilledInput-input': {
+          lineHeight: '20px',
+          paddingLeft: '12px',
+          paddingTop: '20px'
+        }
+      },
+      getOptionLabel: function getOptionLabel(option) {
+        return option.name;
+      },
+      filterOptions: function filterOptions(x) {
+        return x;
+      },
+      options: locationListData || [],
+      noOptionsText: t('search-no-results'),
+      popupIcon: null,
+      clearIcon: null,
+      onChange: function onChange(_event, newValue) {
+        if (newValue && typeof newValue !== 'string') {
+          setSelectedValue(newValue);
+          setInputValue(newValue.name);
+        }
+      },
+      value: selectedValue,
+      inputValue: inputValue,
+      isOptionEqualToValue: function isOptionEqualToValue(option, value) {
+        return option.id === value.id;
+      },
+      renderInput: function renderInput(params) {
+        return jsx(TextField, Object.assign({}, params, {
+          autoFocus: true,
+          size: "medium",
+          label: t('search-title-long'),
+          fullWidth: true,
+          variant: "filled",
+          onChange: function onChange(event) {
+            setInputValue(event.target.value);
+            if (selectedValue) {
+              setSelectedValue(null);
+            }
+          },
+          InputProps: Object.assign({}, params.InputProps, {
+            endAdornment: jsx(CustomIconButton, {
+              tooltipTitle: t('search-clear'),
+              onClick: function onClick() {
+                setInputValue('');
+                setSelectedValue(null);
+              },
+              sx: {
+                marginRight: 1
+              },
               children: jsx(Close, {})
             })
           })
-        }
+        }));
       }
     })]
   }) : null;
 };
 
-var SearchControlConnect = function SearchControlConnect(_ref) {
-  var mapId = _ref.mapId;
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var myLocationDrawFunction = function myLocationDrawFunction(args) {
+  var ctx = args.context,
+    coord = args.coord;
+  // Draw outer circle
+  ctx.fillStyle = '#fff';
+  ctx.shadowColor = '#00000080';
+  ctx.shadowBlur = 4;
+  ctx.beginPath();
+  ctx.arc(coord.x, coord.y, 14, 0, 2 * Math.PI);
+  ctx.fill();
+  ctx.shadowBlur = 0;
+  // Draw inner circle
+  ctx.fillStyle = '#186dff';
+  ctx.beginPath();
+  ctx.arc(coord.x, coord.y, 10, 0, 2 * Math.PI);
+  ctx.fill();
+};
+var selectedLocationDrawFunction = function selectedLocationDrawFunction(args) {
+  var ctx = args.context,
+    coord = args.coord;
+  ctx.fillStyle = '#051039';
+  ctx.beginPath();
+  var topRadius = 7;
+  var topHeight = 2 * topRadius;
+  ctx.arc(coord.x, coord.y - topHeight, topRadius, Math.PI, Math.PI * 2);
+  ctx.bezierCurveTo(coord.x + topRadius, coord.y - topHeight, coord.x + topRadius / 1.6, coord.y - topRadius, coord.x, coord.y);
+  ctx.bezierCurveTo(coord.x, coord.y, coord.x - topRadius / 1.6, coord.y - topRadius, coord.x - topRadius, coord.y - topHeight);
+  ctx.stroke();
+  ctx.fill();
+  /* Fill center circle */
+  ctx.fillStyle = '#FFF';
+  ctx.beginPath();
+  ctx.arc(coord.x, coord.y - topHeight, topRadius / 2.5, Math.PI * 2, 0);
+  ctx.fill();
+};
+var makeGeoJSONFeatureFromLocation = function makeGeoJSONFeatureFromLocation(location, drawFunctionId, hoverDrawFunctionId) {
+  var newGeoJSON = cloneDeep(simplePointsGeojson);
+  newGeoJSON.features = [{
+    type: 'Feature',
+    properties: {
+      name: location.name,
+      drawFunctionId: drawFunctionId,
+      hoverDrawFunctionId: hoverDrawFunctionId
+    },
+    geometry: {
+      type: 'Point',
+      coordinates: [location.lon, location.lat]
+    }
+  }];
+  return newGeoJSON;
+};
+var fitText = function fitText(ctx, text, x, y, lineheight) {
+  var lines = text.split('\n');
+  for (var i = 0; i < lines.length; i += 1) {
+    ctx.fillText(lines[i], x, y + i * lineheight);
+  }
+};
+var roundRect = function roundRect(ctx, w, h, x, y, radius) {
+  if (radius === void 0) {
+    radius = 2;
+  }
+  var r = x + w;
+  var b = y + h;
+  ctx.beginPath();
+  ctx.moveTo(x + radius, y);
+  ctx.lineTo(r - radius, y);
+  ctx.quadraticCurveTo(r, y, r, y + radius);
+  ctx.lineTo(r, y + h - radius);
+  ctx.quadraticCurveTo(r, b, r - radius, b);
+  ctx.lineTo(x + radius, b);
+  ctx.quadraticCurveTo(x, b, x, b - radius);
+  ctx.lineTo(x, y + radius);
+  ctx.quadraticCurveTo(x, y, x + radius, y);
+  ctx.stroke();
+  ctx.fill();
+};
+var hoverDrawFunction = function hoverDrawFunction(args) {
+  var ctx = args.context,
+    coord = args.coord,
+    feature = args.feature;
+  var fontSize = 16;
+  var padding = 20;
+  // eslint-disable-next-line no-param-reassign
+  ctx.font = fontSize + "px Roboto";
+  var x = coord.x,
+    y = coord.y;
+  ctx.fillStyle = '#000';
+  roundRect(ctx, ctx.measureText(feature.properties.name).width + padding, fontSize + padding, x - padding * 0.5 - ctx.measureText(feature.properties.name).width * 0.5, y + padding);
+  // eslint-disable-next-line no-param-reassign
+  ctx.fillStyle = '#FFF';
+  // eslint-disable-next-line no-param-reassign
+  ctx.textAlign = 'left';
+  if (feature && feature.properties) {
+    fitText(ctx, feature.properties.name, x - ctx.measureText(feature.properties.name).width * 0.5, y + padding * 2, fontSize);
+  }
+};
+var useDrawOnMap = function useDrawOnMap(mapId, drawFunction) {
+  var dispatch = useDispatch();
+  var layerId = React__default.useRef(generateLayerId()).current;
+  var isMapPresent = useSelector(function (store) {
+    return mapSelectors.getIsMapPresent(store, mapId);
+  });
+  var isLayerPresent = useSelector(function (store) {
+    return layerSelectors.getIsLayerPresent(store, layerId);
+  });
+  var shouldAddLayer = isMapPresent && !isLayerPresent;
+  React__default.useEffect(function () {
+    if (shouldAddLayer) {
+      dispatch(layerActions.addLayer({
+        mapId: mapId,
+        layerId: layerId,
+        layer: {
+          geojson: emptyGeoJSON,
+          layerType: LayerType.featureLayer
+        },
+        origin: 'SearchDialogConnect'
+      }));
+    }
+  }, [dispatch, layerId, mapId, shouldAddLayer]);
+  var drawFunctionId = React__default.useRef(registerDrawFunction(drawFunction)).current;
+  var hoverDrawFunctionId = React__default.useRef(registerDrawFunction(hoverDrawFunction)).current;
+  var updateGeoJSON = React__default.useCallback(function (location) {
+    var geojson = location ? makeGeoJSONFeatureFromLocation(location, drawFunctionId, hoverDrawFunctionId) : emptyGeoJSON;
+    dispatch(layerActions.updateFeature({
+      layerId: layerId,
+      geojson: geojson
+    }));
+  }, [dispatch, drawFunctionId, hoverDrawFunctionId, layerId]);
+  var zoomToFeature = React__default.useCallback(function (location) {
+    var webMap = getWMJSMapById(mapId);
+    if (webMap) {
+      webMap.calculateBoundingBoxAndZoom(location.lat, location.lon);
+    }
+  }, [mapId]);
+  var onUpdateLocation = React__default.useCallback(function (location) {
+    updateGeoJSON(location);
+    if (location) {
+      zoomToFeature(location);
+    }
+  }, [updateGeoJSON, zoomToFeature]);
+  return [onUpdateLocation];
+};
+
+var SearchDialogConnect = function SearchDialogConnect(_ref) {
+  var _ref$mapId = _ref.mapId,
+    mapId = _ref$mapId === void 0 ? '' : _ref$mapId;
   var dialogType = uiTypes.DialogTypes.Search + "-" + mapId;
   var _useSetupDialog = useSetupDialog(dialogType),
-    isDialogOpen = _useSetupDialog.isDialogOpen,
-    onCloseDialog = _useSetupDialog.onCloseDialog;
+    isDialogOpen = _useSetupDialog.isDialogOpen;
+  var _useDrawOnMap = useDrawOnMap(mapId, selectedLocationDrawFunction),
+    updateMapPin = _useDrawOnMap[0];
+  var _useDrawOnMap2 = useDrawOnMap(mapId, myLocationDrawFunction),
+    updateMyLocation = _useDrawOnMap2[0];
+  var mapLayers = useSelector(function (store) {
+    return layerSelectors.getLayersByMapId(store, mapId);
+  });
+  var myLocationLayer = mapLayers.find(function (layer) {
+    var _layer$geojson;
+    if ((_layer$geojson = layer.geojson) != null && (_layer$geojson = _layer$geojson.features[0]) != null && (_layer$geojson = _layer$geojson.properties) != null && _layer$geojson.name) {
+      if (layer.geojson.features[0].properties.name === MY_LOCATION) {
+        return true;
+      }
+    }
+    return false;
+  });
+  var isMyLocationSelected = !!myLocationLayer;
   return jsx(SearchDialog, {
     isOpen: isDialogOpen,
-    onClose: onCloseDialog,
-    mapId: mapId
+    mapId: mapId,
+    onSelectLocation: updateMapPin,
+    onUpdateMyLocation: updateMyLocation,
+    isMyLocationSelected: isMyLocationSelected
   });
 };
 
@@ -6754,7 +7008,7 @@ var MapViewConnect = function MapViewConnect(_ref) {
       showMapId: true,
       mapId: mapId,
       multiLegend: controls == null ? void 0 : controls.multiLegend
-    }), jsx(SearchControlConnect, {
+    }), (controls == null ? void 0 : controls.search) && jsx(SearchDialogConnect, {
       mapId: mapId
     }), (controls == null ? void 0 : controls.getFeatureInfo) && jsx(GetFeatureInfoConnect, {
       showMapId: true,
@@ -6981,7 +7235,8 @@ var TimeSpanButtonConnect = function TimeSpanButtonConnect(_ref) {
       }));
       dispatch(mapActions.setTimeSliderSpan({
         mapId: mapId,
-        timeSliderSpan: spanInSeconds
+        timeSliderSpan: spanInSeconds,
+        origin: mapEnums.MapActionOrigin.map
       }));
       dispatch(mapActions.setTimeSliderCenterTime({
         mapId: mapId,
@@ -7450,10 +7705,7 @@ var useUpdateTimeSpan = function useUpdateTimeSpan(mapId, myOnSetTimeSliderSpan)
     }
   };
   React.useEffect(function () {
-    if (!activeLayerTimeDimension) {
-      return;
-    }
-    if (isTimeSpanAuto && autoTimeStepLayerId) {
+    if (isTimeSpanAuto && autoTimeStepLayerId && activeLayerTimeDimension) {
       var _getTimeBounds = getTimeBounds([activeLayerTimeDimension]),
         startTime = _getTimeBounds.startTime,
         endTime = _getTimeBounds.endTime;
@@ -8138,6 +8390,9 @@ var useGetReferenceTimes = function useGetReferenceTimes(inputLayer) {
   var _React$useState = React.useState([]),
     referenceTimes = _React$useState[0],
     setReferenceTimes = _React$useState[1];
+  var _React$useState2 = React.useState(null),
+    error = _React$useState2[0],
+    setError = _React$useState2[1];
   React.useEffect(function () {
     var referenceTimes = [];
     var wmLayer = new WMLayer(Object.assign({}, inputLayer));
@@ -8150,9 +8405,14 @@ var useGetReferenceTimes = function useGetReferenceTimes(inputLayer) {
         referenceTimes.push(referenceTimeValue);
       }
       setReferenceTimes(referenceTimes);
-    })["catch"](console.error);
+    })["catch"](function (error) {
+      setError(error);
+    });
   }, [inputLayer]);
-  return referenceTimes;
+  return {
+    referenceTimes: referenceTimes,
+    error: error
+  };
 };
 var HarmonieTempAndPrecipPreset = function HarmonieTempAndPrecipPreset(_ref) {
   var layers = _ref.layers,
@@ -8161,7 +8421,14 @@ var HarmonieTempAndPrecipPreset = function HarmonieTempAndPrecipPreset(_ref) {
   var displayLayerManagerAndLegendButtonInAllTopRows = !useHasSyncGroupWithLayerActions(layers && layers.topRowSyncGroups);
   var displayLayerManagerAndLegendButtonInAllBottomRows = !useHasSyncGroupWithLayerActions(layers && layers.bottomRowSyncGroups);
   /* Get all the reference times for this layer */
-  var referenceTimes = useGetReferenceTimes(layers.topRow);
+  var _useGetReferenceTimes = useGetReferenceTimes(layers.topRow),
+    referenceTimes = _useGetReferenceTimes.referenceTimes,
+    error = _useGetReferenceTimes.error;
+  if (error) {
+    return jsx(AlertBanner, {
+      title: error.message
+    });
+  }
   if (referenceTimes.length === 0) {
     return jsx("div", {
       children: "Loading..."
@@ -8756,17 +9023,19 @@ var CoreThemeProvider = function CoreThemeProvider(_ref) {
   var children = _ref.children,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? lightTheme : _ref$theme;
-  return jsx(ThemeWrapper, {
-    theme: theme,
-    children: children
+  var queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: false
+      }
+    }
   });
-};
-var ThemeWrapperWithModules = function ThemeWrapperWithModules(_ref2) {
-  var theme = _ref2.theme,
-    children = _ref2.children;
-  return jsx(CoreThemeProvider, {
+  return jsx(ThemeWrapper, {
     theme: theme,
-    children: children
+    children: jsx(QueryClientProvider, {
+      client: queryClient,
+      children: children
+    })
   });
 };
 /**
@@ -8775,14 +9044,14 @@ var ThemeWrapperWithModules = function ThemeWrapperWithModules(_ref2) {
  * @param children
  * @returns
  */
-var CoreThemeStoreProvider = function CoreThemeStoreProvider(_ref3) {
-  var children = _ref3.children,
-    _ref3$theme = _ref3.theme,
-    theme = _ref3$theme === void 0 ? lightTheme : _ref3$theme,
-    store = _ref3.store;
+var CoreThemeStoreProvider = function CoreThemeStoreProvider(_ref2) {
+  var children = _ref2.children,
+    _ref2$theme = _ref2.theme,
+    theme = _ref2$theme === void 0 ? lightTheme : _ref2$theme,
+    store = _ref2.store;
   return jsx(Provider, {
     store: store,
-    children: jsx(ThemeWrapperWithModules, {
+    children: jsx(CoreThemeProvider, {
       theme: theme,
       children: jsx(SnackbarWrapperConnect, {
         children: children
@@ -8790,8 +9059,8 @@ var CoreThemeStoreProvider = function CoreThemeStoreProvider(_ref3) {
     })
   });
 };
-var CoreI18nProvider = function CoreI18nProvider(_ref4) {
-  var children = _ref4.children;
+var CoreI18nProvider = function CoreI18nProvider(_ref3) {
+  var children = _ref3.children;
   initCoreReactI18n();
   return jsx(I18nextProvider, {
     i18n: i18n,
@@ -9017,4 +9286,4 @@ var LanguageSelect = function LanguageSelect(_ref) {
   });
 };
 
-export { CORE_NAMESPACE, ConfigurableMapConnect, CoreI18nProvider, CoreThemeProvider, CoreThemeStoreProvider, DemoWrapper, DemoWrapperConnect, HarmonieTempAndPrecipPreset, LanguageSelect, LayerInfoButtonConnect, LayerInfoDialogConnect, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LegendConnect, LegendMapButtonConnect, MapViewConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, RouterWrapperConnect, SearchControlButtonConnect, SearchControlConnect, SearchDialog, SentryRecordButton, SyncGroupViewerConnect, ThemeWrapperWithModules, TimeSliderConnect, ZoomControlConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, getLanguageFromLocalStorage, languageLocalStorageKey, saveLanguageToLocalStorage, testLayers, useFetchServices, useUpdateTimeSpan, useUpdateTimestep };
+export { CORE_NAMESPACE, ConfigurableMapConnect, CoreI18nProvider, CoreThemeProvider, CoreThemeStoreProvider, DemoWrapper, DemoWrapperConnect, HarmonieTempAndPrecipPreset, LanguageSelect, LayerInfoButtonConnect, LayerInfoDialogConnect, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LegendConnect, LegendMapButtonConnect, MapViewConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, RouterWrapperConnect, SearchControlButtonConnect, SearchDialog, SearchDialogConnect, SentryRecordButton, SyncGroupViewerConnect, TimeSliderConnect, ZoomControlConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, getLanguageFromLocalStorage, languageLocalStorageKey, saveLanguageToLocalStorage, testLayers, useFetchServices, useUpdateTimeSpan, useUpdateTimestep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "10.1.0",
+  "version": "10.2.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -29,7 +29,11 @@
     "react-i18next": "^15.1.1",
     "dompurify": "^3.0.6",
     "@mui/material": "^6.1.1",
-    "@sentry/react": "^8.34.0"
+    "@sentry/react": "^8.34.0",
+    "@tanstack/react-query": "^5.62.7",
+    "@opengeoweb/authentication": "*",
+    "@opengeoweb/api": "*",
+    "msw": "^1.3.3"
   },
   "peerDependencies": {
     "react": "18",

package/src/lib/components/Providers/Providers.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Theme } from '@mui/material';
-import { ThemeProviderProps } from '@opengeoweb/theme';
 import { Store } from '@reduxjs/toolkit';
 interface CoreThemeProviderProps {
     children?: React.ReactNode;
@@ -15,7 +14,6 @@ interface CoreTranslationWrapperProps {
  * @returns
  */
 export declare const CoreThemeProvider: React.FC<CoreThemeProviderProps>;
-export declare const ThemeWrapperWithModules: React.FC<ThemeProviderProps>;
 interface CoreThemeStoreProviderProps extends CoreThemeProviderProps {
     store: Store;
 }

package/src/lib/components/Search/MyMapLocation.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
+import { LocationDetail } from './types';
 export interface MyMapLocationProps {
-    mapId: string | undefined;
-    isLoading: boolean;
-    hasFailed: boolean;
-    setIsLoading: (value: boolean) => void;
-    setHasFailed: (value: boolean) => void;
+    mapId?: string;
+    isSelected?: boolean;
+    onUpdateMyLocation?: (location?: LocationDetail) => void;
 }
-export declare const MY_LOCATION = "MyLocation";
+export declare const MY_LOCATION = "My location";
 export declare const MyMapLocation: React.FC<MyMapLocationProps>;

package/src/lib/components/Search/SearchDialog.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import { LocationDetail } from './types';
 export interface SearchDialogProps {
     isOpen: boolean;
-    onClose: () => void;
     mapId?: string;
+    onSelectLocation?: (location?: LocationDetail) => void;
+    onUpdateMyLocation?: (location?: LocationDetail) => void;
+    isMyLocationSelected?: boolean;
 }
 export declare const SearchDialog: React.FC<SearchDialogProps>;

package/src/lib/components/Search/{SearchControl.stories.d.ts → SearchDialog.stories.d.ts}

@@ -3,11 +3,11 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const SearchControlConnectStoryLight: {
+export declare const SearchDialogLight: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };
-export declare const SearchControlConnectStoryDark: {
+export declare const SearchDialogDark: {
     (): React.ReactElement;
-    storyName: string;
+    tags: string[];
 };

package/src/lib/components/Search/SearchDialogConnect.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface SearchDialogConnectProps {
+    mapId?: string;
+}
+export declare const SearchDialogConnect: React.FC<SearchDialogConnectProps>;

package/src/lib/components/Search/SearchDialogConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/Search/SearchDialogConnect.stories.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const SearchDialogConnectLight: () => React.ReactElement;
+export declare const SearchDialogConnectDark: () => React.ReactElement;

package/src/lib/components/Search/index.d.ts

@@ -1,4 +1,4 @@
 export { SearchControlButtonConnect } from './SearchControlButtonConnect';
-export { SearchControlConnect } from './SearchControlConnect';
+export { SearchDialogConnect } from './SearchDialogConnect';
 export { SearchDialog } from './SearchDialog';
 export { MyMapLocation } from './MyMapLocation';

package/src/lib/components/Search/types.d.ts

@@ -0,0 +1,13 @@
+export interface LocationDetail {
+    id: string;
+    name: string;
+    source: string;
+    lat: number;
+    lon: number;
+    geometry?: GeoJSON.GeoJSON;
+}
+export interface LocationListResult {
+    id: string;
+    name: string;
+    source: string;
+}

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

@@ -0,0 +1,6 @@
+import { MapDrawDrawFunctionArgs } from '@opengeoweb/webmap-react';
+import { LocationDetail } from './types';
+export declare const myLocationDrawFunction: (args: MapDrawDrawFunctionArgs) => void;
+export declare const selectedLocationDrawFunction: (args: MapDrawDrawFunctionArgs) => void;
+export declare const hoverDrawFunction: (args: MapDrawDrawFunctionArgs) => void;
+export declare const useDrawOnMap: (mapId: string, drawFunction: (args: MapDrawDrawFunctionArgs) => void) => [(location?: LocationDetail) => void];

package/src/lib/utils/location-api/api.d.ts

@@ -0,0 +1,3 @@
+import { LocationListResult, LocationDetail } from '../../components/Search/types';
+export declare const getLocationList: (search: string) => Promise<LocationListResult[]>;
+export declare const getLocationDetail: (id: string, source: string) => Promise<LocationDetail>;

package/src/lib/utils/location-api/fakeApi.d.ts

@@ -0,0 +1,40 @@
+export declare const fakeLocationList: {
+    id: string;
+    name: string;
+    source: string;
+}[];
+export declare const fakeLocationDetailList: ({
+    id: string;
+    name: string;
+    source: string;
+    lon: number;
+    lat: number;
+    geometry?: undefined;
+} | {
+    lat: number;
+    lon: number;
+    source: string;
+    id: string;
+    name: string;
+    geometry: {
+        type: string;
+        geometry: {
+            type: string;
+            coordinates: number[];
+        };
+    };
+} | {
+    lat: number;
+    lon: number;
+    source: string;
+    id: string;
+    name: string;
+    geometry: {
+        type: string;
+        geometry: {
+            type: string;
+            coordinates: number[][][];
+        };
+    };
+})[];
+export declare const locationApiEndpoints: import("msw").RestHandler<import("msw").MockedRequest<import("msw").DefaultBodyType>>[];

package/src/lib/utils/location-api/hooks.d.ts

@@ -0,0 +1,9 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { LocationDetail, LocationListResult } from '../../components/Search/types';
+export declare const useLocationList: (search: string) => UseQueryResult<LocationListResult[]>;
+interface DetailProps {
+    id: string;
+    source: string;
+}
+export declare const useLocationDetail: ({ id, source, }: DetailProps) => UseQueryResult<LocationDetail>;
+export {};

package/src/lib/components/Search/SearchControlConnect.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface SearchControlConnectProps {
-    mapId?: string;
-}
-export declare const SearchControlConnect: React.FC<SearchControlConnectProps>;