@opengeoweb/soundings 20.1.0 → 20.2.0

package/dist/index.esm.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Stack, Box, Tooltip, Typography, styled, Card, IconButton, Menu, ListSubheader, MenuItem, LinearProgress, List as List$1, ListItem, ListItemIcon, Checkbox, ListItemText, Grid, ListItemButton, Switch, ToggleButtonGroup, ToggleButton } from '@mui/material';
+import { Stack, Box, Tooltip, Typography, styled, Menu, ListSubheader, MenuItem, LinearProgress, Card, IconButton, List as List$1, ListItem, ListItemIcon, Checkbox, ListItemText, Grid, ListItemButton, Switch, ToggleButtonGroup, ToggleButton } from '@mui/material';
 import { range, isEqual } from 'lodash';
 import React, { useMemo, useRef, useEffect, useId, useCallback, useState, Fragment as Fragment$1 } from 'react';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
-import { dateUtils, referenceTimeUtils, safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, SwitchButton, CustomToggleButton, LegendToggleButton, useScrollingInIsolation, CustomSlider, AlertBanner, ToolContainerDraggable, TooltipSelect, AlertIcon, useResizeObserver, SearchField, CustomAccordion } from '@opengeoweb/shared';
+import { dateUtils, referenceTimeUtils, safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, SwitchButton, CustomToggleButton, LegendToggleButton, ResizablePanel, useScrollingInIsolation, CustomSlider, SortablePanels, AlertBanner, ToolContainerDraggable, TooltipSelect, AlertIcon, useResizeObserver, SearchField, CustomAccordion } from '@opengeoweb/shared';
 import { selectorMemoizationOptions, uiSelectors, uiTypes, uiActions, syncGroupsSelectors, genericActions, useSyncgroupTimeState, useRegisterFeatureSyncSource, genericSelectors, mapSelectors, mapActions, useUpdateFeatureSyncLayers, layerActions, useSetupDialog, storeReducerMap, storeMiddlewares } from '@opengeoweb/store';
-import { Layers, Sources, Location, Equalizer, ArrowDropDownDown, DragHandle, Close, Visibility, VisibilityOff } from '@opengeoweb/theme';
+import { Layers, Sources, Location, Equalizer, Close, DragHandle, Visibility, VisibilityOff } from '@opengeoweb/theme';
 import { ParseISOTimeRangeDuration, parseISO8601IntervalToDateInterval, handleDateUtilsISOString, webmapUtils } from '@opengeoweb/webmap';
 import { MapFeatureClass } from '@opengeoweb/webmap-react';
 import * as d3 from 'd3';
@@ -17,9 +17,8 @@ import i18n from 'i18next';
 export { default as i18n } from 'i18next';
 import { useTranslation } from 'react-i18next';
 import { timesliderTranslations, TIME_SLIDER_NAMESPACE, BackwardForwardStepButton, HideSliderButton } from '@opengeoweb/time-slider';
-import { useResizable } from 'react-resizable-layout';
-import { ReactSortable } from 'react-sortablejs';
 import { List } from 'react-window';
+import { ReactSortable } from 'react-sortablejs';
 
 var en = {
 	sources: "Sources",
@@ -3493,350 +3492,6 @@ var MenuBarConnect = function MenuBarConnect(_ref) {
   });
 };
 
