@opengeoweb/soundings 20.2.0 → 21.0.0

package/dist/index.esm.js

@@ -3505,7 +3505,10 @@ var SoundingsPanelConnect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onOpenChange = _ref.onOpenChange,
     onResizeStart = _ref.onResizeStart,
     onResizeEnd = _ref.onResizeEnd,
-    direction = _ref.direction;
+    direction = _ref.direction,
+    initialSize = _ref.initialSize,
+    allowOverflow = _ref.allowOverflow,
+    onSizeChange = _ref.onSizeChange;
   if (!panelId || !viewId) {
     throw new Error('SoundingsPanelConnect requires both `panelId` and `viewId` props. ' + 'Use it inside a SortablePanels that has `viewId` set, or pass both directly.');
   }
@@ -3516,7 +3519,6 @@ var SoundingsPanelConnect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var customWidth = useSelector(function (store) {
     return getPanelCustomWidth(store, viewId, panelId);
   });
-  var resizeOnViewCloseSignal = useSelector(getResizeOnViewCloseSignal);
   var handleSetIsOpen = React.useCallback(function (open) {
     dispatch(soundingsActions.setPanelIsOpen({
       panelId: panelId,
@@ -3527,18 +3529,21 @@ var SoundingsPanelConnect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onOpenChange == null || onOpenChange(open);
   }, [dispatch, viewId, panelId, onOpenChange]);
   var handleSetCustomWidth = React.useCallback(function (width) {
+    onSizeChange == null || onSizeChange(width);
     dispatch(soundingsActions.setPanelCustomWidth({
       panelId: panelId,
       viewId: viewId,
       customWidth: width,
       origin: SoundingsActionOrigin.soundingsComponent
     }));
-  }, [dispatch, viewId, panelId]);
+  }, [dispatch, viewId, panelId, onSizeChange]);
   return jsx(ResizablePanel, {
+    allowOverflow: allowOverflow,
     customWidth: customWidth,
     direction: direction,
     handleButtonComponent: handleButtonComponent,
     headerAction: headerAction,
+    initialSize: initialSize,
     isDisplayed: isDisplayed,
     isOpen: isOpen,
     maxWidth: maxWidth,
@@ -3549,7 +3554,6 @@ var SoundingsPanelConnect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onSetCustomWidth: handleSetCustomWidth,
     onSetIsOpen: handleSetIsOpen,
     ref: ref,
-    resizeOnViewCloseSignal: resizeOnViewCloseSignal,
     children: children
   });
 });
@@ -5880,7 +5884,8 @@ var SoundingsPanels = function SoundingsPanels(_ref) {
     onOrderChange = _ref.onOrderChange,
     panelComponent = _ref.panelComponent,
     profileDataPreferences = _ref.profileDataPreferences,
-    isMouseWheelZoomEnabled = _ref.isMouseWheelZoomEnabled;
+    isMouseWheelZoomEnabled = _ref.isMouseWheelZoomEnabled,
+    resizeOnViewCloseSignal = _ref.resizeOnViewCloseSignal;
   var soundingsContentRef = React.useRef(null);
   var windBarbsContentRef = React.useRef(null);
   var diagramSize = useSoundingsDiagramSize(soundingsContentRef);
@@ -5933,13 +5938,20 @@ var SoundingsPanels = function SoundingsPanels(_ref) {
   }, [preserveWindBarbsGrowBackHeight]);
   var panels = soundingPanelsInOrder.flatMap(function (_ref2) {
     var id = _ref2.id,
-      isDisplayed = _ref2.isDisplayed;
+      isDisplayed = _ref2.isDisplayed,
+      isOpen = _ref2.isOpen,
+      customWidth = _ref2.customWidth;
+    var sizingState = {
+      isOpen: panelComponent ? !!isOpen : true,
+      customSize: customWidth
+    };
     var normalizedId = id.toLowerCase().replace(/\s+/g, '');
     switch (normalizedId) {
       case 'soundings':
-        return [{
+        return [Object.assign({
           id: normalizedId,
-          name: 'Soundings',
+          name: 'Soundings'
+        }, sizingState, {
           isDisplayed: isDisplayed,
           headerAction: jsx(DiagramTypeButton, {
             diagramType: chosenDiagramType,
@@ -5967,11 +5979,12 @@ var SoundingsPanels = function SoundingsPanels(_ref) {
               }
             });
           }
-        }];
+        })];
       case 'windbarbs':
-        return [{
+        return [Object.assign({
           id: normalizedId,
-          name: 'Wind Barbs',
+          name: 'Wind Barbs'
+        }, sizingState, {
           isDisplayed: isDisplayed,
           maxWidth: 200,
           panelRef: windBarbsContentRef,
@@ -5993,11 +6006,12 @@ var SoundingsPanels = function SoundingsPanels(_ref) {
               }
             });
           }
-        }];
+        })];
       case 'hodograph':
