@opengeoweb/core 4.4.0 → 4.5.0

package/lib/components/TimeSlider/TimeSliderClock/TimeSliderClock.stories.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const DemoTimeSliderClockLight: {
+export declare const DemoTimeSliderClockMenuLeftLight: {
     (): JSX.Element;
     storyName: string;
     parameters: {
@@ -12,7 +12,27 @@ export declare const DemoTimeSliderClockLight: {
         }[];
     };
 };
-export declare const DemoTimeSliderClockDark: {
+export declare const DemoTimeSliderClockMenuLeftDark: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const DemoTimeSliderClockMenuBottomLight: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const DemoTimeSliderClockMenuBottomDark: {
     (): JSX.Element;
     storyName: string;
     parameters: {

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrenTimeBox.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBox.d.ts

@@ -0,0 +1,15 @@
+import moment from 'moment';
+import React from 'react';
+import { Scale } from '../../../store/mapStore/types';
+export interface TimeSliderCurrentTimeBoxProps {
+    centerTime: number;
+    secondsPerPx: number;
+    selectedTime?: moment.Moment;
+    scale?: Scale;
+    dataStartTime?: number;
+    dataEndTime?: number;
+    timeStep?: number;
+    onSetNewDate?: (newDate: string) => void;
+}
+declare const TimeSliderCurrentTimeBox: React.FC<TimeSliderCurrentTimeBoxProps>;
+export default TimeSliderCurrentTimeBox;

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxConnect.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { genericActions, mapActions } from '../../../store';
+import { Dimension, Layer, Scale } from '../../../store/mapStore/types';
+interface TimeSliderCurrentTimeBoxConnectComponentProps {
+    mapId: string;
+    sourceId?: string;
+    layers?: Layer[];
+    timeStep?: number;
+    dimensions?: Dimension[];
+    centerTime?: number;
+    secondsPerPx?: number;
+    scale?: Scale;
+    isAnimating?: boolean;
+    stopMapAnimation?: typeof mapActions.mapStopAnimation;
+    setTime?: typeof genericActions.setTime;
+}
+declare const TimeSliderCurrentTimeBoxConnect: import("react-redux").ConnectedComponent<React.FC<TimeSliderCurrentTimeBoxConnectComponentProps>, {
+    mapId: string;
+    sourceId?: string | undefined;
+    layers?: Layer[] | undefined;
+    timeStep?: number | undefined;
+    dimensions?: Dimension[] | undefined;
+    centerTime?: number | undefined;
+    secondsPerPx?: number | undefined;
+    scale?: Scale | undefined;
+    isAnimating?: boolean | undefined;
+    stopMapAnimation?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetMapAnimationStopPayload, string> | undefined;
+    setTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/generic/types").SetTimePayload, string> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+}>;
+export default TimeSliderCurrentTimeBoxConnect;

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxMouseEvents.d.ts

@@ -0,0 +1,2 @@
+export declare const onMouseMove: (x: number, width: number, selectedTime: moment.Moment, centerTime: number, secondsPerPx: number, mouseDownInTimeBox: boolean, isTimeBoxArea: (location: number, timePx: number) => boolean, setCursorStyle: (style: string) => void) => void;
+export declare const onMouseDown: (x: number, width: number, selectedTime: moment.Moment, centerTime: number, secondsPerPx: number, isTimeBoxArea: (location: number, timePx: number) => boolean, setCursorStyle: (style: string) => void, setMouseDownInTimeBox: (dragging: boolean) => void) => void;

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxMouseEvents.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxRenderFunctions.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+import { Scale } from '../../../store/mapStore/types';
+export declare const renderTimeSliderCurrentTimeBox: (ctx: CanvasRenderingContext2D, theme: Theme, width: number, height: number, centerTime: number, selected: number, secondsPerPx: number, scale: Scale) => void;

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegend.d.ts

@@ -17,7 +17,10 @@ export interface TimeSliderLegendProps {
     onSetNewDate?: (newDate: string) => void;
     onSetCenterTime?: (newTime: number) => void;
     onZoom?: (newSecondsPerPx: number, newCenterTime: number) => void;
+    onSetAnimationStartTime?: (time: string) => void;
+    onSetAnimationEndTime?: (time: string) => void;
 }
+export declare const DRAG_AREA_WIDTH = 24;
 declare const TimeSliderLegend: React.FC<TimeSliderLegendProps>;
 export declare const TIME_SLIDER_LEGEND_HEIGHT = 24;
 export default TimeSliderLegend;

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegend.stories.d.ts

@@ -6,8 +6,20 @@ export default _default;
 export declare const TimeSliderLegendDemoLight: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
 export declare const TimeSliderLegendDemoDark: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegendConnect.d.ts

@@ -20,6 +20,8 @@ interface TimeSliderLegendConnectProps {
     setTime?: typeof genericActions.setTime;
     mapSetTimeSliderCenterTime?: typeof mapActions.setTimeSliderCenterTime;
     mapSetTimeSliderSecondsPerPx?: typeof mapActions.setTimeSliderSecondsPerPx;
+    setAnimationStartTime?: typeof mapActions.setAnimationStartTime;
+    setAnimationEndTime?: typeof mapActions.setAnimationEndTime;
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<TimeSliderLegendConnectProps>, {
     sourceId?: string | undefined;
@@ -40,6 +42,8 @@ declare const _default: import("react-redux").ConnectedComponent<React.FC<TimeSl
     setTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/generic/types").SetTimePayload, string> | undefined;
     mapSetTimeSliderCenterTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetTimeSliderCenterTimePayload, string> | undefined;
     mapSetTimeSliderSecondsPerPx?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetTimeSliderSecondsPerPxPayload, string> | undefined;
+    setAnimationStartTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetAnimationStartTimePayload, string> | undefined;
+    setAnimationEndTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetAnimationEndTimePayload, 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/components/TimeSlider/TimeSliderLegend/TimeSliderLegendUtils.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @param x The pin location
+ * @param selectedTimePx The selected px
+ * @param width The default width of a hoverable icon (usually 24px)
+ * @returns
+ */
+export declare const isSelectedTimeIconArea: (x: number, selectedTimePx: number, width: number) => boolean;
+/**
+ * @param x The pin location
+ * @param selectedTimePx The selected px
+ * @param width The default width of a hoverable icon (usually 24px)
+ * @returns
+ */
+export declare const isRightAnimationIconArea: (x: number, rightMarkerPx: number, width: number) => boolean;
+/**
+ * @param x The pin location
+ * @param selectedTimePx The selected px
+ * @param width The default width of a hoverable icon (usually 24px)
+ * @returns
+ */
+export declare const isLeftAnimationIconArea: (x: number, leftMarkerPx: number, width: number) => boolean;

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegenedUtils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawBackground.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@mui/material';
+import { Scale } from '../../../../store/mapStore/types';
+export declare const drawBackground: (context: CanvasRenderingContext2D, theme: Theme, visibleTimeStart: number, visibleTimeEnd: number, animationStartPx: number, animationEndPx: number, canvasWidth: number, height: number, scale: Scale, dataStartPx: number, dataEndPx: number, currentTimePx: number) => void;
+export declare function getColorChangeTimesteps(scale: Scale, visibleTimeStart: number, visibleTimeEnd: number): number[];

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawBackground.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawCurrentTime.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@mui/material';
+export declare const drawCurrentTime: (context: CanvasRenderingContext2D, theme: Theme, width: number, height: number, startTime: number, endTime: number, currentTime: number) => void;

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawNeedle.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@mui/material';
+export declare const drawNeedle: (context: CanvasRenderingContext2D, theme: Theme, width: number, height: number, startTime: number, endTime: number, selectedTime: number) => void;

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawTimeScale.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@mui/material';
+import moment from 'moment';
+import { Scale } from '../../../../store/mapStore/types';
+export declare const roundByUnitOfTime: (timeUnix: number, scaleType: moment.unitOfTime.StartOf, roundUp?: boolean, nightTime?: boolean) => number;
+export declare const getRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, scale: Scale) => [number, number];
+export declare const getCustomRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, unit: string, nightTime?: boolean) => [number, number];
+export declare const getCustomTimesteps: (roundedStart: number, roundedEnd: number, increment: string, nightTime?: boolean) => number[];
+export declare const drawTimeScale: (context: CanvasRenderingContext2D, theme: Theme, visibleTimeStart: number, visibleTimeEnd: number, canvasWidth: number, height: number, scale: Scale, dataScaleToSecondsPerPx: number) => void;

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawTimeScale.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawTimeSliderLegend.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+import { Scale } from '../../../../store/mapStore/types';
+export declare const drawTimeSliderLegend: (context: CanvasRenderingContext2D, theme: Theme, canvasWidth: number, height: number, centerTime: number, secondsPerPx: number, dataScaleToSecondsPerPx: number, selectedTimeUnix: number, scale: Scale, currentTimeUnix: number, animationStartTime: number, animationEndTime: number, dataStartTime: number, dataEndTime: number) => void;

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/index.d.ts

@@ -0,0 +1 @@
+export { drawTimeSliderLegend } from './drawTimeSliderLegend';

package/lib/components/TimeSlider/TimeSliderUtils.d.ts

@@ -1,6 +1,6 @@
 import moment from 'moment';
 import React from 'react';
-import { DateInterval } from '@opengeoweb/webmap';
+import { TimeInterval } from '@opengeoweb/webmap';
 import { Dimension, Layer, Scale, SpeedFactorType } from '../../store/mapStore/types';
 import CanvasComponent from '../CanvasComponent/CanvasComponent';
 export declare const millisecondsInSecond = 1000;
@@ -45,7 +45,7 @@ export declare const getPreviousTimeStepvalue: (value: number, min: number) => n
 export declare const setPreviousTimeStep: (timeStep: number, curTime: string, dataStartTime: number, onSetNewDate: (newDate: string) => void) => void;
 export declare const setNextTimeStep: (timeStep: number, curTime: string, dataEndTime: number, onSetNewDate: (newDate: string) => void) => void;
 export declare const getValueFromKeyboardEvent: (event: React.KeyboardEvent<HTMLInputElement>, value: number, min: number, max: number, supportFourDirectionNavigation?: boolean) => number;
-export declare const getTimeStepFromDataInterval: (timeInterval: DateInterval) => number;
+export declare const getTimeStepFromDataInterval: (timeInterval: TimeInterval) => number;
 export declare const getActiveLayerTimeStep: (timeDimension: Dimension) => number | null;
 /**
  * This function calculates a suitable secondsPerpx value,

package/lib/index.d.ts

@@ -6,7 +6,7 @@ import { reducer as layerReducer } from './store/mapStore/layers/reducer';
 import synchronizationGroupConfig from './store/generic/config';
 import * as SyncGroups from './store/generic/synchronizationGroups';
 import coreModuleConfig from './store/coreModuleConfig';
-import { LayerManagerConnect, LayerManagerMapButtonConnect } from './components/LayerManager';
+import { LayerManagerConnect, LayerSelectConnect, LayerManagerMapButtonConnect } from './components/LayerManager';
 import { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect } from './components/MultiMapDimensionSelect';
 export * from './hooks';
 export * from './components/MultiMapView/MultiMapViewConnect';
@@ -56,6 +56,7 @@ export declare const mapActions: {
     setIsMapPresetLoading: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetIsMapPresetLoadingPayload, string>;
     setHasMapPresetChanges: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetIsMapPresetHasChangesPayload, string>;
     setMapPresetError: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetMapPresetErrorPayload, string>;
+    toggleDockedLayerManager: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.ToggleDockedLayerManagedPayload, string>;
     addLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.AddLayerPayload, string>;
     layerChangeDimension: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetLayerDimensionPayload, string>;
     layerChangeEnabled: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetLayerEnabledPayload, string>;
@@ -72,7 +73,7 @@ export declare const mapActions: {
     layerSetDimensions: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetLayerDimensionsPayload, string>;
     addAvailableBaseLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.AddAvailableBaseLayerPayload, string>;
     addAvailableBaseLayers: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.AddAvailableBaseLayersPayload, string>;
-    setAvailableBaseLayers: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.AddAvailableBaseLayersPayload, string>;
+    setAvailableBaseLayers: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetAvailableBaseLayersPayload, string>;
     onUpdateLayerInformation: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.UpdateLayerInfoPayload, string>;
 };
 export { mapSelectors, mapTypes, mapUtils, layerReducer, layerActions, uiActions, uiSelectors, uiTypes, genericActions as syncGroupActions, snackbarActions, };
@@ -85,7 +86,7 @@ export { SyncGroups };
 export { store } from './storybookUtils/store';
 export * from './types/types';
 export { coreModuleConfig };
-export { LayerManagerConnect, LayerManagerMapButtonConnect };
+export { LayerManagerConnect, LayerSelectConnect, LayerManagerMapButtonConnect, };
 export { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect, };
 export * as publicLayers from './utils/publicLayers';
 export * as publicServices from './utils/publicServices';

package/lib/store/layerSelect/types.d.ts

@@ -18,13 +18,17 @@ export interface ActiveServiceType {
     byId: ActiveServices;
     allIds: string[];
 }
+export declare enum FilterType {
+    Keyword = "keywords",
+    Group = "groups"
+}
 export interface Filter {
     id: string;
     name: string;
     amount?: number;
     amountVisible?: number;
     checked?: boolean;
-    type: 'keyword' | 'group';
+    type: FilterType;
 }
 export interface FiltersById {
     [key: string]: Filter;

package/lib/store/mapStore/layers/types.d.ts

@@ -144,7 +144,9 @@ export interface AddAvailableBaseLayersPayload {
     layers: ReduxLayer[];
     origin?: string;
 }
-export declare type SetAvailableBaseLayersPayload = AddAvailableBaseLayersPayload;
+export interface SetAvailableBaseLayersPayload extends AddAvailableBaseLayersPayload {
+    mapId: string;
+}
 export interface ErrorLayerPayload extends LayerPayload {
     error: Error;
 }

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

@@ -1,6 +1,6 @@
 import { PayloadAction } from '@reduxjs/toolkit';
 import { WebMapState, SetActiveLayerIdPayload, SetBboxPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderScalePayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetSelectedFeaturePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderCenterTimePayload, SetTimeSliderDataScaleToSecondsPerPxPayload, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSliderHoverPayload, MapPinLocationPayload, DisableMapPinPayload, SetActiveMapPresetPayload, SetTimeSliderSecondsPerPxPayload, UpdateAllMapDimensionsPayload, SetIsMapPresetLoadingPayload, SetIsMapPresetHasChangesPayload, SetMapPresetErrorPayload, ToggleTimeSliderIsVisiblePayload, SetAnimationIntervalPayload } from './types';
-import { ToggleMapPinIsVisiblePayload, ToggleZoomControlsPayload } from '../types';
+import { ToggleMapPinIsVisiblePayload, ToggleZoomControlsPayload, ToggleDockedLayerManagedPayload } from '../types';
 /**
  * Checks if the layer id is already taken in one of the maps.
  * @param state The WebMapState
@@ -50,6 +50,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
     setIsMapPresetLoading: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetIsMapPresetLoadingPayload>) => void;
     setHasMapPresetChanges: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetIsMapPresetHasChangesPayload>) => void;
     setMapPresetError: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetMapPresetErrorPayload>) => void;
+    toggleDockedLayerManager: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<ToggleDockedLayerManagedPayload>) => void;
 }, "mapReducer">;
 export declare const mapActions: {
     setMapPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetMapPresetPayload, string>;
@@ -88,5 +89,6 @@ export declare const mapActions: {
     setIsMapPresetLoading: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetIsMapPresetLoadingPayload, string>;
     setHasMapPresetChanges: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetIsMapPresetHasChangesPayload, string>;
     setMapPresetError: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetMapPresetErrorPayload, string>;
+    toggleDockedLayerManager: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleDockedLayerManagedPayload, string>;
 };
 export declare const reducer: import("redux").Reducer<WebMapState, import("redux").AnyAction>;

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

@@ -926,3 +926,23 @@ export declare const getMapPresetError: ((state: {
 }> & {
     clearCache: () => void;
 };
+/**
+ * Returns whether the docked layer manager is open
+ *
+ * Example getIsDockedLayerManagerOpen(store, mapId);
+ * @param {object} store store: object - store object
+ * @param {string} mapId mapId: string - Id of the map
+ * @returns {Boolean} returnType: boolean
+ */
+export declare const getIsDockedLayerManagerOpen: ((state: {
+    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState | undefined;
+    ui?: UIStoreType | undefined;
+    webmap?: WebMapState | undefined;
+    services?: import("../types").ServiceState | undefined;
+    layers?: import("../types").LayerState | undefined;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType | undefined;
+}, params_0: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: WebMap) => boolean & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

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

@@ -1,4 +1,4 @@
-import { DateInterval } from '@opengeoweb/webmap';
+import { TimeInterval } from '@opengeoweb/webmap';
 import type { Layer, LayerActionOrigin } from '../types';
 export interface Dimension {
     name?: string;
@@ -6,11 +6,14 @@ export interface Dimension {
     currentValue: string;
     maxValue?: string;
     minValue?: string;
-    timeInterval?: DateInterval;
+    timeInterval?: TimeInterval;
     synced?: boolean;
     validSyncSelection?: boolean;
     values?: string;
 }
+export interface DockedLayerManager {
+    isOpen: boolean;
+}
 export interface WebMap {
     id: string;
     isAnimating: boolean;
@@ -44,6 +47,7 @@ export interface WebMap {
     hasMapPresetChanges?: boolean;
     mapPresetError?: string;
     legendId?: string;
+    dockedLayerManager: DockedLayerManager;
 }
 export interface WebMapState {
     byId: Record<string, WebMap>;
@@ -239,3 +243,7 @@ export interface SetMapPresetErrorPayload {
     mapId: string;
     error: string;
 }
+export interface ToggleDockedLayerManagedPayload {
+    mapId: string;
+    openDockedLayerManager: boolean;
+}

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

@@ -1,5 +1,5 @@
 import { Bbox, Dimension, Scale } from './types';
-import { WebMapState, WebMap } from '../types';
+import { WebMapState, WebMap, DockedLayerManager } from '../types';
 import { Layer } from '../layers/types';
 interface CreateMapProps {
     id: string;
@@ -28,8 +28,9 @@ interface CreateMapProps {
     displayMapPin?: boolean;
     disableMapPin?: boolean;
     shouldShowZoomControls?: boolean;
+    dockedLayerManager?: DockedLayerManager;
 }
-export declare const createMap: ({ id, isAnimating, animationStartTime, animationEndTime, isAutoUpdating, bbox, srs, baseLayers, overLayers, mapLayers, featureLayers, dimensions, activeLayerId, timeSliderScale, timeStep, animationDelay, timeSliderCenterTime, timeSliderSecondsPerPx, timeSliderDataScaleToSecondsPerPx, isTimestepAuto, isTimeSliderHoverOn, isTimeSliderVisible, activeMapPresetId, displayMapPin, disableMapPin, shouldShowZoomControls, }: CreateMapProps) => WebMap;
+export declare const createMap: ({ id, isAnimating, animationStartTime, animationEndTime, isAutoUpdating, bbox, srs, baseLayers, overLayers, mapLayers, featureLayers, dimensions, activeLayerId, timeSliderScale, timeStep, animationDelay, timeSliderCenterTime, timeSliderSecondsPerPx, timeSliderDataScaleToSecondsPerPx, isTimestepAuto, isTimeSliderHoverOn, isTimeSliderVisible, activeMapPresetId, displayMapPin, disableMapPin, shouldShowZoomControls, dockedLayerManager, }: CreateMapProps) => WebMap;
 export declare const checkValidLayersPayload: (layers: Layer[], mapId: string) => boolean;
 /**
  * This will get the map from the map draftstate.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,22 +13,22 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^17.0.2",
-    "@opengeoweb/theme": "4.4.0",
+    "@opengeoweb/theme": "4.5.0",
     "@mui/material": "^5.10.8",
     "moment": "^2.29.0",
     "react-redux": "^8.0.4",
     "react-intl": "^5.17.5",
-    "lodash": "^4.17.20",
-    "@opengeoweb/shared": "4.4.0",
+    "@opengeoweb/shared": "4.5.0",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",
-    "@opengeoweb/form-fields": "4.4.0",
+    "@opengeoweb/form-fields": "4.5.0",
     "react-hook-form": "^6.12.1",
     "moment-timezone": "^0.5.31",
     "@mui/x-date-pickers": "^5.0.4",
+    "lodash": "^4.17.20",
     "axios": "^0.25.0",
-    "@opengeoweb/webmap": "4.4.0",
+    "@opengeoweb/webmap": "4.5.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
     "react-sortablejs": "^6.1.4",

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegendRenderFunctions.d.ts

@@ -1,5 +0,0 @@
-import { Theme } from '@mui/material';
-import { Scale } from '../../../store/mapStore/types';
-export declare const getRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, scale: Scale) => [number, number];
-export declare const getCustomRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, unit: string) => [number, number];
-export declare const renderTimeSliderLegend: (context: CanvasRenderingContext2D, theme: Theme, canvasWidth: number, height: number, centerTime: number, secondsPerPx: number, dataScaleToSecondsPerPx: number, selectedTimeUnix: number, scale: Scale, currentTimeUnix: number, animationStartTime: number, animationEndTime: number, dataStartTime: number, dataEndTime: number) => void;

package/lib/components/TimeSlider/TimeSliderRail/TimeSliderRail.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import moment from 'moment';
-import { Scale } from '../../../store/mapStore/types';
-export interface TimeSliderRailProps {
-    centerTime: number;
-    secondsPerPx: number;
-    selectedTime?: moment.Moment;
-    timeStep?: number;
-    animationStartTime?: string;
-    animationEndTime?: string;
-    currentTime?: number;
-    dataStartTime?: number;
-    dataEndTime?: number;
-    isTimeSliderHoverOn?: boolean;
-    scale?: Scale;
-    mapIsActive: boolean;
-    onSetAnimationStartTime?: (time: string) => void;
-    onSetAnimationEndTime?: (time: string) => void;
-    onSetNewDate?: (newDate: string) => void;
-    onSetCenterTime?: (newTime: number) => void;
-}
-declare const TimeSliderRail: React.FC<TimeSliderRailProps>;
-export default TimeSliderRail;

package/lib/components/TimeSlider/TimeSliderRail/TimeSliderRail.stories.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const TimeSliderRailDisplayLight: {
-    (): React.ReactElement;
-    storyName: string;
-};
-export declare const TimeSliderRailDisplayDark: {
-    (): React.ReactElement;
-    storyName: string;
-};

package/lib/components/TimeSlider/TimeSliderRail/TimeSliderRailConnect.d.ts

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { mapActions, genericActions } from '../../../store';
-import { Dimension, Layer, Scale } from '../../../store/mapStore/types';
-interface TimeSliderRailConnectComponentProps {
-    sourceId: string;
-    mapId: string;
-    dimensions?: Dimension[];
-    timeStep?: number;
-    layers?: Layer[];
-    animationStartTime?: string;
-    animationEndTime?: string;
-    isAnimating?: boolean;
-    centerTime?: number;
-    secondsPerPx?: number;
-    isTimeSliderHoverOn?: boolean;
-    scale?: Scale;
-    activeWindowId?: string;
-    setAnimationStartTime?: typeof mapActions.setAnimationStartTime;
-    setAnimationEndTime?: typeof mapActions.setAnimationEndTime;
-    stopMapAnimation?: typeof mapActions.mapStopAnimation;
-    setTime?: typeof genericActions.setTime;
-    mapSetTimeSliderCenterTime?: typeof mapActions.setTimeSliderCenterTime;
-}
-declare const TimeSliderRailConnect: import("react-redux").ConnectedComponent<React.FC<TimeSliderRailConnectComponentProps>, {
-    sourceId: string;
-    mapId: string;
-    dimensions?: Dimension[] | undefined;
-    timeStep?: number | undefined;
-    layers?: Layer[] | undefined;
-    animationStartTime?: string | undefined;
-    animationEndTime?: string | undefined;
-    isAnimating?: boolean | undefined;
-    centerTime?: number | undefined;
-    secondsPerPx?: number | undefined;
-    isTimeSliderHoverOn?: boolean | undefined;
-    scale?: Scale | undefined;
-    activeWindowId?: string | undefined;
-    setAnimationStartTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetAnimationStartTimePayload, string> | undefined;
-    setAnimationEndTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetAnimationEndTimePayload, string> | undefined;
-    stopMapAnimation?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetMapAnimationStopPayload, string> | undefined;
-    setTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/generic/types").SetTimePayload, string> | undefined;
-    mapSetTimeSliderCenterTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetTimeSliderCenterTimePayload, string> | undefined;
-    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
-    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
-}>;
-export default TimeSliderRailConnect;

package/lib/components/TimeSlider/TimeSliderRail/TimeSliderRailRenderFunctions.d.ts

@@ -1,3 +0,0 @@
-import { Theme } from '@mui/material';
-import { Scale } from '../../../store/mapStore/types';
-export declare const renderTimeSliderRailWithNeedle: (ctx: CanvasRenderingContext2D, theme: Theme, width: number, height: number, centerTime: number, selected: number, secondsPerPx: number, scale: Scale, animationStart?: number | undefined, animationEnd?: number | undefined, dataStartTime?: number | undefined, dataEndTime?: number | undefined, currentTime?: number | undefined) => void;