@opengeoweb/store 12.0.0 → 12.1.0

package/index.esm.js

@@ -912,7 +912,7 @@ var createMap = function createMap(_ref) {
     _ref$isTimestepAuto = _ref.isTimestepAuto,
     isTimestepAuto = _ref$isTimestepAuto === void 0 ? true : _ref$isTimestepAuto,
     _ref$isTimeSpanAuto = _ref.isTimeSpanAuto,
-    isTimeSpanAuto = _ref$isTimeSpanAuto === void 0 ? false : _ref$isTimeSpanAuto,
+    isTimeSpanAuto = _ref$isTimeSpanAuto === void 0 ? true : _ref$isTimeSpanAuto,
     _ref$isTimeSliderHove = _ref.isTimeSliderHoverOn,
     isTimeSliderHoverOn = _ref$isTimeSliderHove === void 0 ? false : _ref$isTimeSliderHove,
     _ref$isTimeSliderVisi = _ref.isTimeSliderVisible,
@@ -1968,7 +1968,7 @@ var slice$6 = createSlice({
       });
       /* Find all other layers with the same name and service, and update these at once (atomic update) */
       var layersToUpdate = Object.values(draft.byId).filter(function (otherLayer) {
-        return otherLayer.name === layer.name && otherLayer.service === layer.service && otherLayer.id;
+        return (otherLayer === null || otherLayer === void 0 ? void 0 : otherLayer.name) === (layer === null || layer === void 0 ? void 0 : layer.name) && (otherLayer === null || otherLayer === void 0 ? void 0 : otherLayer.service) === (layer === null || layer === void 0 ? void 0 : layer.service) && (otherLayer === null || otherLayer === void 0 ? void 0 : otherLayer.id);
       });
       layersToUpdate.forEach(function (layerToUpdate) {
         var _reduxLayer$dimension;
@@ -1988,8 +1988,8 @@ var slice$6 = createSlice({
           var wmDimension = wmLayer === null || wmLayer === void 0 ? void 0 : wmLayer.getDimension(newLayerDimension.name);
           /* This will set the new range of start/stop values for this dimension, making getClosestValue work properly */
           wmDimension === null || wmDimension === void 0 || wmDimension.reInitializeValues(newLayerDimension.values);
-          var existingDimension = reduxDimensions.find(function (d) {
-            return d.name === newLayerDimension.name;
+          var existingDimension = reduxDimensions.find(function (dim) {
+            return dim.name === newLayerDimension.name;
           });
           if (existingDimension) {
             if (existingDimension.name === 'reference_time' && reduxLayer.useLatestReferenceTime && newLayerDimension.maxValue) {
@@ -3685,6 +3685,7 @@ var DialogTypes;
   DialogTypes["TimeSeriesSelect"] = "timeSeriesSelect";
   DialogTypes["TimeSeriesManager"] = "timeSeriesManager";
   DialogTypes["TimeseriesInfo"] = "timeseriesInfo";
+  DialogTypes["TimeseriesLocationInfo"] = "timeseriesLocationInfo";
   DialogTypes["KeywordFilter"] = "keywordFilter";
   DialogTypes["DimensionSelectEnsembleMember"] = "dimensionSelect-ensemble_member";
   DialogTypes["DimensionSelectElevation"] = "dimensionSelect-elevation";
@@ -4538,11 +4539,11 @@ var getLinkedMaps = createSelector([selectLinkedState, function (store, panelId)
   return linkedState.links[panelId] || [];
 }, selectorMemoizationOptions);
 var getLinkedFeatureProviders = function getLinkedFeatureProviders(linkedState, mapId) {
-  return Object.keys(linkedState.links).filter(function (panelId) {
+  return linkedState ? Object.keys(linkedState.links).filter(function (panelId) {
     return linkedState.links[panelId].find(function (id) {
       return id === mapId;
     });
-  });
+  }) : [];
 };
 var selectSharedData = createSelector([selectLinkedState, function (store, panelId) {
   return panelId;
@@ -4614,37 +4615,59 @@ function (state, mapId) {
     return feature.id === selectedFeatureId;
   });
   if (selectedFeature && selectedFeature.geometry.type === 'Point') {
-    var _selectedFeature$prop, _selectedFeature$prop2, _selectedFeature$prop3;
+    var _selectedFeature$prop, _selectedFeature$prop2;
     var coordinates = selectedFeature.geometry.coordinates;
     return {
       lat: coordinates[1],
       lon: coordinates[0],
       id: selectedFeature.id,
-      serviceId: (_selectedFeature$prop = selectedFeature.properties) === null || _selectedFeature$prop === void 0 ? void 0 : _selectedFeature$prop.serviceId,
-      collectionId: (_selectedFeature$prop2 = selectedFeature.properties) === null || _selectedFeature$prop2 === void 0 ? void 0 : _selectedFeature$prop2.collectionId,
-      name: (_selectedFeature$prop3 = selectedFeature.properties) === null || _selectedFeature$prop3 === void 0 ? void 0 : _selectedFeature$prop3.name
+      name: (_selectedFeature$prop = selectedFeature.properties) === null || _selectedFeature$prop === void 0 ? void 0 : _selectedFeature$prop.name,
+      occurrences: (_selectedFeature$prop2 = selectedFeature.properties) === null || _selectedFeature$prop2 === void 0 ? void 0 : _selectedFeature$prop2.occurrences
     };
   }
   if (selectedFeature) {
-    var _selectedFeature$prop4, _selectedFeature$prop5, _selectedFeature$prop6;
+    var _selectedFeature$prop3, _selectedFeature$prop4;
     var center = turf.center(selectedFeature);
     return {
       lat: center.geometry.coordinates[1],
       lon: center.geometry.coordinates[0],
       id: selectedFeature.id,
-      serviceId: (_selectedFeature$prop4 = selectedFeature.properties) === null || _selectedFeature$prop4 === void 0 ? void 0 : _selectedFeature$prop4.serviceId,
-      collectionId: (_selectedFeature$prop5 = selectedFeature.properties) === null || _selectedFeature$prop5 === void 0 ? void 0 : _selectedFeature$prop5.collectionId,
-      name: (_selectedFeature$prop6 = selectedFeature.properties) === null || _selectedFeature$prop6 === void 0 ? void 0 : _selectedFeature$prop6.name
+      name: (_selectedFeature$prop3 = selectedFeature.properties) === null || _selectedFeature$prop3 === void 0 ? void 0 : _selectedFeature$prop3.name,
+      occurrences: (_selectedFeature$prop4 = selectedFeature.properties) === null || _selectedFeature$prop4 === void 0 ? void 0 : _selectedFeature$prop4.occurrences
     };
   }
   return null;
 });
+var getSelectedFeatureAsGeoJSON = createSelector([function (state, mapId) {
+  var _state$linkedState2;
+  var sharedData = (_state$linkedState2 = state.linkedState) === null || _state$linkedState2 === void 0 ? void 0 : _state$linkedState2.sharedData[mapId];
+  var _ref3 = sharedData || {},
+    _ref3$features = _ref3.features,
+    features = _ref3$features === void 0 ? [] : _ref3$features,
+    selectedFeatureId = _ref3.selectedFeatureId;
+  return {
+    features: features,
+    selectedFeatureId: selectedFeatureId
+  };
+}], function (_ref4) {
+  var features = _ref4.features,
+    selectedFeatureId = _ref4.selectedFeatureId;
+  if (features && selectedFeatureId) {
+    var _features$2;
+    var selectedFeature = (_features$2 = features[0]) === null || _features$2 === void 0 ? void 0 : _features$2.geoJSON.features.find(function (feature) {
+      return feature.id === selectedFeatureId;
+    });
+    return selectedFeature;
+  }
+  return null;
+});
 
 var selectors$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getLinkedFeatureProviders: getLinkedFeatureProviders,
   getLinkedMaps: getLinkedMaps,
   getSelectedFeature: getSelectedFeature,
+  getSelectedFeatureAsGeoJSON: getSelectedFeatureAsGeoJSON,
   getSynchronizationGroupStore: getSynchronizationGroupStore,
   getTime: getTime,
   selectLinkedFeatures: selectLinkedFeatures,
@@ -5136,11 +5159,12 @@ var isAnimating = createSelector(getMapById, function (store) {
  * @returns {object} returnType: object - object containing isAnimating boolean and id string
  */
 var linkedMapAnimationInfo = createSelector(function (store, mapId) {
+  var _genericSelectors$get;
   var animationInfo = {
     isAnimating: isAnimating(store, mapId),
     id: mapId
   };
-  getSynchronizationGroupStore(store).groups.allIds.forEach(function (groupId) {
+  (_genericSelectors$get = getSynchronizationGroupStore(store)) === null || _genericSelectors$get === void 0 || _genericSelectors$get.groups.allIds.forEach(function (groupId) {
     if (getSynchronizationGroupStore(store).groups.byId[groupId].targets.byId[animationInfo.id] && getSynchronizationGroupStore(store).groups.byId[groupId].targets.byId[animationInfo.id].linked) {
       getSynchronizationGroupStore(store).groups.byId[groupId].targets.allIds.forEach(function (id) {
         if (isAnimating(store, id) === true) {
@@ -7032,13 +7056,11 @@ mapListener.startListening({
                 timeSliderSpan: timeSliderSpan
               }));
             }
-            if (toggleTimeSpanAuto !== undefined) {
-              // toggle timeslider span auto
-              listenerApi.dispatch(mapActions.toggleTimeSpanAuto({
-                mapId: mapId,
-                timeSpanAuto: toggleTimeSpanAuto
-              }));
-            }
+            // toggle time span auto - defaults to true
+            listenerApi.dispatch(mapActions.toggleTimeSpanAuto({
+              mapId: mapId,
+              timeSpanAuto: toggleTimeSpanAuto !== null && toggleTimeSpanAuto !== void 0 ? toggleTimeSpanAuto : true
+            }));
             if (shouldShowZoomControls !== undefined) {
               // toggle zoom controls
               listenerApi.dispatch(mapActions.toggleZoomControls({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "12.0.0",
+  "version": "12.1.0",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,39 +8,21 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "@mui/material": "6.4.1",
-    "@mui/system": "6.4.6",
-    "@mui/x-date-pickers": "7.27.1",
+    "@opengeoweb/shared": "12.1.0",
+    "react-redux": "^8.1.3",
     "@reduxjs/toolkit": "^1.9.7",
-    "@sentry/react": "8.54.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.67.1",
-    "@testing-library/react": "16.0.1",
-    "@testing-library/user-event": "14.5.2",
-    "@turf/turf": "^7.2.0",
-    "axios": "1.8.1",
-    "date-fns": "4.1.0",
-    "dompurify": "3.2.4",
-    "i18next": "23.11.5",
+    "@opengeoweb/webmap-react": "12.1.0",
+    "@opengeoweb/webmap": "12.1.0",
     "immer": "^10.0.3",
-    "jest-canvas-mock": "2.5.2",
-    "jest-date-mock": "1.0.10",
     "lodash": "^4.17.21",
-    "msw": "2.7.3",
+    "@opengeoweb/metronome": "12.1.0",
+    "@opengeoweb/timeslider": "12.1.0",
+    "react-router-dom": "^6.23.1",
     "ol": "^10.4.0",
-    "proj4": "2.15.0",
-    "re-resizable": "6.11.2",
-    "react": "18.3.1",
-    "react-draggable": "4.4.6",
-    "react-i18next": "15.1.1",
-    "react-redux": "^8.1.3",
-    "react-resize-detector": "9.1.1",
-    "react-router-dom": "^6.23.1"
+    "@turf/turf": "^7.2.0"
+  },
+  "peerDependencies": {
+    "react": "18"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/store/generic/selectors.d.ts

@@ -1,5 +1,5 @@
 import type { CoreAppStore } from '../types';
-import type { LinkedState, SynchronizationGroupState, SynchronizationSource } from './syncGroups/types';
+import type { LinkedState, PotentialData, SynchronizationGroupState, SynchronizationSource } from './syncGroups/types';
 export declare const getSynchronizationGroupStore: ((state: CoreAppStore) => SynchronizationGroupState) & import("reselect").OutputSelectorFields<(args_0: SynchronizationGroupState) => SynchronizationGroupState, {
     clearCache: () => void;
 }> & {
@@ -16,7 +16,7 @@ export declare const getLinkedMaps: ((state: any, panelId: string) => string[])
     clearCache: () => void;
 };
 export declare const getLinkedFeatureProviders: (linkedState: LinkedState, mapId: string) => string[];
-export declare const selectSharedData: ((state: any, panelId: string) => import("./syncGroups/types").PotentialData) & import("reselect").OutputSelectorFields<(args_0: LinkedState, args_1: string) => import("./syncGroups/types").PotentialData, {
+export declare const selectSharedData: ((state: any, panelId: string) => PotentialData) & import("reselect").OutputSelectorFields<(args_0: LinkedState, args_1: string) => PotentialData, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;
@@ -59,9 +59,8 @@ export declare const getSelectedFeature: ((state: SynchronizationGroupState, map
     lat: number;
     lon: number;
     id: string;
-    serviceId: any;
-    collectionId: any;
     name: any;
+    occurrences: any;
 } | null) & import("reselect").OutputSelectorFields<(args_0: {
     features: {
         id: string;
@@ -73,11 +72,15 @@ export declare const getSelectedFeature: ((state: SynchronizationGroupState, map
     lat: number;
     lon: number;
     id: string;
-    serviceId: any;
-    collectionId: any;
     name: any;
+    occurrences: any;
 } | null, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;
 };
+export declare const getSelectedFeatureAsGeoJSON: ((state: SynchronizationGroupState, mapId: string) => import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties> | null | undefined) & import("reselect").OutputSelectorFields<(args_0: PotentialData) => import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties> | null | undefined, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

package/src/store/ui/types.d.ts

@@ -7,6 +7,7 @@ export declare enum DialogTypes {
     TimeSeriesSelect = "timeSeriesSelect",
     TimeSeriesManager = "timeSeriesManager",
     TimeseriesInfo = "timeseriesInfo",
+    TimeseriesLocationInfo = "timeseriesLocationInfo",
     KeywordFilter = "keywordFilter",
     DimensionSelectEnsembleMember = "dimensionSelect-ensemble_member",
     DimensionSelectElevation = "dimensionSelect-elevation",