@opengeoweb/core 4.12.0 → 4.13.1

package/index.esm.js

@@ -5417,6 +5417,9 @@ var getTargetGroups = function getTargetGroups(state, payload, actionType) {
 var syncGroupGetViewState = createSelector(syncGroupStore, function (store) {
   return store.viewState;
 });
+var getSyncedMapIdsForTimeslider = createSelector(syncGroupStore, function (store) {
+  return store.viewState.timeslider.groups[0].selected;
+}, selectorMemoizationOptions);
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -8210,7 +8213,7 @@ function updateAnimation(mapId, maxValue) {
   }, _marked4$1);
 }
 function setLayerDimensionsSaga(_ref4) {
-  var payload, layerDimensions, dimensions, layerId, layer, newTimeDimension, mapId, activeLayerId, shouldAutoUpdate, shouldEndTimeOverride, prevTimeDimension, isAnimating$1, webmapInstance, isActiveLayer, timeStep, isTimestepAuto$1, newTimeStep;
+  var payload, layerDimensions, dimensions, layerId, layer, newTimeDimension, mapId, activeLayerId, shouldAutoUpdate, shouldEndTimeOverride, prevTimeDimension, isAnimating$1, webmapInstance, isActiveLayer, timeStep, isTimestepAuto$1, newTimeStep, syncedMapIds;
   return regeneratorRuntime.wrap(function setLayerDimensionsSaga$(_context5) {
     while (1) {
       switch (_context5.prev = _context5.next) {
@@ -8305,7 +8308,7 @@ function setLayerDimensionsSaga(_ref4) {
         case 41:
           if (!(isActiveLayer && // only update the active layer
           shouldAutoUpdate && newTimeDimension && newTimeDimension.maxValue && prevTimeDimension && prevTimeDimension.currentValue && prevTimeDimension.currentValue !== newTimeDimension.maxValue && !shouldEndTimeOverride)) {
-            _context5.next = 49;
+            _context5.next = 55;
             break;
           }
 
@@ -8326,40 +8329,61 @@ function setLayerDimensionsSaga(_ref4) {
 
         case 45:
           _context5.next = 47;
-          return call(updateAnimation, mapId, newTimeDimension.maxValue);
+          return select(getSyncedMapIdsForTimeslider);
 
         case 47:
-          _context5.next = 52;
+          syncedMapIds = _context5.sent;
+
+          if (!syncedMapIds) {
+            _context5.next = 51;
+            break;
+          }
+
+          _context5.next = 51;
+          return all(syncedMapIds.map(function (syncedMapId) {
+            return put(setTime({
+              origin: 'mapStore saga',
+              sourceId: syncedMapId,
+              value: newTimeDimension.maxValue
+            }));
+          }));
+
+        case 51:
+          _context5.next = 53;
+          return call(updateAnimation, mapId, newTimeDimension.maxValue);
+
+        case 53:
+          _context5.next = 58;
           break;
 
-        case 49:
+        case 55:
           if (!(isAnimating$1 && !webmapInstance.isAnimating && newTimeDimension && newTimeDimension.maxValue && !shouldEndTimeOverride)) {
-            _context5.next = 52;
+            _context5.next = 58;
             break;
           }
 
-          _context5.next = 52;
+          _context5.next = 58;
           return call(updateAnimation, mapId, newTimeDimension.maxValue);
 
-        case 52:
-          _context5.next = 57;
+        case 58:
+          _context5.next = 63;
           break;
 
-        case 54:
-          _context5.prev = 54;
+        case 60:
+          _context5.prev = 60;
           _context5.t0 = _context5["catch"](1);
           // eslint-disable-next-line no-console
           console.warn(_context5.t0);
 
-        case 57:
+        case 63:
         case "end":
           return _context5.stop();
       }
     }
-  }, _marked5, null, [[1, 54]]);
+  }, _marked5, null, [[1, 60]]);
 }
 function toggleAutoUpdateSaga(_ref5) {
-  var payload, shouldAutoUpdate, mapId, layerId, timeDimension;
+  var payload, shouldAutoUpdate, mapId, layerId, timeDimension, syncedMapIds, payloads;
   return regeneratorRuntime.wrap(function toggleAutoUpdateSaga$(_context6) {
     while (1) {
       switch (_context6.prev = _context6.next) {
@@ -8369,7 +8393,7 @@ function toggleAutoUpdateSaga(_ref5) {
           shouldAutoUpdate = payload.shouldAutoUpdate, mapId = payload.mapId;
 
           if (!shouldAutoUpdate) {
-            _context6.next = 15;
+            _context6.next = 25;
             break;
           }
 
@@ -8385,7 +8409,7 @@ function toggleAutoUpdateSaga(_ref5) {
           timeDimension = _context6.sent;
 
           if (!(timeDimension && timeDimension.maxValue)) {
-            _context6.next = 15;
+            _context6.next = 25;
             break;
           }
 
@@ -8401,24 +8425,68 @@ function toggleAutoUpdateSaga(_ref5) {
 
         case 13:
           _context6.next = 15;
-          return call(updateAnimation, mapId, timeDimension.maxValue);
+          return select(getSyncedMapIdsForTimeslider);
 
         case 15:
-          _context6.next = 20;
+          syncedMapIds = _context6.sent;
+
+          if (!(syncedMapIds.length > 0)) {
+            _context6.next = 23;
+            break;
+          }
+
+          _context6.next = 19;
+          return all(syncedMapIds.map(function (syncedMapId) {
+            return put(setTime({
+              origin: 'mapStore saga',
+              sourceId: syncedMapId,
+              value: timeDimension.maxValue
+            }));
+          }));
+
+        case 19:
+          // When timesliders are synced by syncgrous autoupdate is toggled on, toggle autoupdate off for other timesliders
+          payloads = syncedMapIds.reduce(function (syncedMapIdList, syncedMapId) {
+            if (syncedMapId !== mapId) {
+              return syncedMapIdList.concat({
+                mapId: syncedMapId,
+                shouldAutoUpdate: false
+              });
+            }
+
+            return syncedMapIdList;
+          }, []);
+
+          if (!(payloads.length > 0)) {
+            _context6.next = 23;
+            break;
+          }
+
+          _context6.next = 23;
+          return all(payloads.map(function (payload) {
+            return put(mapActions$1.toggleAutoUpdate(payload));
+          }));
+
+        case 23:
+          _context6.next = 25;
+          return call(updateAnimation, mapId, timeDimension.maxValue);
+
+        case 25:
+          _context6.next = 30;
           break;
 
-        case 17:
-          _context6.prev = 17;
+        case 27:
+          _context6.prev = 27;
           _context6.t0 = _context6["catch"](1);
           // eslint-disable-next-line no-console
           console.warn(_context6.t0);
 
-        case 20:
+        case 30:
         case "end":
           return _context6.stop();
       }
     }
-  }, _marked6, null, [[1, 17]]);
+  }, _marked6, null, [[1, 27]]);
 }
 function handleBaseLayersSaga(mapId, baseLayers) {
   var baseLayer, currentAvailableBaseLayers, activeAvailableBaseLayer, activeBaseLayerId, baseLayersWithActiveId;
@@ -9434,9 +9502,6 @@ var HeaderOptions = function HeaderOptions(_ref) {
     onClick: function onClick() {
       return onChangeSize(sizeSmall);
     },
-    onTouchEnd: function onTouchEnd() {
-      return onChangeSize(sizeSmall);
-    },
     sx: iconStyle,
     className: "collapseSmall-btn"
   }, /*#__PURE__*/React.createElement(CollapseSmall, null))), /*#__PURE__*/React.createElement(CustomTooltip, {
@@ -9447,9 +9512,6 @@ var HeaderOptions = function HeaderOptions(_ref) {
     onClick: function onClick() {
       return onChangeSize(sizeMedium);
     },
-    onTouchEnd: function onTouchEnd() {
-      return onChangeSize(sizeMedium);
-    },
     sx: iconStyle,
     className: "collapseMedium-btn"
   }, /*#__PURE__*/React.createElement(CollapseMedium, null))), /*#__PURE__*/React.createElement(CustomTooltip, {
@@ -9460,9 +9522,6 @@ var HeaderOptions = function HeaderOptions(_ref) {
     onClick: function onClick() {
       return onChangeSize(sizeLarge);
     },
-    onTouchEnd: function onTouchEnd() {
-      return onChangeSize(sizeLarge);
-    },
     sx: iconStyle,
     className: "collapseLarge-btn"
   }, /*#__PURE__*/React.createElement(CollapseLarge, null))), /*#__PURE__*/React.createElement(CustomTooltip, {
@@ -9474,9 +9533,6 @@ var HeaderOptions = function HeaderOptions(_ref) {
     sx: iconStyle,
     onClick: function onClick() {
       return onClickDockButton();
-    },
-    onTouchEnd: function onTouchEnd() {
-      return onClickDockButton();
     }
   }, isDockedLayerManager ? /*#__PURE__*/React.createElement(CollapseWindow, {
     "data-testid": "dockedLayerManager-collapse"
@@ -9564,39 +9620,39 @@ var layerManagerStyle = Object.assign({
 }, !IS_JEST && {
   '@container (max-width: 320px)': {
     '.layermanager': {
-      '.column-1:not(.container-query-polyfill)': {
+      '.column-1': {
         width: '100%'
       },
-      '.enable-btn-mini:not(.container-query-polyfill)': {
+      '.enable-btn-mini': {
         display: 'inline-flex'
       },
-      '.activateLayer-btn:not(.container-query-polyfill), .enable-btn:not(.container-query-polyfill), .column-2:not(.container-query-polyfill), .column-3:not(.container-query-polyfill), .column-4:not(.container-query-polyfill), .column-5:not(.container-query-polyfill), .column-6:not(.container-query-polyfill), .column-7:not(.container-query-polyfill)': {
+      '.activateLayer-btn, .enable-btn, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7': {
         display: 'none'
       },
-      '#mappresets-menubutton:not(.container-query-polyfill), .addLayer-column:not(.container-query-polyfill)': {
+      '#mappresets-menubutton, .addLayer-column': {
         display: 'none'
       },
-      '.descriptionRow:not(.container-query-polyfill)': {
+      '.descriptionRow': {
         height: 6,
-        '.MuiButtonBase-root:not(.container-query-polyfill)': {
+        '.MuiButtonBase-root': {
           display: 'none'
         }
       }
     },
     '.header-layermanager': {
-      '.header-left:not(.container-query-polyfill), .header-title:not(.container-query-polyfill)': {
+      '.header-left, .header-title': {
         display: 'none'
       },
-      '&>div:not(.container-query-polyfill)': {
+      '&>div': {
         justifyContent: 'flex-end',
         padding: 0,
         height: 24
       },
-      '.header-right:not(.container-query-polyfill)': {
+      '.header-right': {
         maxWidth: '100%',
         flexBasis: '100%'
       },
-      '.collapseSmall-btn:not(.container-query-polyfill)': {
+      '.collapseSmall-btn': {
         display: 'none'
       }
     }
@@ -9604,31 +9660,31 @@ var layerManagerStyle = Object.assign({
   // sizes: medium
   '@container (max-width: 600px)': {
     '.layermanager': {
-      '.column-3:not(.container-query-polyfill), .column-4:not(.container-query-polyfill), .column-5:not(.container-query-polyfill), .column-6:not(.container-query-polyfill), .column-7:not(.container-query-polyfill)': {
+      '.column-3, .column-4, .column-5, .column-6, .column-7': {
         display: 'none'
       },
-      '.column-2:not(.container-query-polyfill)': {
+      '.column-2': {
         width: "calc((100% - ".concat(iconButtonSize * 3, "px) )")
       },
       // presets
-      '.header-layer.mappresetsModule-enabled:not(.container-query-polyfill)': {
+      '.header-layer.mappresetsModule-enabled': {
         display: 'none'
       },
-      '.header-mapPresets:not(.container-query-polyfill)': {
+      '.header-mapPresets': {
         display: 'block',
-        '.MuiButtonBase-root:not(.container-query-polyfill)': {
+        '.MuiButtonBase-root': {
           height: 24,
-          '.MuiBox-root:not(.container-query-polyfill)': {
+          '.MuiBox-root': {
             textAlign: 'center'
           }
         }
       }
     },
     '.header-layermanager': {
-      '.mapPresets-btn:not(.container-query-polyfill)': {
+      '.mapPresets-btn': {
         display: 'none'
       },
-      '.collapseLarge-btn:not(.container-query-polyfill)': {
+      '.collapseLarge-btn': {
         display: 'inline-flex'
       }
     }
@@ -9636,26 +9692,26 @@ var layerManagerStyle = Object.assign({
   // specific queries for medium layermanager
   '@container (max-width: 600px) and (min-width: 321px)': {
     '.layermanager': {
-      '.medium-layermanager:not(.container-query-polyfill)': {
+      '.medium-layermanager': {
         display: 'block'
       }
     },
-    '.deleteBtnMedium:not(.container-query-polyfill)': {
+    '.deleteBtnMedium': {
       display: 'inline-flex!important',
-      '&+button:not(.container-query-polyfill)': {
+      '&+button': {
         display: 'none'
       }
     },
     '.layerRow': {
-      '.column-1:not(.container-query-polyfill)': {
+      '.column-1': {
         display: 'none'
       },
-      '.column-2:not(.container-query-polyfill)': {
+      '.column-2': {
         display: 'none'
       }
     },
     '.header-layermanager': {
-      '.collapseMedium-btn:not(.container-query-polyfill)': {
+      '.collapseMedium-btn': {
         display: 'none'
       }
     }
@@ -13196,7 +13252,8 @@ var LayerAddRemoveButton = function LayerAddRemoveButton(_ref) {
     fullWidth: true,
     sx: {
       fontSize: '12px'
-    }
+    },
+    className: "layerAddRemoveButton"
   }, !foundLayer ? 'Add' : 'Remove');
 };
 
@@ -13248,6 +13305,9 @@ var LayerInfoButtonConnect = function LayerInfoButtonConnect(_ref) {
         serviceName: serviceName
       })
     }));
+    dispatch(uiActions.orderDialog({
+      type: DialogTypes.LayerInfo
+    }));
   }, [dispatch, layer, serviceName]);
 
   var onClick = function onClick() {
@@ -13270,7 +13330,8 @@ var LayerInfoButtonConnect = function LayerInfoButtonConnect(_ref) {
     active: isActive && isOpenInStore,
     onClick: onClick,
     id: "layerInfoButton",
-    "aria-label": "layer info"
+    "aria-label": "layer info",
+    className: "layerInfoButton"
   }, /*#__PURE__*/React__default.createElement(Info, null));
 };
 
@@ -14802,7 +14863,7 @@ var LayerSelect = function LayerSelect(_ref) {
       showTitle = _ref.showTitle,
       isOpen = _ref.isOpen,
       _ref$onMouseDown = _ref.onMouseDown,
-      onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
+      _onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
       _ref$order = _ref.order,
       order = _ref$order === void 0 ? 0 : _ref$order,
       _ref$source = _ref.source,
@@ -14812,6 +14873,7 @@ var LayerSelect = function LayerSelect(_ref) {
     width: 750,
     height: 500
   } : _ref$startSize;
+
   var initialServiceListHeight = 37;
 
   var _React$useState = React.useState(startSize.height),
@@ -14867,7 +14929,18 @@ var LayerSelect = function LayerSelect(_ref) {
     headerSize: "small",
     bounds: bounds,
     "data-testid": "layerSelectWindow",
-    onMouseDown: onMouseDown,
+    onMouseDown: function onMouseDown(event) {
+      var target = event.target;
+      var isButtonInScrollableList = target.closest('.layerInfoButton') || target.closest('.layerAddRemoveButton'); // don't propagate when clicking on layerInfoButton or addRemoveButton
+
+      if (isButtonInScrollableList) {
+        event.stopPropagation();
+        event.preventDefault();
+        return;
+      }
+
+      _onMouseDown(event);
+    },
     order: order,
     source: source
   }, /*#__PURE__*/React.createElement(Box, {
@@ -26535,4 +26608,4 @@ var MapWarningProperties = function MapWarningProperties(_ref) {
  * */
 var mapActions = Object.assign(Object.assign(Object.assign({}, layerActions), mapActions$1), serviceActions);
 
-export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DockedLayerManagerConnect, HarmonieTempAndPrecipPreset, LayerManager, LayerManagerConnect, LayerManagerMapButtonConnect, LayerSelectConnect, Legend, LegendConnect, LegendMapButtonConnect, MapControls, MapView, MapViewConnect, MapViewLayer, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, ReactMapView, ReactMapViewLayer, SnackbarWrapperConnect, SyncGroupViewerConnect, index as SyncGroups, TimeSliderConnect, ZoomControlConnect, ZoomControls, appActions, componentsLookUp, coreModuleConfig, dateFormat, defaultBbox, defaultConfigurations, filterLayers, filterMapPresets, filterNonTimeDimensions, filterServices, generateLayerId, generateMapId, generateTimesliderId, getDrawFunctionFromStore, getFirstTimeStepForLayerId, getInitialAppPresets, getLastTimeStepForLayerId, getNextTimeStepForLayerId, getPreviousTimeStepForLayerId, getWMJSDimensionForLayerAndDimension, getWMJSMapById, getWMJSTimeDimensionForLayerId, getWMLayerById, layerActions, reducer$7 as layerReducer, selectors$2 as layerSelectors, types$3 as layerTypes, mapActions, moduleConfig as mapModuleConfig, selectors as mapSelectors, types$2 as mapTypes, utils as mapUtils, parseBoolean, parseLayer, publicLayers, publicServices, registerDrawFunction, registerWMJSMap, registerWMLayer, snackbarActions, store, genericActions as syncGroupActions, synchronizationGroupConfig as synchronizationGroupModuleConfig, synchronizationGroupConfig as synchronizationGroupsConfig, testLayers, timeSliderUtils, uiActions, uiModuleConfig, selectors$1 as uiSelectors, types as uiTypes, unRegisterWMJSLayer, unRegisterWMJSMap, useSetupDialog };
+export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DockedLayerManagerConnect, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, Legend, LegendConnect, LegendMapButtonConnect, MapControls, MapView, MapViewConnect, MapViewLayer, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, ReactMapView, ReactMapViewLayer, SnackbarWrapperConnect, SyncGroupViewerConnect, index as SyncGroups, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnect, TimeSliderConnect, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, appActions, componentsLookUp, coreModuleConfig, dateFormat, defaultBbox, defaultConfigurations, filterLayers, filterMapPresets, filterNonTimeDimensions, filterServices, generateLayerId, generateMapId, generateTimesliderId, getDrawFunctionFromStore, getFirstTimeStepForLayerId, getInitialAppPresets, getLastTimeStepForLayerId, getNextTimeStepForLayerId, getPreviousTimeStepForLayerId, getWMJSDimensionForLayerAndDimension, getWMJSMapById, getWMJSTimeDimensionForLayerId, getWMLayerById, layerActions, reducer$7 as layerReducer, selectors$2 as layerSelectors, types$3 as layerTypes, mapActions, moduleConfig as mapModuleConfig, selectors as mapSelectors, types$2 as mapTypes, utils as mapUtils, parseBoolean, parseLayer, publicLayers, publicServices, registerDrawFunction, registerWMJSMap, registerWMLayer, snackbarActions, store, genericActions as syncGroupActions, synchronizationGroupConfig as synchronizationGroupModuleConfig, synchronizationGroupConfig as synchronizationGroupsConfig, testLayers, timeSliderUtils, uiActions, uiModuleConfig, selectors$1 as uiSelectors, types as uiTypes, unRegisterWMJSLayer, unRegisterWMJSMap, useSetupDialog };