-var PANEL_MIN_WIDTH = 24;
-var ResizablePanel = /*#__PURE__*/React.forwardRef(function (_ref, contentRef) {
-  var name = _ref.name,
-    _ref$minWidth = _ref.minWidth,
-    minWidth = _ref$minWidth === void 0 ? PANEL_MIN_WIDTH : _ref$minWidth,
-    maxWidth = _ref.maxWidth,
-    isOpen = _ref.isOpen,
-    headerAction = _ref.headerAction,
-    handleButtonComponent = _ref.handleButtonComponent,
-    children = _ref.children,
-    onSetIsOpen = _ref.onSetIsOpen,
-    onSetCustomWidth = _ref.onSetCustomWidth,
-    _onResizeStart = _ref.onResizeStart,
-    _onResizeEnd = _ref.onResizeEnd,
-    customWidth = _ref.customWidth,
-    isDisplayed = _ref.isDisplayed,
-    resizeOnViewCloseSignal = _ref.resizeOnViewCloseSignal;
-  var containerRef = React.useRef(null);
-  var widthRef = React.useRef(null);
-  var isDraggingRef = React.useRef(false);
-  var _React$useState = React.useState(false),
-    autoSizing = _React$useState[0],
-    setAutoSizing = _React$useState[1];
-  var _React$useState2 = React.useState(false),
-    growing = _React$useState2[0],
-    setGrowing = _React$useState2[1];
-  var growBasisRef = React.useRef(minWidth);
-  var previousResizeSignalRef = React.useRef(resizeOnViewCloseSignal);
-  var _useResizable = useResizable({
-      containerRef: containerRef,
-      axis: 'x',
-      min: minWidth,
-      max: maxWidth || undefined,
-      initial: customWidth != null ? customWidth : minWidth,
-      onResizeStart: function onResizeStart() {
-        isDraggingRef.current = true;
-        setAutoSizing(false);
-        _onResizeStart == null || _onResizeStart();
-      },
-      onResizeEnd: function onResizeEnd(_ref2) {
-        var position = _ref2.position;
-        isDraggingRef.current = false;
-        if (position <= minWidth) {
-          widthRef.current = null;
-          onSetIsOpen == null || onSetIsOpen(false);
-        } else {
-          widthRef.current = position;
-          onSetIsOpen == null || onSetIsOpen(true);
-          onSetCustomWidth == null || onSetCustomWidth(position);
-        }
-        // Fire after the open/close calls so consumers tracking the drag
-        // lifecycle (e.g. a "resizing" flag) reset only once the close above
-        // has been handled.
-        _onResizeEnd == null || _onResizeEnd();
-      }
-    }),
-    containerWidth = _useResizable.position,
-    setContainerWidth = _useResizable.setPosition,
-    separatorProps = _useResizable.separatorProps;
-  var openPanel = function openPanel() {
-    var _ref3, _widthRef$current;
-    var targetWidth = (_ref3 = (_widthRef$current = widthRef.current) != null ? _widthRef$current : customWidth) != null ? _ref3 : null;
-    if (targetWidth != null) {
-      setAutoSizing(false);
-      setContainerWidth(Math.max(targetWidth, minWidth));
-      onSetIsOpen == null || onSetIsOpen(true);
-      return;
-    }
-    setAutoSizing(true);
-    onSetIsOpen == null || onSetIsOpen(true);
-  };
-  var closePanel = React.useCallback(function () {
-    setContainerWidth(minWidth);
-    onSetIsOpen == null || onSetIsOpen(false);
-    setAutoSizing(false);
-  }, [minWidth, setContainerWidth, onSetIsOpen]);
-  React.useEffect(function () {
-    // While dragging, useResizable owns containerWidth based on the pointer.
-    // Running the width-syncing branches here would jump away from the user's
-    // drag position, so skip this effect until the drag ends.
-    if (isDraggingRef.current) {
-      return;
-    }
-    if (isOpen) {
-      var _ref4, _widthRef$current2;
-      var targetWidth = (_ref4 = (_widthRef$current2 = widthRef.current) != null ? _widthRef$current2 : customWidth) != null ? _ref4 : null;
-      if (targetWidth != null) {
-        setAutoSizing(false);
-        setContainerWidth(Math.max(targetWidth, minWidth));
-      } else {
-        setAutoSizing(true);
-      }
-    } else {
-      setContainerWidth(minWidth);
-      setAutoSizing(false);
-    }
-  }, [isOpen, minWidth, setContainerWidth, customWidth]);
-  // Flip open/closed state during an active drag as the width crosses the
-  // minWidth threshold, so the panel can close and re-open within a
-  // single drag gesture without waiting for pointer release.
-  React.useEffect(function () {
-    if (!isDraggingRef.current) {
-      return;
-    }
-    if (isOpen && containerWidth <= minWidth) {
-      onSetIsOpen == null || onSetIsOpen(false);
-    } else if (!isOpen && containerWidth > minWidth) {
-      onSetIsOpen == null || onSetIsOpen(true);
-    }
-  }, [isOpen, containerWidth, minWidth, onSetIsOpen]);
-  React.useEffect(function () {
-    var viewCloseSignalChanged = previousResizeSignalRef.current !== resizeOnViewCloseSignal;
-    if (!viewCloseSignalChanged) {
-      return;
-    }
-    previousResizeSignalRef.current = resizeOnViewCloseSignal;
-    var panelCanReclaimFreedSpace = isOpen && !autoSizing && !isDraggingRef.current;
-    if (panelCanReclaimFreedSpace) {
-      growBasisRef.current = Math.max(containerWidth, minWidth);
-      setGrowing(true);
-    }
-  }, [resizeOnViewCloseSignal, isOpen, autoSizing, containerWidth, minWidth]);
-  React.useLayoutEffect(function () {
-    if (autoSizing) {
-      return;
-    }
-    if (isDraggingRef.current) {
-      return;
-    }
-    if (!isOpen && containerWidth > minWidth) {
-      setContainerWidth(minWidth);
-      return;
-    }
-    if (isOpen && containerWidth <= minWidth) {
-      setAutoSizing(true);
-    }
-  }, [autoSizing, containerWidth, isOpen, minWidth, setContainerWidth]);
-  React.useLayoutEffect(function () {
-    if (!autoSizing || !containerRef.current) {
-      return;
-    }
-    var raf1 = 0;
-    var raf2 = 0;
-    var measureContainerWidth = function measureContainerWidth() {
-      if (!containerRef.current) {
-        return;
-      }
-      var _containerRef$current = containerRef.current.getBoundingClientRect(),
-        width = _containerRef$current.width;
-      var calculatedWidth = Math.max(Math.round(width), minWidth);
-      setContainerWidth(calculatedWidth);
-      widthRef.current = calculatedWidth;
-      setAutoSizing(false);
-    };
-    raf1 = requestAnimationFrame(function () {
-      raf2 = requestAnimationFrame(measureContainerWidth);
-    });
-    // eslint-disable-next-line consistent-return
-    return function () {
-      cancelAnimationFrame(raf1);
-      cancelAnimationFrame(raf2);
-    };
-  }, [autoSizing, minWidth, setContainerWidth]);
-  React.useLayoutEffect(function () {
-    if (!growing || !containerRef.current) {
-      return;
-    }
-    var growRaf1 = 0;
-    var growRaf2 = 0;
-    var lockGrownWidth = function lockGrownWidth() {
-      if (!containerRef.current) {
-        return;
-      }
-      var _containerRef$current2 = containerRef.current.getBoundingClientRect(),
-        width = _containerRef$current2.width;
-      var lockedWidth = Math.max(Math.round(width), minWidth);
-      setContainerWidth(lockedWidth);
-      widthRef.current = lockedWidth;
-      setGrowing(false);
-    };
-    growRaf1 = requestAnimationFrame(function () {
-      growRaf2 = requestAnimationFrame(lockGrownWidth);
-    });
-    // eslint-disable-next-line consistent-return
-    return function () {
-      cancelAnimationFrame(growRaf1);
-      cancelAnimationFrame(growRaf2);
-    };
-  }, [growing, minWidth, setContainerWidth]);
-  var cardStyleWhenAuto = {
-    display: isDisplayed ? 'block' : 'none',
-    width: 'auto',
-    flex: '1 1 100%',
-    minWidth: 0,
-    maxWidth: maxWidth || '100%',
-    boxSizing: 'border-box'
-  };
-  var cardStyleWhenLocked = {
-    display: isDisplayed ? 'block' : 'none',
-    width: containerWidth,
-    flex: '0 1 auto',
-    minWidth: minWidth,
-    maxWidth: maxWidth || '100%',
-    boxSizing: 'border-box'
-  };
-  var cardStyleWhenGrowing = {
-    display: isDisplayed ? 'block' : 'none',
-    width: 'auto',
-    flex: growBasisRef.current + " 1 0px",
-    minWidth: minWidth,
-    maxWidth: maxWidth || '100%',
-    boxSizing: 'border-box'
-  };
-  var getActiveCardStyle = function getActiveCardStyle() {
-    if (growing) {
-      return cardStyleWhenGrowing;
-    }
-    if (autoSizing) {
-      return cardStyleWhenAuto;
-    }
-    return cardStyleWhenLocked;
-  };
-  return jsx(Card, {
-    className: "sortable-item",
-    "data-autosizing": autoSizing ? 'true' : 'false',
-    "data-growing": growing ? 'true' : 'false',
-    "data-testid": "resizable-panel",
-    ref: containerRef,
-    sx: Object.assign({
-      height: '100%',
-      position: 'relative'
-    }, getActiveCardStyle()),
-    children: jsxs(Box, {
-      ref: contentRef,
-      sx: {
-        height: '100%',
-        width: '100%'
-      },
-      children: [!isOpen && jsxs(Box, {
-        "data-testid": "closed-panel-header",
-        onClick: openPanel,
-        sx: {
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          writingMode: 'vertical-lr',
-          transform: 'rotate(180deg)',
-          paddingBottom: '10px',
-          cursor: 'pointer'
-        },
-        children: [name, jsx(ArrowDropDownDown, {
-          sx: {
-            transform: 'rotate(90deg)'
-          }
-        }), jsx(Box, {
-          onClick: function onClick(event) {
-            return event.stopPropagation();
-          },
-          children: handleButtonComponent
-        })]
-      }), !!isOpen && jsx(Box, {
-        "data-testid": "open-panel-header",
-        sx: {
-          display: 'flex',
-          flexDirection: 'column',
-          height: '100%'
-        },
-        children: jsxs(Stack, {
-          sx: {
-            height: '100%'
-          },
-          children: [jsxs(Box, {
-            sx: {
-              width: '100%',
-              display: 'flex',
-              justifyContent: 'space-between',
-              flex: '0 0 auto'
-            },
-            children: [jsx(Box, {
-              onClick: function onClick(event) {
-                return event.stopPropagation();
-              },
-              sx: {
-                paddingTop: '8px'
-              },
-              children: handleButtonComponent
-            }), jsxs(Box, {
-              onClick: closePanel,
-              sx: {
-                width: '100%',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'flex-end',
-                paddingRight: '10px',
-                overflow: 'hidden',
-                marginTop: '4px',
-                cursor: 'pointer'
-              },
-              children: [jsx(Box, {
-                onClick: function onClick(event) {
-                  return event.stopPropagation();
-                },
-                children: !!headerAction && headerAction
-              }), jsx(Box, {
-                sx: {
-                  textOverflow: 'ellipsis',
-                  overflow: 'hidden',
-                  whiteSpace: 'nowrap',
-                  marginLeft: '16px',
-                  height: '100%',
-                  paddingTop: '3px'
-                },
-                children: name
-              }), jsx(ArrowDropDownDown, {})]
-            })]
-          }), jsx(Box, {
-            sx: {
-              display: 'flex',
-              justifyContent: 'center',
-              alignItems: 'stretch',
-              flex: 1,
-              minHeight: 0,
-              overflow: 'hidden'
-            },
-            children: children
-          })]
-        })
-      }), jsx(Box, Object.assign({
-        "data-testid": "resizable-panel-drag-handle"
-      }, separatorProps, {
-        sx: {
-          height: '100%',
-          position: 'absolute',
-          right: 0,
-          top: 0,
-          width: '5px',
-          cursor: 'col-resize'
-        }
-      }))]
-    })
-  });
-});
-ResizablePanel.displayName = 'ResizablePanel';
-
 var SoundingsPanelConnect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var panelId = _ref.panelId,
     viewId = _ref.viewId,
