@opengeoweb/core 12.3.0 → 12.4.1

package/index.esm.js

@@ -8183,12 +8183,14 @@ var NowButtonConnect = function NowButtonConnect(_ref) {
  * Expects the following props:
  * @param {string} mapId mapId: string - Id of the map
  * @param {string} sourceId mapId: string - Id of the source
+ * @param {boolean} isVisible mapId: boolean - Whether the time slider is visible or not
  * @example
- * ``` <TimeSliderButtonsConnect mapId={mapId} sourceId={sourceId} />```
+ * ``` <TimeSliderButtonsConnect mapId={mapId} sourceId={sourceId} isVisible={isVisible} />```
  */
 var TimeSliderButtonsConnectComponent = function TimeSliderButtonsConnectComponent(_ref) {
   var sourceId = _ref.sourceId,
-    mapId = _ref.mapId;
+    mapId = _ref.mapId,
+    isVisible = _ref.isVisible;
   return jsx(TimeSliderButtons, {
     nowBtn: jsx(NowButtonConnect, {
       mapId: mapId,
@@ -8210,7 +8212,8 @@ var TimeSliderButtonsConnectComponent = function TimeSliderButtonsConnectCompone
     forwardBtn: jsx(BackwardForwardStepButtonConnect, {
       mapId: mapId,
       isForwardStep: true
-    })
+    }),
+    isVisible: isVisible
   });
 };
 var TimeSliderButtonsConnect = /*#__PURE__*/React.memo(TimeSliderButtonsConnectComponent);
@@ -8679,6 +8682,7 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
     },
     selectedTime: selectedTime,
     buttons: jsx(TimeSliderButtonsConnect, {
+      isVisible: isVisible,
       mapId: mapId,
       sourceId: sourceId
     }),
@@ -8936,50 +8940,79 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
     return jsxs(Box, {
       ref: mapWindowRef,
       sx: {
-        width: '100%',
-        height: '100%',
         position: 'relative',
-        overflow: 'hidden'
+        minHeight: '100dvh',
+        display: 'flex'
       },
       "data-testid": "ConfigurableMap",
       children: [title && jsx(Typography, {
         "data-testid": "mapTitle",
         sx: titleStyle,
         children: title
+      }), jsxs(Box, {
+        sx: {
+          flex: '1'
+        },
+        children: [useOl ? jsx(OlMapViewConnect, {
+          controls: mapControlConfig,
+          displayTimeInMap: displayTimeInMap,
+          showScaleBar: false,
+          shouldAutoFetch: shouldAutoFetch,
+          mapId: mapId,
+          initialBbox: initialBbox,
+          shouldDisablePrefetching: shouldDisablePrefetching,
+          tileServerSettings: tileServerSettings,
+          children: children
+        }) : jsx(MapViewConnect, {
+          controls: mapControlConfig,
+          displayTimeInMap: displayTimeInMap,
+          showScaleBar: false,
+          shouldAutoFetch: shouldAutoFetch,
+          mapId: mapId,
+          shouldDisablePrefetching: shouldDisablePrefetching,
+          tileServerSettings: tileServerSettings,
+          children: children
+        }), showClock && jsx(TimeSliderClockConnect, {
+          mapId: mapId
+        })]
       }), !disableTimeSlider && jsx(Box, {
         sx: {
           position: 'absolute',
-          left: '0px',
-          bottom: '0px',
-          zIndex: 1000,
-          width: '100%'
+          width: '100%',
+          paddingRight: 'env(safe-area-inset-right)',
+          '@media screen and (orientation: landscape)': {
+            minHeight: {
+              xs: '125px',
+              sm: '100px',
+              md: '80px'
+            },
+            paddingLeft: {
+              xs: '40px',
+              md: 'env(safe-area-inset-right)'
+            },
+            bottom: {
+              xs: 'max(5px, 7dvh)',
+              sm: 'max(5px, 6dvh)',
+              md: 'max(5px, 6dvh)',
+              xl: 'max(5px, 4dvh)'
+            }
+          },
+          '@media screen and (orientation: portrait)': {
+            minHeight: {
+              xs: '110px',
+              sm: '100px',
+              md: '80px'
+            },
+            bottom: 'max(5px, 6dvh)',
+            paddingLeft: 'env(safe-area-inset-left)'
+          },
+          zIndex: 1000
         },
         children: jsx(TimeSliderConnect, {
           mapId: id,
           sourceId: id,
           mapWindowRef: mapWindowRef
         })
-      }), useOl ? jsx(OlMapViewConnect, {
-        controls: mapControlConfig,
-        displayTimeInMap: displayTimeInMap,
-        showScaleBar: false,
-        shouldAutoFetch: shouldAutoFetch,
-        mapId: mapId,
-        initialBbox: initialBbox,
-        shouldDisablePrefetching: shouldDisablePrefetching,
-        tileServerSettings: tileServerSettings,
-        children: children
-      }) : jsx(MapViewConnect, {
-        controls: mapControlConfig,
-        displayTimeInMap: displayTimeInMap,
-        showScaleBar: false,
-        shouldAutoFetch: shouldAutoFetch,
-        mapId: mapId,
-        shouldDisablePrefetching: shouldDisablePrefetching,
-        tileServerSettings: tileServerSettings,
-        children: children
-      }), showClock && jsx(TimeSliderClockConnect, {
-        mapId: mapId
       })]
     });
   }, [mapId, title, id, useOl, initialBbox, mapControlConfig, tileServerSettings, disableTimeSlider, displayTimeInMap, shouldAutoFetch, shouldDisablePrefetching, children, showClock]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "12.3.0",
+  "version": "12.4.1",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,31 +8,31 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "12.3.0",
+    "@opengeoweb/shared": "12.4.1",
     "react-redux": "^9.2.0",
-    "@opengeoweb/store": "12.3.0",
-    "@opengeoweb/timeslider": "12.3.0",
+    "@opengeoweb/store": "12.4.1",
+    "@opengeoweb/timeslider": "12.4.1",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "12.3.0",
-    "@opengeoweb/webmap": "12.3.0",
-    "@opengeoweb/theme": "12.3.0",
+    "@opengeoweb/webmap-react": "12.4.1",
+    "@opengeoweb/webmap": "12.4.1",
+    "@opengeoweb/theme": "12.4.1",
     "axios": "^1.7.7",
-    "@opengeoweb/layer-select": "12.3.0",
+    "@opengeoweb/layer-select": "12.4.1",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.1",
     "@mui/system": "^7.0.1",
-    "@opengeoweb/snackbar": "12.3.0",
+    "@opengeoweb/snackbar": "12.4.1",
     "react-router-dom": "^6.21.0",
     "react-draggable": "^4.4.6",
-    "i18next": "^23.11.5",
+    "i18next": "^25.0.1",
     "react-i18next": "^15.1.1",
     "dompurify": "^3.0.6",
     "@mui/material": "^7.0.1",
     "@sentry/react": "^8.34.0",
     "@tanstack/react-query": "^5.69.2",
-    "@opengeoweb/api": "12.3.0"
+    "@opengeoweb/api": "12.4.1"
   },
   "peerDependencies": {
     "react": "18",

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 interface TimeSliderButtonsConnectProps {
     sourceId: string;
     mapId: string;
+    isVisible: boolean | undefined;
 }
 export declare const TimeSliderButtonsConnect: React.NamedExoticComponent<TimeSliderButtonsConnectProps>;
 export {};