-        return [{
+        return [Object.assign({
           id: normalizedId,
-          name: 'Hodograph',
+          name: 'Hodograph'
+        }, sizingState, {
           isDisplayed: isDisplayed,
           maxWidth: 500,
           render: function render() {
@@ -6006,11 +6020,12 @@ var SoundingsPanels = function SoundingsPanels(_ref) {
               isMouseWheelZoomEnabled: isMouseWheelZoomEnabled
             });
           }
-        }];
+        })];
       case 'profiledatatable':
-        return [{
+        return [Object.assign({
           id: normalizedId,
-          name: 'Profile Data',
+          name: 'Profile Data'
+        }, sizingState, {
           isDisplayed: isDisplayed,
           maxWidth: 500,
           render: function render() {
@@ -6020,7 +6035,7 @@ var SoundingsPanels = function SoundingsPanels(_ref) {
               preferences: profileDataPreferences
             });
           }
-        }];
+        })];
       default:
         return [];
     }
@@ -6029,8 +6044,10 @@ var SoundingsPanels = function SoundingsPanels(_ref) {
     onOrderChange: onOrderChange,
     panelComponent: panelComponent,
     panels: panels,
+    resizeOnViewCloseSignal: resizeOnViewCloseSignal,
+    sizing: "initial",
     viewId: viewId
-  });
+  }, viewId);
 };
 
 var SoundingsTimeSliderConnect = function SoundingsTimeSliderConnect(_ref) {
@@ -6849,6 +6866,7 @@ var SoundingsConnect = function SoundingsConnect(_ref) {
   var soundingPanelsInOrder = useSelector(function (store) {
     return getSoundingPanelsInOrder(store, viewId);
   });
+  var resizeOnViewCloseSignal = useSelector(getResizeOnViewCloseSignal);
   var changeOrder = function changeOrder(newOrder) {
     var orderedIds = newOrder.map(function (collection) {
       return collection.id;
@@ -6967,6 +6985,7 @@ var SoundingsConnect = function SoundingsConnect(_ref) {
                 onOrderChange: changeOrder,
                 panelComponent: SoundingsPanelConnect,
                 profileDataPreferences: profileDataPreferences,
+                resizeOnViewCloseSignal: resizeOnViewCloseSignal,
                 setChosenDiagramType: setChosenDiagramType,
                 soundingPanelsInOrder: soundingPanelsInOrder,
                 viewId: viewId

package/dist/src/lib/components/SoundingsPanels/SoundingsPanels.d.ts

@@ -17,5 +17,6 @@ export interface SoundingsPanelsProps {
     panelComponent?: ResizablePanelComponent;
     profileDataPreferences?: SoundingsProfileDataPreferences;
     isMouseWheelZoomEnabled: boolean;
+    resizeOnViewCloseSignal?: number;
 }
-export declare const SoundingsPanels: ({ viewId, soundingPanelsInOrder, data, chosenDiagramType, setChosenDiagramType, onOrderChange, panelComponent, profileDataPreferences, isMouseWheelZoomEnabled, }: SoundingsPanelsProps) => React.ReactElement;
+export declare const SoundingsPanels: ({ viewId, soundingPanelsInOrder, data, chosenDiagramType, setChosenDiagramType, onOrderChange, panelComponent, profileDataPreferences, isMouseWheelZoomEnabled, resizeOnViewCloseSignal, }: SoundingsPanelsProps) => React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@opengeoweb/soundings",
-    "version": "20.2.0",
+    "version": "21.0.0",
     "description": "GeoWeb soundings library for the opengeoweb project",
     "license": "Apache-2.0",
     "repository": {
@@ -20,24 +20,24 @@
         }
     },
     "dependencies": {
-        "@opengeoweb/api": "20.2.0",
-        "@opengeoweb/authentication": "20.2.0",
+        "@opengeoweb/api": "21.0.0",
+        "@opengeoweb/authentication": "21.0.0",
         "@tanstack/react-query": "^5.85.5",
         "d3": "^7.9.0",
         "react-i18next": "^15.1.1",
         "i18next": "^25.0.1",
-        "@opengeoweb/shared": "20.2.0",
+        "@opengeoweb/shared": "21.0.0",
         "@mui/material": "^9.0.1",
-        "@opengeoweb/store": "20.2.0",
+        "@opengeoweb/store": "21.0.0",
         "react-redux": "^9.2.0",
-        "@opengeoweb/theme": "20.2.0",
+        "@opengeoweb/theme": "21.0.0",
         "@reduxjs/toolkit": "^2.6.1",
-        "@opengeoweb/time-slider": "20.2.0",
+        "@opengeoweb/time-slider": "21.0.0",
         "react-window": "^2.2.6",
-        "@opengeoweb/webmap": "20.2.0",
+        "@opengeoweb/webmap": "21.0.0",
         "lodash": "^4.18.1",
         "@types/geojson": "^7946.0.14",
-        "@opengeoweb/webmap-react": "20.2.0",
+        "@opengeoweb/webmap-react": "21.0.0",
         "react-sortablejs": "^6.1.4"
     },
     "devDependencies": {