@opengeoweb/core 12.0.0 → 12.1.1

package/index.esm.js

@@ -12,8 +12,8 @@ import { useDispatch, useSelector, connect, useStore, Provider } from 'react-red
 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, drawingToolSelectors, syncConstants, loadingIndicatorActions, syncGroupsSelectors, getViewObjectForSyncGroup, getViewObjectForMapId, defaultLayers, getSingularDrawtoolDrawLayerId, syncGroupsSelector, syncGroupsActions, routerUtils } from '@opengeoweb/store';
-import _, { isArray, isEqual, debounce, range } from 'lodash';
 import { webmapUtils, queryWMSServiceInfo, queryWMSLayers, queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, getWMSServiceId, generateLayerId, getWMJSMapById, getWMSGetFeatureInfoRequestURL, getMapDimURL, handleDateUtilsISOString, wmServiceListener, EVENT_GETCAPABILITIES_START, EVENT_GETCAPABILITIES_READY, WMJSDimension, getWMLayerById, WMLayer } from '@opengeoweb/webmap';
+import _, { isArray, isEqual, debounce, range } from 'lodash';
 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';
@@ -1257,10 +1257,11 @@ var DimensionSelectName = function DimensionSelectName(_ref) {
 };
 
 var DimensionSelectValue = function DimensionSelectValue(_ref) {
-  var _selectedDimension$va;
   var isEnabled = _ref.isEnabled,
     tooltip = _ref.tooltip,
     selectedDimension = _ref.selectedDimension,
+    _ref$generatedValues = _ref.generatedValues,
+    generatedValues = _ref$generatedValues === void 0 ? [] : _ref$generatedValues,
     icon = _ref.icon,
     onLayerChangeDimension = _ref.onLayerChangeDimension,
     valueMappings = _ref.valueMappings,
@@ -1270,7 +1271,7 @@ var DimensionSelectValue = function DimensionSelectValue(_ref) {
     skipLocalStyling = _ref.skipLocalStyling;
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
-  var dimensionValuesRaw = selectedDimension == null || (_selectedDimension$va = selectedDimension.values) == null ? void 0 : _selectedDimension$va.split(',').sort().reverse().slice(0, 100);
+  var dimensionValuesRaw = generatedValues.toReversed().slice(0, 100);
   if (!(selectedDimension != null && selectedDimension.name) || !(dimensionValuesRaw != null && dimensionValuesRaw.length)) {
     return null;
   }
@@ -1361,7 +1362,8 @@ var DimensionSelect = function DimensionSelect(_ref) {
     useLatestReferenceTime = _ref.useLatestReferenceTime,
     SingleValueComponent = _ref.SingleValueComponent,
     hideLatestDuplicate = _ref.hideLatestDuplicate,
-    skipLocalStyling = _ref.skipLocalStyling;
+    skipLocalStyling = _ref.skipLocalStyling,
+    layerId = _ref.layerId;
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
   var _useState = useState(layerDimensions == null || (_layerDimensions$ = layerDimensions[0]) == null ? void 0 : _layerDimensions$.name),
@@ -1370,6 +1372,8 @@ var DimensionSelect = function DimensionSelect(_ref) {
   var selectedDimension = layerDimensions.find(function (dimension) {
     return dimension.name === selectedDimensionName;
   });
+  var wmDimension = webmapUtils.getWMJSDimensionForLayerAndDimension(layerId || '', selectedDimension == null ? void 0 : selectedDimension.name);
+  var generatedValues = (wmDimension == null ? void 0 : wmDimension.generateAllValues()) || [];
   var dimensionNames = layerDimensions.map(function (dimension) {
     return dimension.name;
   });
@@ -1409,6 +1413,7 @@ var DimensionSelect = function DimensionSelect(_ref) {
       position: "value"
     })) : jsx(DimensionSelectValue, {
       selectedDimension: selectedDimension,
+      generatedValues: generatedValues,
       onLayerChangeDimension: onLayerChangeDimension,
       tooltip: valueTooltip,
       isEnabled: isEnabled,
@@ -2435,7 +2440,8 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
                   layerId: layerId,
                   dimension: dimension
                 });
-              }
+              },
+              layerId: layerId
             })
           }), jsx(RowItemCollapse, {
             className: columnClasses.acceptanceTime,
@@ -2785,7 +2791,8 @@ var DimensionSelectConnect = function DimensionSelectConnect(_ref) {
     isEnabled: isLayerEnabled,
     useLatestReferenceTime: useLatestReferenceTime,
     setUseLatestReferenceTime: setUseLatestReferenceTime,
-    skipLocalStyling: skipLocalStyling
+    skipLocalStyling: skipLocalStyling,
+    layerId: layerId
   });
 };
 