@@ -3849,7 +3504,8 @@ var SoundingsPanelConnect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     handleButtonComponent = _ref.handleButtonComponent,
     onOpenChange = _ref.onOpenChange,
     onResizeStart = _ref.onResizeStart,
-    onResizeEnd = _ref.onResizeEnd;
+    onResizeEnd = _ref.onResizeEnd,
+    direction = _ref.direction;
   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.');
   }
@@ -3880,6 +3536,7 @@ var SoundingsPanelConnect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, [dispatch, viewId, panelId]);
   return jsx(ResizablePanel, {
     customWidth: customWidth,
+    direction: direction,
     handleButtonComponent: handleButtonComponent,
     headerAction: headerAction,
     isDisplayed: isDisplayed,
@@ -4171,125 +3828,6 @@ var HodographCollection = function HodographCollection(_ref) {
   });
 };
 
-var ResizablePanelStandalone = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-    children = _ref.children,
-    headerAction = _ref.headerAction,
-    isDisplayed = _ref.isDisplayed,
-    maxWidth = _ref.maxWidth,
-    minWidth = _ref.minWidth,
-    handleButtonComponent = _ref.handleButtonComponent,
-    onOpenChange = _ref.onOpenChange,
-    onResizeStart = _ref.onResizeStart,
-    onResizeEnd = _ref.onResizeEnd;
-  var _React$useState = React.useState(true),
-    isOpen = _React$useState[0],
-    setIsOpen = _React$useState[1];
-  var _React$useState2 = React.useState(undefined),
-    customWidth = _React$useState2[0],
-    setCustomWidth = _React$useState2[1];
-  var handleSetIsOpen = React.useCallback(function (open) {
-    setIsOpen(open);
-    onOpenChange == null || onOpenChange(open);
-  }, [onOpenChange]);
-  return jsx(ResizablePanel, {
-    customWidth: customWidth,
-    handleButtonComponent: handleButtonComponent,
-    headerAction: headerAction,
-    isDisplayed: isDisplayed,
-    isOpen: isOpen,
-    maxWidth: maxWidth,
-    minWidth: minWidth,
-    name: name,
-    onResizeEnd: onResizeEnd,
-    onResizeStart: onResizeStart,
-    onSetCustomWidth: setCustomWidth,
-    onSetIsOpen: handleSetIsOpen,
-    ref: ref,
-    children: children
-  });
-});
-ResizablePanelStandalone.displayName = 'ResizablePanelStandalone';
-
-var SortablePanels = function SortablePanels(_ref) {
-  var panels = _ref.panels,
-    onOrderChange = _ref.onOrderChange,
-    _ref$panelComponent = _ref.panelComponent,
-    PanelComponent = _ref$panelComponent === void 0 ? ResizablePanelStandalone : _ref$panelComponent,
-    viewId = _ref.viewId;
-  return jsx(Box, {
-    sx: {
-      display: 'flex',
-      flexDirection: 'row',
-      width: '100%',
-      height: '100%',
-      padding: 1
-    },
-    children: jsx(ReactSortable, {
-      animation: 200,
-      direction: "horizontal",
-      draggable: ".sortable-item",
-      handle: ".drag-handle",
-      list: panels.map(function (_ref2) {
-        var id = _ref2.id,
-          name = _ref2.name,
-          isDisplayed = _ref2.isDisplayed;
-        return {
-          id: id,
-          name: name,
-          isDisplayed: isDisplayed
-        };
-      }),
-      setList: function setList(list) {
-        return onOrderChange(list.map(function (_ref3) {
-          var id = _ref3.id,
-            name = _ref3.name,
-            isDisplayed = _ref3.isDisplayed;
-          return {
-            id: id,
-            name: name,
-            isDisplayed: isDisplayed
-          };
-        }));
-      },
-      style: {
-        display: 'flex',
-        gap: 4,
-        width: '100%'
-      },
-      tag: "div",
-      children: panels.map(function (panel) {
-        return jsx(PanelComponent, {
-          handleButtonComponent: jsx(IconButton, {
-            "aria-label": "drag-handle",
-            className: "drag-handle",
-            size: "small",
-            sx: {
-              width: '24px',
-              height: '24px'
-            },
-            children: jsx(DragHandle, {
-              fontSize: "small"
-            })
-          }),
-          headerAction: panel.headerAction,
-          isDisplayed: panel.isDisplayed,
-          maxWidth: panel.maxWidth,
-          minWidth: panel.minWidth,
-          name: panel.name,
-          onOpenChange: panel.onOpenChange,
-          onResizeEnd: panel.onResizeEnd,
-          onResizeStart: panel.onResizeStart,
-          panelId: panel.id,
-          ref: panel.panelRef,
-          viewId: viewId,
-          children: panel.render()
-        }, panel.id);
-      })
-    })
-  });
-};
-
 var soundingDiagrams = ['SKEWT', 'BIJVOET', 'EMAGRAM'];
 
 var DiagramTypeButton = function DiagramTypeButton(_ref) {
@@ -8400,4 +7938,4 @@ var createMockStore = function createMockStore(mockState) {
   });
 };
 
