@opengeoweb/core 4.18.0 → 4.19.1

package/lib/components/LayerManager/BaseLayerRow/BaseLayerRow.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { LayerManagerCustomSettings } from '../LayerManagerUtils';
 import { Layer } from '../../../store/mapStore/types';
 import { Service } from '../../WMSLoader/services';
 interface BaseLayerRowProps {
@@ -6,6 +7,7 @@ interface BaseLayerRowProps {
     preloadedAvailableBaseLayers?: Layer[];
     preloadedServices?: Service[];
     tooltip?: string;
+    settings?: LayerManagerCustomSettings['footer'];
 }
 declare const BaseLayerRow: React.FC<BaseLayerRowProps>;
 export default BaseLayerRow;

package/lib/components/LayerManager/BaseLayerRow/BaseLayers/BaseLayers.d.ts

@@ -4,6 +4,8 @@ interface BaseLayersProps {
     selectedBaseLayers: Layer[];
     availableBaseLayers: Layer[];
     onChangeBaseLayers: (name: string) => void;
+    icon?: React.ElementType;
+    tooltipPrefix?: string;
 }
 declare const BaseLayers: React.FC<BaseLayersProps>;
 export default BaseLayers;

package/lib/components/LayerManager/BaseLayerRow/BaseLayers/BaseLayersConnect.d.ts

@@ -6,6 +6,8 @@ export declare const areAvailableBaseLayersSame: (availableBaseLayerList: Layer[
 interface BaseLayersConnectProps {
     mapId: string;
     preloadedAvailableBaseLayers: Layer[];
+    tooltipPrefix?: string;
+    icon?: React.ElementType;
 }
 declare const BaseLayersConnect: React.FC<BaseLayersConnectProps>;
 /**

package/lib/components/LayerManager/DescriptionRow/DescriptionRow.d.ts

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { Source } from '../../../store/ui/types';
+import { LayerManagerCustomSettings } from '../LayerManagerUtils';
 interface DescriptionRowProps {
     mapId: string;
     mapPresetsModule?: React.ReactElement;
     source?: Source;
+    settings?: LayerManagerCustomSettings['header'];
 }
 declare const DescriptionRow: React.FC<DescriptionRowProps>;
 export default DescriptionRow;

package/lib/components/LayerManager/LayerContainerRow/LayerContainerRow.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { LayerManagerCustomSettings } from '../LayerManagerUtils';
 interface LayerContainerRowProps {
     mapId: string;
+    settings?: LayerManagerCustomSettings['content'];
 }
 declare const LayerContainerRow: React.FC<LayerContainerRowProps>;
 /**

package/lib/components/LayerManager/LayerContainerRow/LayerRow/ActivateLayer/ActivateLayer.d.ts

@@ -1,8 +1,14 @@
 import * as React from 'react';
+export declare enum AutoOptions {
+    BOTH = "Auto both",
+    NONE = "Auto none",
+    TIMESTEP = "Auto-timestep",
+    UPDATE = "Auto-update"
+}
 interface ActivateLayerProps {
-    onChange: (isActive: boolean) => void;
-    isActive: boolean;
+    onChange: (autoOption: AutoOptions) => void;
     isEnabled: boolean;
+    current: AutoOptions;
 }
 declare const ActivateLayer: React.FC<ActivateLayerProps>;
 export default ActivateLayer;

package/lib/components/LayerManager/LayerContainerRow/LayerRow/DeleteLayer/DeleteLayerConnect.d.ts

@@ -3,6 +3,8 @@ interface DeleteLayerProps {
     layerId: string;
     mapId: string;
     layerIndex: number;
+    tooltipTitle?: string;
+    icon?: React.ReactNode;
 }
 declare const DeleteLayerConnect: React.FC<DeleteLayerProps>;
 /**

package/lib/components/LayerManager/LayerContainerRow/LayerRow/DragHandle/DragHandle.d.ts

@@ -1,9 +1,11 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 interface DragHandleProps {
     isDisabled?: boolean;
     index?: number;
     hideTooltip?: boolean;
     isSorting?: boolean;
+    icon?: ReactNode;
+    tooltipTitle?: string;
 }
 export declare const TOOLTIP_TITLE = "Drag";
 declare const DragHandle: React.FC<DragHandleProps>;

package/lib/components/LayerManager/LayerContainerRow/LayerRow/EnableLayer/EnableLayerConnect.d.ts

@@ -4,6 +4,8 @@ interface EnableLayerProps {
     mapId: string;
     isEnabled?: boolean;
     layerName?: string;
+    icon?: React.ReactNode;
+    tooltipTitle?: string;
 }
 declare const EnableLayerConnect: React.FC<EnableLayerProps>;
 /**

package/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRowConnect.d.ts

@@ -1,9 +1,11 @@
 import * as React from 'react';
+import { LayerManagerCustomSettings } from '../../LayerManagerUtils';
 interface LayerRowConnectProps {
     layerId: string;
     mapId: string;
     dragHandle: React.ReactElement;
     layerIndex: number;
+    settings?: LayerManagerCustomSettings['content'];
 }
 declare const LayerRowConnect: React.FC<LayerRowConnectProps>;
 export default LayerRowConnect;

package/lib/components/LayerManager/LayerContainerRow/LayerRow/Menubutton/MenuButton.d.ts

@@ -6,6 +6,8 @@ interface LayerManagerButtonProps {
         mapId: string;
         layerId: string;
     }) => void;
+    tooltipTitle?: string;
+    icon?: React.ReactNode;
 }
 declare const LayerManagerMenuButton: React.FC<LayerManagerButtonProps>;
 export default LayerManagerMenuButton;

package/lib/components/LayerManager/LayerContainerRow/LayerRow/Menubutton/MenuButtonConnect.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 interface LayerManagerButtonProps {
     mapId: string;
     layerId?: string;
+    tooltipTitle?: string;
+    icon?: React.ReactNode;
 }
 declare const LayerManagerMenuButtonConnect: React.FC<LayerManagerButtonProps>;
 export default LayerManagerMenuButtonConnect;

package/lib/components/LayerManager/LayerContainerRow/LayerRow/OpacitySelect/OpacitySelect.d.ts

@@ -3,6 +3,7 @@ interface OpacitySelectProps {
     currentOpacity: number;
     onLayerChangeOpacity: (opacity: number) => void;
     isEnabled?: boolean;
+    tooltipPrefix?: string;
 }
 declare const OpacitySelect: React.FC<OpacitySelectProps>;
 export default OpacitySelect;

package/lib/components/LayerManager/LayerContainerRow/LayerRow/OpacitySelect/OpacitySelectConnect.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 interface OpacitySelectConnectProps {
     layerId: string;
     mapId: string;
+    tooltipPrefix?: string;
 }
 declare const OpacitySelectConnect: React.FC<OpacitySelectConnectProps>;
 /**

package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderLayers.d.ts

@@ -5,6 +5,7 @@ export interface RenderLayersProps {
     layerName: string;
     layers: ServiceLayer[];
     isEnabled?: boolean;
+    tooltipPrefix?: string;
 }
 declare const RenderLayers: React.FC<RenderLayersProps>;
 export default RenderLayers;

package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderLayersConnect.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 interface RenderLayersProps {
     layerId: string;
     mapId: string;
+    tooltipPrefix?: string;
 }
 declare const RenderLayersConnect: React.FC<RenderLayersProps>;
 export default RenderLayersConnect;

package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderStyles/RenderStyles.d.ts

@@ -5,6 +5,8 @@ export interface RenderStylesProps {
     currentLayerStyle: string;
     onChangeLayerStyle: (style: string) => void;
     isEnabled?: boolean;
+    icon?: React.ElementType;
+    tooltipPrefix?: string;
 }
 declare const RenderStyles: React.FC<RenderStylesProps>;
 export default RenderStyles;

package/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderStyles/RenderStylesConnect.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 interface RenderStylesProps {
     layerId: string;
     mapId: string;
+    icon?: React.ElementType;
+    tooltipPrefix?: string;
 }
 declare const RenderStylesConnect: React.FC<RenderStylesProps>;
 export default RenderStylesConnect;

package/lib/components/LayerManager/LayerManager.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Layer } from '../../store/mapStore/types';
 import { Source } from '../../store/ui/types';
 import { Service } from '../WMSLoader/services';
+import { LayerManagerCustomSettings } from './LayerManagerUtils';
 import { Size } from './LayerManagerHeaderOptions';
 export declare type Position = {
     top: number;
@@ -27,6 +28,7 @@ interface LayerManagerProps {
     size?: Size;
     startPosition?: Position;
     setFocused?: (focused: boolean) => void;
+    settings?: LayerManagerCustomSettings;
 }
 export declare const calculateStartSize: (minSize: Size, prefSize: Size, startPosition: Position) => Size;
 declare const LayerManager: React.FC<LayerManagerProps>;

package/lib/components/LayerManager/LayerManagerUtils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DockedLayerManagerSize } from '../../store/mapStore/types';
 import { Size } from './LayerManagerHeaderOptions';
 export declare const columnClasses: {
@@ -152,3 +153,62 @@ export declare const layerManagerStyle: {
     };
 };
 export declare const returnCorrectSize: (sizeResult: DockedLayerManagerSize | undefined) => Size;
+export interface LayerManagerCustomSettings {
+    header?: {
+        addLayer?: {
+            tooltipTitle?: string;
+            icon?: React.ReactNode;
+        };
+        layerName?: {
+            title: string;
+        };
+        layerStyle?: {
+            title: string;
+        };
+        opacity?: {
+            title: string;
+        };
+        dimensions?: {
+            title: string;
+        };
+    };
+    content?: {
+        dragHandle?: {
+            tooltipTitle?: string;
+            icon?: React.ReactNode;
+        };
+        enableLayer?: {
+            enabledIcon?: React.ReactNode;
+            disabledIcon?: React.ReactNode;
+            enabledTooltipTitle?: string;
+            disabledTooltipTitle?: string;
+        };
+        renderLayer?: {
+            tooltipPrefix?: string;
+        };
+        layerStyle?: {
+            tooltipPrefix?: string;
+            icon?: React.ElementType;
+        };
+        opacity?: {
+            tooltipPrefix?: string;
+        };
+        deleteLayer?: {
+            tooltipTitle?: string;
+            icon?: React.ReactNode;
+        };
+        menu?: {
+            tooltipTitle?: string;
+            icon?: React.ReactNode;
+        };
+    };
+    footer?: {
+        baseLayerRow?: {
+            title?: string;
+        };
+        baseLayerDropdown?: {
+            tooltipPrefix?: string;
+            icon?: React.ElementType;
+        };
+    };
+}

package/lib/components/LayerManager/LayerSelect/LayerSelectButtonConnect.d.ts

@@ -3,6 +3,8 @@ import { Source } from '../../../store/ui/types';
 interface LayerSelectButtonConnectProps {
     mapId: string;
     source?: Source;
+    tooltipTitle?: string;
+    icon?: React.ReactNode;
 }
 declare const LayerSelectButtonConnect: React.FC<LayerSelectButtonConnectProps>;
 export default LayerSelectButtonConnect;

package/lib/components/TimeSlider/TimeSliderButtons/PlayButton/PlayButtonConnect.d.ts

@@ -11,7 +11,10 @@ export interface PlayButtonConnectProps {
     mapStartAnimation?: typeof mapActions.mapStartAnimation;
     mapStopAnimation?: typeof mapActions.mapStopAnimation;
     timeStep?: number;
-    linkedMapAnimationInfo?: any;
+    linkedMapAnimationInfo?: {
+        isAnimating: boolean;
+        id: string;
+    };
 }
 declare const connectRedux: import("react-redux").InferableComponentEnhancerWithProps<{
     animationStartTime: string | undefined;
@@ -35,7 +38,10 @@ declare const PlayButtonConnect: import("react-redux").ConnectedComponent<({ map
     mapStartAnimation?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../../store/mapStore/types").SetMapAnimationStartPayload, string> | undefined;
     mapStopAnimation?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../../store/mapStore/types").SetMapAnimationStopPayload, string> | undefined;
     timeStep?: number | undefined;
-    linkedMapAnimationInfo?: any;
+    linkedMapAnimationInfo?: {
+        isAnimating: boolean;
+        id: string;
+    } | undefined;
     context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
     store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
 }>;

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import { mapSelectors, uiActions, uiSelectors, layerActions, genericActions, snackbarActions, routerActions, appActions, layerSelectors, genericSelectors } from './store';
+import { mapSelectors, uiActions, uiSelectors, layerActions, genericActions, snackbarActions, routerActions, appActions, layerSelectors, genericSelectors, syncGroupsSelectors } from './store';
 import * as mapTypes from './store/mapStore/types';
 import * as layerTypes from './store/mapStore/layers/types';
 import * as mapUtils from './store/mapStore/map/utils';
@@ -41,6 +41,14 @@ export declare const mapActions: {
     setAnimationDelay: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetAnimationDelayPayload, string>;
     layerMoveLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.MoveLayerPayload, string>;
     setAutoLayerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetAutoLayerIdPayload, string>;
+    setAutoTimestepLayerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        mapId: string;
+        autoTimestepLayerId: string | undefined;
+    }, string>;
+    setAutoUpdateLayerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        mapId: string;
+        autoUpdateLayerId: string | undefined;
+    }, string>;
     setTimeSliderCenterTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetTimeSliderCenterTimePayload, string>;
     setTimeSliderUnfilteredSelectedTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetTimeSliderUnfilteredSelectedTimePayload, string>;
     setTimeSliderSecondsPerPx: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetTimeSliderSecondsPerPxPayload, string>;
@@ -75,7 +83,7 @@ export declare const mapActions: {
     onUpdateLayerInformation: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.UpdateLayerInfoPayload, string>;
     setSelectedFeature: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetSelectedFeaturePayload, string>;
 };
-export { mapSelectors, mapTypes, mapUtils, layerTypes, layerReducer, layerActions, uiActions, uiSelectors, uiTypes, genericActions as syncGroupActions, snackbarActions, appActions, layerSelectors, routerActions, genericSelectors, };
+export { mapSelectors, mapTypes, mapUtils, layerTypes, layerReducer, layerActions, uiActions, uiSelectors, uiTypes, genericActions as syncGroupActions, snackbarActions, appActions, layerSelectors, routerActions, genericSelectors, syncGroupsSelectors, };
 export { synchronizationGroupConfig as synchronizationGroupModuleConfig };
 export * from './components/ComponentsLookUp';
 export * from './components/ConfigurableMap';

package/lib/store/generic/index.d.ts

@@ -1,3 +1,4 @@
+import { syncGroupsSelectors } from './synchronizationGroups';
 export declare const genericActions: {
     setTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetTimePayload, string>;
     setBbox: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetBboxPayload, string>;
@@ -12,3 +13,4 @@ export declare const genericActions: {
     syncGroupSetViewState: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./synchronizationGroups/types").SyncGroupSetViewStatePayload, string>;
 };
 export * as genericSelectors from './selectors';
+export { syncGroupsSelectors };

package/lib/store/generic/synchronizationGroups/index.d.ts

@@ -2,3 +2,4 @@ import { actions, initialState } from './reducer';
 import * as constants from './constants';
 import * as types from './types';
 export { actions, constants, types, initialState };
+export * as syncGroupsSelectors from './selectors';

package/lib/store/generic/synchronizationGroups/selectors.d.ts

@@ -26,6 +26,7 @@ export declare const getSynchronizationGroup: (state: AppStore, id: string) => S
 export declare const getSynchronizationGroupSource: (state: AppStore, id: string) => SynchronizationSource;
 export declare const getTargets: (state: AppStore, payload: GenericActionPayload, actionType: SyncType) => GenericSyncActionPayload[];
 export declare const getTargetGroups: (state: AppStore, payload: GenericActionPayload, actionType: SyncType) => string[];
+export declare const getAllTargetGroupsForSource: (state: AppStore, sourceId: string) => string[];
 export declare const syncGroupGetViewState: ((state: {
     syncronizationGroupStore?: SynchronizationGroupState | undefined;
     ui?: import("../../ui/types").UIStoreType | undefined;

package/lib/store/generic/synchronizationGroups/types.d.ts

@@ -12,6 +12,7 @@ export interface SynchronizationGroup {
         allIds: string[];
     };
 }
+declare type Origin = 'user' | 'system';
 export declare type SynchronizationSourcePayLoadByType = Record<string, GenericActionPayload>;
 export interface SynchronizationSource {
     types: SyncType[];
@@ -46,11 +47,12 @@ export interface SyncGroupAddTargetPayload {
     groupId: string;
     targetId: string;
     linked?: boolean;
-    origin?: 'user' | 'system';
+    origin?: Origin;
 }
 export interface SyncGroupRemoveTargetPayload {
     groupId: string;
     targetId: string;
+    origin?: Origin;
 }
 export interface SyncGroupLinkTargetPayload {
     linked: boolean;
@@ -61,6 +63,7 @@ export interface SyncGroupAddGroupPayload {
     groupId: string;
     title: string;
     type: SyncType;
+    origin?: Origin;
 }
 export interface SyncGroupRemoveGroupPayload {
     groupId: string;
@@ -76,3 +79,4 @@ export declare enum SyncGroupActionOrigin {
     add = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_ADDACTION",
     activateLayerId = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_ACTIVELAYERIDACTION"
 }
+export {};

package/lib/store/mapStore/map/reducer.d.ts

@@ -33,6 +33,20 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
     setAnimationDelay: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetAnimationDelayPayload>) => void;
     layerMoveLayer: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<MoveLayerPayload>) => void;
     setAutoLayerId: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetAutoLayerIdPayload>) => void;
+    setAutoTimestepLayerId: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: {
+        payload: {
+            mapId: string;
+            autoTimestepLayerId: string | undefined;
+        };
+        type: string;
+    }) => void;
+    setAutoUpdateLayerId: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: {
+        payload: {
+            mapId: string;
+            autoUpdateLayerId: string | undefined;
+        };
+        type: string;
+    }) => void;
     setTimeSliderCenterTime: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetTimeSliderCenterTimePayload>) => void;
     setTimeSliderUnfilteredSelectedTime: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetTimeSliderUnfilteredSelectedTimePayload>) => void;
     setTimeSliderSecondsPerPx: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetTimeSliderSecondsPerPxPayload>) => void;
@@ -68,6 +82,14 @@ export declare const mapActions: {
     setAnimationDelay: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetAnimationDelayPayload, string>;
     layerMoveLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<MoveLayerPayload, string>;
     setAutoLayerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetAutoLayerIdPayload, string>;
+    setAutoTimestepLayerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        mapId: string;
+        autoTimestepLayerId: string | undefined;
+    }, string>;
+    setAutoUpdateLayerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        mapId: string;
+        autoUpdateLayerId: string | undefined;
+    }, string>;
     setTimeSliderCenterTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSliderCenterTimePayload, string>;
     setTimeSliderUnfilteredSelectedTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSliderUnfilteredSelectedTimePayload, string>;
     setTimeSliderSecondsPerPx: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSliderSecondsPerPxPayload, string>;

package/lib/store/mapStore/map/sagas.d.ts

@@ -1,5 +1,6 @@
 import { SagaIterator } from 'redux-saga';
 import { Moment } from 'moment';
+import { AnimationList } from '@opengeoweb/webmap';
 import { mapActions } from '.';
 import { layerActions } from '../layers';
 import { Layer } from '../layers/types';
@@ -9,7 +10,7 @@ export declare const generateTimeList: (start: Moment, end: Moment, interval: nu
 }[];
 export declare const getAnimationEndTime: (animationEndTime: string) => string;
 export declare const isAnimationEndTimeValid: (animationEndTime: string) => boolean;
-export declare function updateMapDraw(mapId: string, draw: any): void;
+export declare function updateMapDraw(mapId: string, draw: string | AnimationList[] | undefined): void;
 export declare function startAnimationSaga({ payload, }: ReturnType<typeof mapActions.mapStartAnimation>): Generator;
 export declare function stopAnimationSaga({ payload, }: ReturnType<typeof mapActions.mapStopAnimation>): Generator;
 export declare function deleteLayerSaga({ payload, }: ReturnType<typeof layerActions.layerDelete>): SagaIterator;

package/lib/store/router/utils.d.ts

@@ -1,3 +1,3 @@
 export declare const historyDict: {
-    navigate: never;
+    navigate: any;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "4.18.0",
+  "version": "4.19.1",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,9 +13,10 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^18.2.0",
-    "@opengeoweb/shared": "4.18.0",
-    "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.18.0",
+    "@opengeoweb/shared": "4.19.1",
+    "@mui/material": "^5.12.0",
+    "@opengeoweb/theme": "4.19.1",
+    "@mui/x-date-pickers": "^6.2.1",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",
@@ -24,24 +25,24 @@
     "axios": "^0.25.0",
     "date-fns": "^2.29.3",
     "moment": "^2.29.0",
-    "@opengeoweb/webmap": "4.18.0",
+    "@opengeoweb/webmap": "4.19.1",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
-    "@opengeoweb/api": "4.18.0",
+    "@opengeoweb/api": "4.19.1",
     "react-intl": "^5.17.5",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.0",
     "immer": "^9.0.15",
+    "@reduxjs/toolkit": "^1.8.3",
     "react-window": "^1.8.7",
-    "@opengeoweb/form-fields": "4.18.0",
+    "@opengeoweb/form-fields": "4.19.1",
     "react-hook-form": "^7.41.5",
     "moment-timezone": "^0.5.31",
-    "@mui/x-date-pickers": "^5.0.4",
-    "@reduxjs/toolkit": "^1.8.3",
+    "react-resize-detector": "^9.1.0",
     "lodash.clonedeep": "^4.5.0",
     "@turf/turf": "^5.1.6",
     "react-router-dom": "^6.4.2",
-    "@mui/system": "^5.10.8",
+    "@mui/system": "^5.12.0",
     "redux-saga": "^1.2.1",
     "@redux-eggs/redux-toolkit": "^2.2.0",
     "@redux-eggs/saga-extension": "^2.2.0"