@@ -3239,7 +3246,8 @@ var CustomDimensionSelectConnect = function CustomDimensionSelectConnect(_ref) {
     },
     isEnabled: isLayerEnabled,
     useLatestReferenceTime: useLatestReferenceTime,
-    setUseLatestReferenceTime: setUseLatestReferenceTime
+    setUseLatestReferenceTime: setUseLatestReferenceTime,
+    layerId: layerId
   }, props));
 };
 
@@ -6731,7 +6739,7 @@ var MapViewConnect = function MapViewConnect(_ref) {
     return genericSelectors.selectLinkedPanelId(store, mapId);
   });
   var selectedFeatureCoordinates = useSelector(function (store) {
-    return genericSelectors.getSelectedFeature(store.syncGroups, linkedPanelId);
+    return linkedPanelId && genericSelectors.getSelectedFeature(store.syncGroups, linkedPanelId);
   });
   var disableMapPin = useSelector(function (store) {
     return mapSelectors.getDisableMapPin(store, mapId);
@@ -7421,9 +7429,15 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
   var registerMap = React.useCallback(function (payload) {
     dispatch(mapActions.registerMap(payload));
   }, [dispatch]);
+  var unregisterMap = React.useCallback(function (payload) {
+    dispatch(mapActions.unregisterMap(payload));
+  }, [dispatch]);
   var syncGroupsAddSource = React.useCallback(function (payload) {
     dispatch(genericActions.syncGroupAddSource(payload));
   }, [dispatch]);
+  var syncGroupRemoveSource = React.useCallback(function (payload) {
+    dispatch(genericActions.syncGroupRemoveSource(payload));
+  }, [dispatch]);
   var hoverSelect = React.useMemo(function () {
     return {
       active: true,
@@ -7477,7 +7491,15 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
       id: mapId,
       isGetMapLoading: false
     }));
-  }, [dispatch, mapId, registerMap, syncGroupsAddSource]);
+    return function () {
+      unregisterMap({
+        mapId: mapId
+      });
+      syncGroupRemoveSource({
+        id: mapId
+      });
+    };
+  }, [dispatch, mapId, registerMap, syncGroupRemoveSource, syncGroupsAddSource, unregisterMap]);
   var onGetMapLoadStart = React.useCallback(function () {
     dispatch(loadingIndicatorActions.setGetMapIsLoading({
       id: mapId,
@@ -8375,6 +8397,9 @@ var useUpdateTimeSpan = function useUpdateTimeSpan(mapId, myOnSetTimeSliderSpan)
   var selectedTime = useSelector(function (store) {
     return mapSelectors.getSelectedTime(store, mapId);
   });
+  var isAnimating = useSelector(function (store) {
+    return mapSelectors.isAnimating(store, mapId);
+  });
   var updateTimeSliderSpan = function updateTimeSliderSpan(spanInSeconds, newCenterTime, newSecondsPerPx) {
     if (spanInSeconds !== undefined && newCenterTime !== undefined && newSecondsPerPx !== undefined) {
       // Do not dispatch actions if values are the same
@@ -8384,13 +8409,15 @@ var useUpdateTimeSpan = function useUpdateTimeSpan(mapId, myOnSetTimeSliderSpan)
     }
   };
   React.useEffect(function () {
-    if (isTimeSpanAuto && autoTimeStepLayerId && activeLayerTimeDimension) {
+    if (isTimeSpanAuto && autoTimeStepLayerId && activeLayerTimeDimension && !isAnimating) {
       var _getTimeBounds = getTimeBounds([activeLayerTimeDimension]),
         startTime = _getTimeBounds.startTime,
         endTime = _getTimeBounds.endTime;
-      var spanInSeconds = endTime - startTime;
+      var minimumStartTime = selectedTime - 24 * 3600;
+      var slicedStartTime = startTime < minimumStartTime ? minimumStartTime : startTime;
+      var spanInSeconds = endTime - slicedStartTime;
       var newSecondsPerPx = secondsPerPxFromCanvasWidth(timeSliderWidth, spanInSeconds);
-      var newCenterTime = (startTime + endTime) / 2;
+      var newCenterTime = (slicedStartTime + endTime) / 2;
       updateTimeSliderSpan(spanInSeconds, newCenterTime, newSecondsPerPx);
     } else {
       var _spanInSeconds = currentTimeSpan || defaultTimeSpan;
@@ -8399,7 +8426,7 @@ var useUpdateTimeSpan = function useUpdateTimeSpan(mapId, myOnSetTimeSliderSpan)
       updateTimeSliderSpan(_spanInSeconds, _newCenterTime, _newSecondsPerPx);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [autoTimeStepLayerId, isTimeSpanAuto, mapId]);
+  }, [autoTimeStepLayerId, isTimeSpanAuto, mapId, activeLayerTimeDimension == null ? void 0 : activeLayerTimeDimension.name]);
 };
 var timeToIso = function timeToIso(selectedTime) {
   return handleDateUtilsISOString(dateUtils.fromUnix(selectedTime).toISOString());
@@ -9167,7 +9194,7 @@ var HarmonieTempAndPrecipPreset = function HarmonieTempAndPrecipPreset(_ref) {
       children: "Loading..."
     });
   }
-  /* Helper to make a map layer prest */
+  /* Helper to make a map layer preset */
   var makeMapPreset = function makeMapPreset(referenceTime, uniqueId, layer, syncGroupsIds, col) {
     return {
       id: uniqueId,
@@ -9182,6 +9209,7 @@ var HarmonieTempAndPrecipPreset = function HarmonieTempAndPrecipPreset(_ref) {
       componentType: 'MultiMap',
       layers: [Object.assign({}, layer, {
         id: uniqueId,
+        useLatestReferenceTime: false,
         dimensions: [{
           name: 'reference_time',
           currentValue: referenceTime
@@ -9774,41 +9802,55 @@ var CoreThemeProvider = function CoreThemeProvider(_ref) {
   });
 };
 /**
- * A Provider component which provides the GeoWeb theme and store for the core.
+ * A Provider component which provides the GeoWeb store for the core.
  * Note: Should only be used with core components, as the provided store is only for core.
  * @param children
  * @returns
  */
-var CoreThemeStoreProvider = function CoreThemeStoreProvider(_ref2) {
+var CoreStoreProvider = function CoreStoreProvider(_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(SnackbarWrapperConnect, {
+      children: children
+    })
+  });
+};
+/**
+ * A Provider component which provides the GeoWeb theme and store for the core.
+ * Note: Should only be used with core components, as the provided store is only for core.
+ * @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;
+  return jsx(CoreStoreProvider, {
     store: store,
     children: jsx(CoreThemeProvider, {
       theme: theme,
-      children: jsx(SnackbarWrapperConnect, {
-        children: children
-      })
+      children: children
     })
   });
 };
-var CoreI18nProvider = function CoreI18nProvider(_ref3) {
-  var children = _ref3.children;
+var CoreI18nProvider = function CoreI18nProvider(_ref4) {
+  var children = _ref4.children;
   initCoreReactI18n();
   return jsx(I18nextProvider, {
     i18n: i18n,
     children: children
   });
 };
-// used for react stories/tests
+// used for react tests
 var DemoWrapper = function DemoWrapper(props) {
   return jsx(CoreI18nProvider, {
     children: jsx(CoreThemeProvider, Object.assign({}, props))
   });
 };
-// used for redux stories/tests
+// used for redux tests
 var DemoWrapperConnect = function DemoWrapperConnect(props) {
   return jsx(CoreI18nProvider, {
     children: jsx(CoreThemeStoreProvider, Object.assign({}, props))
@@ -10021,4 +10063,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, OlMapViewConnect, RouterWrapperConnect, SearchControlButtonConnect, SearchDialog, SearchDialogConnect, SentryRecordButton, SyncGroupViewerConnect, TimeSliderConnect, ZoomControlConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, getLanguageFromLocalStorage, languageLocalStorageKey, saveLanguageToLocalStorage, testLayers, useFetchServices, useUpdateTimeSpan, useUpdateTimestep };
+export { CORE_NAMESPACE, ConfigurableMapConnect, CoreI18nProvider, CoreStoreProvider, 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, OlMapViewConnect, RouterWrapperConnect, SearchControlButtonConnect, SearchDialog, SearchDialogConnect, SentryRecordButton, SyncGroupViewerConnect, TimeSliderConnect, ZoomControlConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, getCenterOfLinkedFeature, getLanguageFromLocalStorage, languageLocalStorageKey, makeLayerInfoPayload, makePrefetchTimeSpan, saveLanguageToLocalStorage, testLayers, useFetchServices, useUpdateTimeSpan, useUpdateTimestep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "12.0.0",
+  "version": "12.1.1",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,44 +8,37 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "@mui/material": "^6.1.1",
-    "@mui/system": "^6.1.1",
-    "@mui/x-date-pickers": "7.27.1",
+    "@opengeoweb/shared": "12.1.1",
+    "react-redux": "^8.1.3",
+    "@opengeoweb/store": "12.1.1",
+    "@opengeoweb/timeslider": "12.1.1",
     "@reduxjs/toolkit": "^1.9.7",
-    "@sentry/react": "^8.34.0",
-    "@storybook/core-events": "8.4.2",
-    "@storybook/preview-api": "8.4.2",
-    "@storybook/react": "8.4.2",
-    "@tanstack/query-core": "5.67.1",
-    "@tanstack/react-query": "^5.62.7",
-    "@testing-library/react": "16.0.1",
-    "@testing-library/user-event": "14.5.2",
-    "@turf/turf": "7.2.0",
+    "@opengeoweb/webmap-react": "12.1.1",
+    "@opengeoweb/webmap": "12.1.1",
+    "@opengeoweb/theme": "12.1.1",
     "axios": "^1.7.7",
-    "date-fns": "4.1.0",
-    "dompurify": "^3.0.6",
-    "i18next": "^23.11.5",
-    "immer": "10.1.1",
-    "jest-canvas-mock": "2.5.2",
-    "jest-date-mock": "1.0.10",
+    "@opengeoweb/layer-select": "12.1.1",
     "lodash": "^4.17.21",
-    "msw": "2.7.3",
-    "msw-storybook-addon": "2.0.4",
     "ol": "^10.4.0",
-    "proj4": "2.15.0",
-    "re-resizable": "6.11.2",
-    "react": "18.3.1",
+    "react-sortablejs": "^6.1.4",
+    "sortablejs": "^1.15.1",
+    "@mui/system": "^6.1.1",
+    "@opengeoweb/snackbar": "12.1.1",
+    "react-router-dom": "^6.21.0",
     "react-draggable": "^4.4.6",
-    "react-hook-form": "7.50.1",
+    "i18next": "^23.11.5",
     "react-i18next": "^15.1.1",
-    "react-redux": "^8.1.3",
-    "react-resize-detector": "9.1.1",
-    "react-router-dom": "^6.21.0",
-    "react-sortablejs": "^6.1.4",
-    "react-window": "1.8.10",
-    "sortablejs": "^1.15.1"
+    "dompurify": "^3.0.6",
+    "@mui/material": "^6.1.1",
+    "@sentry/react": "^8.34.0",
+    "@opengeoweb/authentication": "12.1.1",
+    "@tanstack/react-query": "^5.62.7",
+    "@opengeoweb/api": "12.1.1"
+  },
+  "peerDependencies": {
+    "react": "18",
+    "@emotion/react": "*",
+    "@emotion/styled": "*"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/lib/GeoWebDemo.stories.d.ts

@@ -3,4 +3,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const GeoWebDemo: () => React.ReactElement;
+export declare const GeoWebDemo: {
+    (): React.ReactElement;
+    tags: string[];
+};

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

@@ -1,7 +1,8 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const ComponentsLookUpLightTheme: React.FC;
-export declare const ComponentsLookUpDarkTheme: React.FC;
+import type { Meta, StoryObj } from '@storybook/react';
+import { componentsLookUp } from './componentsLookUp';
+declare const meta: Meta<typeof componentsLookUp>;
+export default meta;
+type Story = StoryObj<typeof componentsLookUp>;
+export declare const Component: Story;
+export declare const ComponentsLookUpLightTheme: Story;
+export declare const ComponentsLookUpDarkTheme: Story;

package/src/lib/components/ConfigurableMapConnect/ConfigurableMapConnect.stories.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
+import type { Meta, StoryObj } from '@storybook/react';
+import { ConfigurableMapConnect } from './ConfigurableMapConnect';
+declare const meta: Meta<typeof ConfigurableMapConnect>;
+export default meta;
+type Story = StoryObj<typeof ConfigurableMapConnect>;
+export declare const Component: Story;
 export declare const ConfigurableMapDefault: () => React.ReactElement;
 export declare const ConfigurableMapCustomized: () => React.ReactElement;
 export declare const ConfigurableMapDrawControls: () => React.ReactElement;

package/src/lib/components/LanguageSelect/Languages.stories.d.ts

@@ -1,33 +1,9 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Languages: {
-    (): React.ReactElement;
-    parameters: {
-        layout: string;
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
-export declare const LanguagesDark: {
-    (): React.ReactElement;
-    parameters: {
-        layout: string;
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
-export declare const LanguagesSnaphot: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const LanguagesSnapshotDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import LanguageSelect from './LanguageSelect';
+declare const meta: Meta<typeof LanguageSelect>;
+export default meta;
+type Story = StoryObj<typeof LanguageSelect>;
+export declare const Languages: Story;
+export declare const LanguagesDark: Story;
+export declare const LanguagesSnaphot: Story;
+export declare const LanguagesSnapshotDark: Story;

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/DimensionSelect/DimensionSelect.d.ts

@@ -22,6 +22,7 @@ export interface DimensionSelectProps {
     SingleValueComponent?: React.FC<SingleValueComponentProps>;
     hideLatestDuplicate?: boolean;
     skipLocalStyling?: boolean;
+    layerId: string;
 }
 declare const DimensionSelect: FC<DimensionSelectProps>;
 export default DimensionSelect;

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/DimensionSelect/DimensionSelectValue.d.ts

@@ -3,6 +3,7 @@ import { layerTypes, mapTypes } from '@opengeoweb/store';
 import { DimensionValueMappings } from '../../../LayerManagerUtils';
 declare const DimensionSelectValue: FC<{
     selectedDimension?: mapTypes.Dimension;
+    generatedValues: string[];
     icon?: ElementType;
     tooltip: string;
     isEnabled: boolean;

package/src/lib/components/LayerManager/LayerManager.custom.stories.d.ts

@@ -3,4 +3,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const LayerManagerCustomTheme: () => React.ReactElement;
+export declare const LayerManagerCustomTheme: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/LayerManager/LayerManager.stories.d.ts

@@ -1,90 +1,19 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const LayerManagerLightTheme: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const DockedLayerManagerLightTheme: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const LayerManagerLightThemeSmall: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const LayerManagerLightThemeMedium: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const LayerManagerDarkTheme: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const DockedLayerManagerDarkTheme: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const LayerManagerDarkThemeSmall: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const LayerManagerDarkThemeMedium: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-    tags: string[];
-};
-export declare const LayerManagerLoadingState: () => React.ReactElement;
-export declare const LayerManagerWithErrorLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const LayerManagerWithErrorDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const LayerManagerCollapsedLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const LayerManagerCollapsedDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import LayerManager from './LayerManager';
+declare const meta: Meta<typeof LayerManager>;
+export default meta;
+type Story = StoryObj<typeof LayerManager>;
+export declare const Component: Story;
+export declare const LayerManagerLightTheme: Story;
+export declare const DockedLayerManagerLightTheme: Story;
+export declare const LayerManagerLightThemeSmall: Story;
+export declare const LayerManagerLightThemeMedium: Story;
+export declare const LayerManagerDarkTheme: Story;
+export declare const DockedLayerManagerDarkTheme: Story;
+export declare const LayerManagerDarkThemeSmall: Story;
+export declare const LayerManagerDarkThemeMedium: Story;
+export declare const LayerManagerLoadingState: Story;
+export declare const LayerManagerWithErrorLight: Story;
+export declare const LayerManagerWithErrorDark: Story;
+export declare const LayerManagerCollapsedLight: Story;
+export declare const LayerManagerCollapsedDark: Story;

package/src/lib/components/LayerManager/LayerManagerConnect.stories.d.ts

@@ -1,25 +1,10 @@
 import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const LayerManagerConnectLightTheme: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
-export declare const LayerManagerConnectDarkTheme: {
-    (): React.ReactElement;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import { LayerManagerConnect } from '.';
+declare const meta: Meta<typeof LayerManagerConnect>;
+export default meta;
+type Story = StoryObj<typeof LayerManagerConnect>;
+export declare const LayerManagerConnectLightTheme: Story;
+export declare const LayerManagerConnectDarkTheme: Story;
 export declare const LayerManagerConnectWithMultiMaps: () => React.ReactElement;
 export declare const LayerManagerConnectWithTiledMap: () => React.ReactElement;

package/src/lib/components/LayerManager/LayerSelect/LayerSelectConnect.stories.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const MapWithLayerSelectDemoLightTheme: React.FC;
-export declare const MapWithLayerSelectDemoDarkTheme: React.FC;
+import type { Meta, StoryObj } from '@storybook/react';
+import LayerManagerMapButtonConnect from '../LayerManagerMapButtonConnect';
+declare const meta: Meta<typeof LayerManagerMapButtonConnect>;
+export default meta;
+type Story = StoryObj<typeof LayerManagerMapButtonConnect>;
+export declare const MapWithLayerSelectDemoLightTheme: Story;
+export declare const MapWithLayerSelectDemoDarkTheme: Story;

package/src/lib/components/LayerManager/ProjectionSelect/ProjectionSelect.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const ProjectionSelectInMap: () => React.ReactElement;

package/src/lib/components/LegendConnect/LegendConnect.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const LegendConnectStoryWithMultiMaps: () => React.ReactElement;

package/src/lib/components/MapDrawToolRedux/MapDrawToolRedux.stories.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const BasicMapDrawTool: () => React.ReactElement;

package/src/lib/components/MapDrawToolRedux/MapDrawToolReduxIntersection.stories.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const IntersectionDemo: () => React.ReactElement;

package/src/lib/components/MapDrawToolRedux/MapDrawToolReduxMultipleDrawTools.stories.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const MultipleDrawToolsDemo: () => React.ReactElement;

package/src/lib/components/MapViewConnect/MapViewConnect.DoubleMap.stories.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const DoubleMap: React.FC;

package/src/lib/components/MapViewConnect/MapViewConnect.Errors.stories.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const MapError: () => React.ReactElement;

package/src/lib/components/MapViewConnect/MapViewConnect.FeatureLayers.stories.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const FeatureLayers: () => React.ReactElement;

package/src/lib/components/MapViewConnect/MapViewConnect.InitialBBoxAndWithout.stories.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const MapWithAndWithoutInitialBBOX: React.FC;

package/src/lib/components/MapViewConnect/MapViewConnect.LayerActions.stories.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const LayerActions: () => React.ReactElement;

package/src/lib/components/MapViewConnect/MapViewConnect.LayerChangeEnabledOpacity.stories.d.ts

@@ -3,6 +3,7 @@ import { layerActions, layerTypes } from '@opengeoweb/store';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export interface LayerChangeOpacityInputProps {

package/src/lib/components/MapViewConnect/MapViewConnect.MapModuleOverDefaultMap.stories.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const MapModuleOverDefaultMap: () => React.ReactElement;

package/src/lib/components/MapViewConnect/MapViewConnect.MapPin.stories.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const SetMapPinAction: {

package/src/lib/components/MapViewConnect/MapViewConnect.MultiMapLayerManager.stories.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const MultiMapLayerManager: React.FC;

package/src/lib/components/MapViewConnect/MapViewConnect.SelectorTest.stories.d.ts

@@ -3,6 +3,7 @@ import { MapViewConnectProps } from './MapViewConnect';
 declare const _default: {
     title: string;
     component: React.FC<MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const SelectorTests: () => React.ReactElement;

package/src/lib/components/MapViewConnect/MapViewConnect.SetBaseLayers.stories.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const SetBaseLayersAction: React.FC;

package/src/lib/components/MapViewConnect/MapViewConnect.ToggleControls.stories.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./MapViewConnect").MapViewConnectProps>;
+    tags: string[];
 };
 export default _default;
 export declare const MapToggleControls: React.FC;

package/src/lib/components/MapViewConnect/OlMapViewConnect.spec.d.ts

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

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

@@ -1,2 +1,3 @@
 export { default as MapViewConnect } from './MapViewConnect';
 export { default as OlMapViewConnect } from './OlMapViewConnect';
+export * from './olMapUtils';

package/src/lib/components/MultiMapDimensionSelectConnect/EnsembleDimensionExample.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const MultiDimensionDemo: React.FC;

package/src/lib/components/MultiMapDimensionSelectConnect/MultiDimensionSelectConnect.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const ElevationDimensionDemoWithLightTheme: React.FC;

package/src/lib/components/MultiMapDimensionSelectConnect/MultiMapMultiDimensionSelect.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const MultiDimensionSelectStoryWithMultiMaps: () => React.ReactElement;

package/src/lib/components/MultiMapViewConnect/ModelRunInterval/ModelRunInterval.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const ModelRunIntervalDefault: () => React.ReactElement;

package/src/lib/components/MultiMapViewConnect/MultiMapView10x10.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const MultiMapViewStory10x10: () => React.ReactElement;

package/src/lib/components/MultiMapViewConnect/MultiMapView2x2.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const MultiMapViewStory2x2: () => React.ReactElement;

package/src/lib/components/MultiMapViewConnect/MultiMapView4x3.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const MultiMapViewStory4x3: () => React.ReactElement;

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

@@ -17,6 +17,15 @@ export declare const CoreThemeProvider: React.FC<CoreThemeProviderProps>;
 interface CoreThemeStoreProviderProps extends CoreThemeProviderProps {
     store: Store;
 }
+/**
+ * A Provider component which provides the GeoWeb store for the core.
+ * Note: Should only be used with core components, as the provided store is only for core.
+ * @param children
+ * @returns
+ */
+export declare const CoreStoreProvider: React.FC<CoreTranslationWrapperProps & {
+    store: Store;
+}>;
 /**
  * A Provider component which provides the GeoWeb theme and store for the core.
  * Note: Should only be used with core components, as the provided store is only for core.

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

@@ -1,13 +1,7 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const SearchDialogLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const SearchDialogDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import { SearchDialog } from './SearchDialog';
+declare const meta: Meta<typeof SearchDialog>;
+export default meta;
+type Story = StoryObj<typeof SearchDialog>;
+export declare const SearchDialogLight: Story;
+export declare const SearchDialogDark: Story;

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

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

package/src/lib/components/SyncGroups/SyncGroups.FourMapsSynced.stories.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
-export declare const FourMapsSynced: () => React.ReactElement;
+export declare const FourMapsSynced: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/SyncGroups/SyncGroups.SyncMany.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const SyncMany: () => React.ReactElement;

package/src/lib/components/SyncGroups/SyncGroups.SyncMaps.stories.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
-export declare const SyncMaps: () => React.ReactElement;
+export declare const SyncMaps: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/SyncGroups/SyncGroups.TwoMapsSynced.stories.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
-export declare const TwoMapsSynced: () => React.ReactElement;
+export declare const TwoMapsSynced: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/TimeSliderConnect/AutoUpdate.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const SetLayersWithAutoUpdate: () => React.ReactElement;

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

@@ -1,15 +1,6 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const DemoTimeSliderConnect: {
-    (): React.ReactElement;
-    storyName: string;
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import { TimeSliderConnect } from './TimeSliderConnect';
+declare const meta: Meta<typeof TimeSliderConnect>;
+export default meta;
+type Story = StoryObj<typeof TimeSliderConnect>;
+export declare const DemoTimeSliderConnect: Story;

package/src/lib/components/WMSLoader/WMSLoader.stories.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
+    tags: string[];
 };
 export default _default;
 export declare const DemoWMSLoad: React.FC;

package/src/lib/components/MultiMapViewConnect/MultiMapView.stories.d.ts

@@ -1,9 +0,0 @@
-import { MultiMapViewStory2x2 } from './MultiMapView2x2.stories';
-import { MultiMapViewStory4x3 } from './MultiMapView4x3.stories';
-import { MultiMapViewStory10x10 } from './MultiMapView10x10.stories';
-import { ModelRunIntervalCustomStart, ModelRunIntervalDefault, ModelRunIntervalHourly } from './ModelRunInterval/ModelRunInterval.stories';
-export { MultiMapViewStory2x2, MultiMapViewStory4x3, MultiMapViewStory10x10, ModelRunIntervalDefault, ModelRunIntervalHourly, ModelRunIntervalCustomStart, };
-declare const _default: {
-    title: string;
-};
-export default _default;