-export { DiagramTypeButton, HodographCollection, LocationsMenuConnect, ResizablePanel, ResizablePanelStandalone, SOUNDINGS_NAMESPACE, SharedMouseYProvider, SortablePanels, Soundings, SoundingsActionOrigin, SoundingsConnect, SoundingsManagerConnect, SoundingsPanelConnect, SoundingsPanels, SoundingsProfileDataDialogConnect, SoundingsProfileDataTable, SoundingsSourceDialogConnect, types as SoundingsTypes, WindBarbs, createMockStore, initSoundingsI18n, initialSoundingsViewState, soundingDiagrams, soundingsActions, soundingsLookUp, soundingsReducer, soundingsReducersMap, selectors as soundingsSelectors, soundingsTranslations, translateInTestsAndStories, useSoundingsTranslation };
+export { DiagramTypeButton, HodographCollection, LocationsMenuConnect, SOUNDINGS_NAMESPACE, SharedMouseYProvider, Soundings, SoundingsActionOrigin, SoundingsConnect, SoundingsManagerConnect, SoundingsPanelConnect, SoundingsPanels, SoundingsProfileDataDialogConnect, SoundingsProfileDataTable, SoundingsSourceDialogConnect, types as SoundingsTypes, WindBarbs, createMockStore, initSoundingsI18n, initialSoundingsViewState, soundingDiagrams, soundingsActions, soundingsLookUp, soundingsReducer, soundingsReducersMap, selectors as soundingsSelectors, soundingsTranslations, translateInTestsAndStories, useSoundingsTranslation };

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { ResizablePanelWrapperProps } from '../ResizablePanel/ResizablePanelStandalone';
+import type { ResizablePanelWrapperProps } from '@opengeoweb/shared';
 export declare const SoundingsPanelConnect: React.ForwardRefExoticComponent<ResizablePanelWrapperProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,8 @@
 import React from 'react';
+import type { ResizablePanelComponent } from '@opengeoweb/shared';
 import type { SoundingFeature } from '../../api/edr-api/types';
 import type { SoundingPanel } from '../../store/types';
 import type { SoundingsProfileDataPreferences } from '../../utils/profileDataPreferences';
-import type { ResizablePanelComponent } from '../ResizablePanel/ResizablePanelStandalone';
 export interface SoundingsPanelsProps {
     viewId: string;
     soundingPanelsInOrder: SoundingPanel[];

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

@@ -4,12 +4,6 @@ export * from './MenuBar/SoundingsSourceDialogConnect';
 export * from './MenuBar/LocationsMenuConnect';
 export * from './MenuBar/SoundingsProfileDataDialogConnect';
 export * from './SoundingsManager/SoundingsManagerConnect';
-export { ResizablePanel } from './ResizablePanel/ResizablePanel';
-export type { ResizablePanelProps } from './ResizablePanel/ResizablePanel';
-export { ResizablePanelStandalone } from './ResizablePanel/ResizablePanelStandalone';
-export type { ResizablePanelWrapperProps, ResizablePanelComponent, } from './ResizablePanel/ResizablePanelStandalone';
-export { SortablePanels } from './SortablePanels/SortablePanels';
-export type { SortablePanelsProps, SortablePanelItem, } from './SortablePanels/SortablePanels';
 export { SoundingsPanels } from './SoundingsPanels/SoundingsPanels';
 export type { SoundingsPanelsProps } from './SoundingsPanels/SoundingsPanels';
 export { SoundingsPanelConnect } from './SoundingsPanels/SoundingsPanelConnect';

package/package.json

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

package/dist/src/lib/components/ResizablePanel/MultipleResizablePanelsDemo.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const MultipleResizablePanelsDemo: () => React.JSX.Element;

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

@@ -1,18 +0,0 @@
-import React from 'react';
-export interface ResizablePanelProps {
-    name: string;
-    minWidth?: number;
-    maxWidth?: number;
-    isOpen?: boolean;
-    headerAction?: React.ReactElement;
-    handleButtonComponent?: React.ReactElement;
-    children?: React.ReactNode;
-    onSetIsOpen?: (isOpen: boolean) => void;
-    onSetCustomWidth?: (width: number) => void;
-    onResizeStart?: () => void;
-    onResizeEnd?: () => void;
-    customWidth?: number;
-    isDisplayed?: boolean;
-    resizeOnViewCloseSignal?: number;
-}
-export declare const ResizablePanel: React.ForwardRefExoticComponent<ResizablePanelProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/lib/components/ResizablePanel/ResizablePanelStandalone.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-export interface ResizablePanelWrapperProps {
-    name: string;
-    children: React.ReactNode;
-    isDisplayed: boolean;
-    /**
-     * Optional. Only used by redux-aware panel components (e.g.
-     * SoundingsPanelConnect) to key external state. Standalone usage ignores it.
-     */
-    panelId?: string;
-    /**
-     * Optional. Only used by redux-aware panel components to key external state
-     * by parent view. Standalone usage ignores it.
-     */
-    viewId?: string;
-    headerAction?: React.ReactElement;
-    handleButtonComponent?: React.ReactElement;
-    maxWidth?: number;
-    minWidth?: number;
-    onOpenChange?: (isOpen: boolean) => void;
-    onResizeStart?: () => void;
-    onResizeEnd?: () => void;
-}
-export type ResizablePanelComponent = React.ForwardRefExoticComponent<ResizablePanelWrapperProps & React.RefAttributes<HTMLDivElement>>;
-export declare const ResizablePanelStandalone: React.ForwardRefExoticComponent<ResizablePanelWrapperProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,30 +0,0 @@
-import React from 'react';
-import type { ResizablePanelComponent } from '../ResizablePanel/ResizablePanelStandalone';
-export interface SortablePanelItem {
-    id: string;
-    name: string;
-    isDisplayed: boolean;
-    minWidth?: number;
-    maxWidth?: number;
-    headerAction?: React.ReactElement;
-    render: () => React.ReactNode;
-    panelRef?: React.Ref<HTMLDivElement>;
-    onOpenChange?: (isOpen: boolean) => void;
-    onResizeStart?: () => void;
-    onResizeEnd?: () => void;
-}
-export interface SortablePanelsProps {
-    panels: SortablePanelItem[];
-    onOrderChange: (newOrder: {
-        id: string;
-        name: string;
-        isDisplayed: boolean;
-    }[]) => void;
-    panelComponent?: ResizablePanelComponent;
-    /**
-     * Optional. Forwarded to each rendered panel component. Redux-aware panel
-     * components use it to scope their external state by parent view.
-     */
-    viewId?: string;
-}
-export declare const SortablePanels: ({ panels, onOrderChange, panelComponent: PanelComponent, viewId, }: SortablePanelsProps) => React.ReactElement;