@opengeoweb/store 15.2.0 → 16.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "15.2.0",
+  "version": "16.0.0",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,15 +8,15 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "15.2.0",
+    "@opengeoweb/shared": "16.0.0",
     "react-redux": "^9.2.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "15.2.0",
-    "@opengeoweb/webmap": "15.2.0",
+    "@opengeoweb/webmap-react": "16.0.0",
+    "@opengeoweb/webmap": "16.0.0",
     "immer": "^10.0.3",
     "lodash": "^4.17.21",
-    "@opengeoweb/metronome": "15.2.0",
-    "@opengeoweb/time-slider": "15.2.0",
+    "@opengeoweb/metronome": "16.0.0",
+    "@opengeoweb/time-slider": "16.0.0",
     "react-router-dom": "^6.23.1",
     "ol": "^10.4.0",
     "@turf/turf": "^7.2.0",

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

@@ -22,4 +22,5 @@ export * as genericSelectors from './selectors';
 export * from './hooks';
 export * from './syncGroups';
 export type * as genericTypes from './types';
+export type * from './synchronizationActions/types';
 export * from './loadingIndicator';

package/src/store/generic/selectors.d.ts

@@ -1,18 +1,19 @@
 import type { CoreAppStore } from '../types';
 import type { LinkedState, PotentialData, SynchronizationGroupState, SynchronizationSource } from './syncGroups/types';
+import type { TimeSliderStartEndStepCurrent } from '../map/types';
 export declare const getSynchronizationGroupStore: (store: CoreAppStore) => SynchronizationGroupState;
-export declare const getTime: ((state: SynchronizationGroupState, id: string) => import("./synchronizationActions/types").SetTimeSyncProps | null) & {
+export declare const getTime: ((state: SynchronizationGroupState, id: string) => import(".").SetTimeSyncProps | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: SynchronizationSource) => import("./synchronizationActions/types").SetTimeSyncProps | null;
-    memoizedResultFunc: ((resultFuncArgs_0: SynchronizationSource) => import("./synchronizationActions/types").SetTimeSyncProps | null) & {
+    resultFunc: (resultFuncArgs_0: SynchronizationSource) => import(".").SetTimeSyncProps | null;
+    memoizedResultFunc: ((resultFuncArgs_0: SynchronizationSource) => import(".").SetTimeSyncProps | null) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => import("./synchronizationActions/types").SetTimeSyncProps | null;
+    lastResult: () => import(".").SetTimeSyncProps | null;
     dependencies: [(state: SynchronizationGroupState, id: string) => SynchronizationSource];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -386,3 +387,24 @@ export declare const getSelectedFeatureAsGeoJSON: ((state: SynchronizationGroupS
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+export declare const getSyncedStartCenterEndStepCurrentTime: ((state: any, ...params: any[]) => TimeSliderStartEndStepCurrent | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (...resultFuncArgs: readonly any[]) => TimeSliderStartEndStepCurrent | undefined;
+    memoizedResultFunc: ((...resultFuncArgs: readonly any[]) => TimeSliderStartEndStepCurrent | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => TimeSliderStartEndStepCurrent | undefined;
+    dependencies: import("reselect").SelectorArray<any>;
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};

package/src/store/generic/syncGroups/hooks.d.ts

@@ -0,0 +1,16 @@
+import type { TimeSliderStartEndStepCurrent } from '../../map/map/types';
+/**
+ * This registers a new syncgroup source for given panelId. The source is not synced to any group by default.
+ * When the user links the source with a group, this hook returns an object with the timeslider state (start, end, step and current time) for the panel (if effectively linked).
+ *
+ * How it works:
+ * - Registers/unregisters the source on mount/unmount.
+ * - Returns `{ start, end, step, current }` when linked.
+ * - Uses linked map selected time as `current` when available.
+ * - Falls back to sync source "now" timestamp when
+ *   synced state is not initialized yet.
+ *
+ * @param panelId panelId to register as sync source
+ * @returns timeslider state
+ */
+export declare const useSyncgroupTimeState: (panelId: string, debounceMs?: number) => TimeSliderStartEndStepCurrent | undefined;

package/src/store/generic/syncGroups/hooks.spec.d.ts

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

package/src/store/generic/syncGroups/index.d.ts

@@ -7,3 +7,5 @@ export type { SynchronizationGroupModuleState } from './types';
 export * as syncGroupsSelectors from './selectors';
 export * as syncGroupsTypes from './types';
 export * as syncGroupsSelector from './selector';
+export * from './syncSourceDisplayName';
+export * from './hooks';

package/src/store/generic/syncGroups/selector.d.ts

@@ -5,20 +5,36 @@ export declare const groupTypes: {
     syncType: SyncType;
     groupType: string;
 }[];
-export declare const createSyncGroupViewState: (groups: SynchronizationGroups, sources: SynchronizationSources) => SyncGroupViewState;
+export declare const createSyncGroupViewState: (groups: SynchronizationGroups, sources: SynchronizationSources, viewsById?: Record<string, {
+    id?: string;
+    title?: string;
+    componentType?: string;
+}>) => SyncGroupViewState;
 export declare const createSyncGroupViewStateSelector: ((state: CoreAppStore) => SyncGroupViewState) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: SynchronizationGroups, resultFuncArgs_1: SynchronizationSources) => SyncGroupViewState;
-    memoizedResultFunc: ((resultFuncArgs_0: SynchronizationGroups, resultFuncArgs_1: SynchronizationSources) => SyncGroupViewState) & {
+    resultFunc: (resultFuncArgs_0: SynchronizationGroups, resultFuncArgs_1: SynchronizationSources, resultFuncArgs_2: Record<string, {
+        id?: string;
+        title?: string;
+        componentType?: string;
+    }> | undefined) => SyncGroupViewState;
+    memoizedResultFunc: ((resultFuncArgs_0: SynchronizationGroups, resultFuncArgs_1: SynchronizationSources, resultFuncArgs_2: Record<string, {
+        id?: string;
+        title?: string;
+        componentType?: string;
+    }> | undefined) => SyncGroupViewState) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
     lastResult: () => SyncGroupViewState;
-    dependencies: [(store: CoreAppStore) => SynchronizationGroups, (store: CoreAppStore) => SynchronizationSources];
+    dependencies: [(store: CoreAppStore) => SynchronizationGroups, (store: CoreAppStore) => SynchronizationSources, (store: CoreAppStore) => Record<string, {
+        id?: string;
+        title?: string;
+        componentType?: string;
+    }> | undefined];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;

package/src/store/generic/syncGroups/selector.spec.d.ts

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

package/src/store/generic/syncGroups/syncSourceDisplayName.d.ts

@@ -0,0 +1,2 @@
+import type { SyncedWorkspaceViewDetails } from './types';
+export declare const constructSyncSourceDisplayName: (sourceId: string, viewMeta: SyncedWorkspaceViewDetails | undefined, fallbackName: string) => string;

package/src/store/generic/syncGroups/types.d.ts

@@ -164,3 +164,8 @@ export interface AddSharedData {
 export interface DeleteSharedData {
     panelId: string;
 }
+export interface SyncedWorkspaceViewDetails {
+    id?: string;
+    title?: string;
+    componentType?: string;
+}

package/src/store/map/index.d.ts

@@ -1,5 +1,5 @@
 export * from './service';
 export * from './map';
 export * from './layer';
-export type { WebMapStateModuleState, MapPreset, MapPresetInitialProps, TimeSliderStartCenterEndTime, } from './types';
+export type { WebMapStateModuleState, MapPreset, MapPresetInitialProps, TimeSliderStartEndStep, } from './types';
 export * as storeTestSettings from './storeTestSettings';

package/src/store/map/layer/reducer.d.ts

@@ -1,6 +1,6 @@
 import type { Draft, PayloadAction } from '@reduxjs/toolkit';
 import type { SetLayerAcceptanceTimePayload, SetLayerDimensionsPayload, SetLayerStylePayload, UpdateLayerInfoPayload } from '@opengeoweb/webmap-react';
-import type { LayerState, Layer, AddLayerPayload, SetLayerDimensionPayload, SetLayerEnabledPayload, SetLayerOpacityPayload, SetLayerNamePayload, SetLayerGeojsonPayload, DeleteLayerPayload, ErrorLayerPayload, SetLayersPayload, SetBaseLayersPayload, AddBaseLayerPayload, AddAvailableBaseLayerPayload, AddAvailableBaseLayersPayload, SetAvailableBaseLayersPayload, SetSelectedFeaturePayload, UpdateFeaturePayload, ExitFeatureDrawModePayload, ToggleFeatureModePayload, UpdateFeaturePropertiesPayload, DuplicateMapLayerPayload, ShowLayerInfoPayload, SetLayerGeojsonFromLayerPayload, SetLayerOptionsPayload } from './types';
+import type { LayerState, Layer, AddLayerPayload, SetLayerDimensionPayload, SetLayerEnabledPayload, SetLayerOpacityPayload, SetLayerNamePayload, SetLayerGeojsonPayload, DeleteLayerPayload, ErrorLayerPayload, SetLayersPayload, SetBaseLayersPayload, AddBaseLayerPayload, AddAvailableBaseLayerPayload, AddAvailableBaseLayersPayload, SetAvailableBaseLayersPayload, SetSelectedFeaturePayload, UpdateFeaturePayload, ExitFeatureDrawModePayload, ToggleFeatureModePayload, UpdateFeaturePropertiesPayload, DuplicateMapLayerPayload, ShowLayerInfoPayload, SetLayerGeojsonFromLayerPayload, SetLayerOptionsPayload, SetLayerLegendVisibilityPayload } from './types';
 export declare const createLayer: ({ id, opacity, acceptanceTimeInMinutes, enabled, layerType, status, useLatestReferenceTime, ...props }: Layer) => Layer;
 export declare const initialState: LayerState;
 export declare const slice: import("@reduxjs/toolkit").Slice<LayerState, {
@@ -43,6 +43,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<LayerState, {
     }>) => void;
     showLayerInfo: (draft: Draft<LayerState>, action: PayloadAction<ShowLayerInfoPayload>) => void;
     hideLayerInfo: (draft: Draft<LayerState>) => void;
+    SetLayerLegendVisibilityPayload: (draft: Draft<LayerState>, action: PayloadAction<SetLayerLegendVisibilityPayload>) => void;
 }, "layerReducer", "layerReducer", import("@reduxjs/toolkit").SliceSelectors<LayerState>>;
 export declare const layerReducer: import("redux").Reducer<LayerState>, layerActions: import("@reduxjs/toolkit").CaseReducerActions<{
     addLayer: (draft: Draft<LayerState>, action: PayloadAction<AddLayerPayload>) => void;
@@ -84,5 +85,6 @@ export declare const layerReducer: import("redux").Reducer<LayerState>, layerAct
     }>) => void;
     showLayerInfo: (draft: Draft<LayerState>, action: PayloadAction<ShowLayerInfoPayload>) => void;
     hideLayerInfo: (draft: Draft<LayerState>) => void;
+    SetLayerLegendVisibilityPayload: (draft: Draft<LayerState>, action: PayloadAction<SetLayerLegendVisibilityPayload>) => void;
 }, "layerReducer">;
-export type LayerActions = ReturnType<typeof layerActions.layerSetDimensions> | ReturnType<typeof layerActions.layerChangeStyle> | ReturnType<typeof layerActions.addAvailableBaseLayer> | ReturnType<typeof layerActions.addAvailableBaseLayers> | ReturnType<typeof layerActions.addBaseLayer> | ReturnType<typeof layerActions.addLayer> | ReturnType<typeof layerActions.baseLayerDelete> | ReturnType<typeof layerActions.onUpdateLayerInformation> | ReturnType<typeof layerActions.layerChangeDimension> | ReturnType<typeof layerActions.layerChangeEnabled> | ReturnType<typeof layerActions.layerChangeGeojson> | ReturnType<typeof layerActions.layerChangeName> | ReturnType<typeof layerActions.layerChangeOpacity> | ReturnType<typeof layerActions.layerDelete> | ReturnType<typeof layerActions.layerError> | ReturnType<typeof layerActions.setBaseLayers> | ReturnType<typeof layerActions.setLayers>;
+export type LayerActions = ReturnType<typeof layerActions.layerSetDimensions> | ReturnType<typeof layerActions.layerChangeStyle> | ReturnType<typeof layerActions.addAvailableBaseLayer> | ReturnType<typeof layerActions.addAvailableBaseLayers> | ReturnType<typeof layerActions.addBaseLayer> | ReturnType<typeof layerActions.addLayer> | ReturnType<typeof layerActions.baseLayerDelete> | ReturnType<typeof layerActions.onUpdateLayerInformation> | ReturnType<typeof layerActions.layerChangeDimension> | ReturnType<typeof layerActions.layerChangeEnabled> | ReturnType<typeof layerActions.layerChangeGeojson> | ReturnType<typeof layerActions.layerChangeName> | ReturnType<typeof layerActions.layerChangeOpacity> | ReturnType<typeof layerActions.layerDelete> | ReturnType<typeof layerActions.layerError> | ReturnType<typeof layerActions.setBaseLayers> | ReturnType<typeof layerActions.setLayers> | ReturnType<typeof layerActions.SetLayerLegendVisibilityPayload>;

package/src/store/map/layer/selectors.d.ts

@@ -1297,6 +1297,35 @@ export declare const getLayerService: ((state: any, layerId: any) => string) & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+/**
+ * Gets layer service name
+ *
+ * Example: layerService = getLayerServiceName(store, 'layerId_1')
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @param {string} layerId layerId: string - Id of the layer
+ * @returns {string} returnType: string -  layer service name
+ */
+export declare const getLayerServiceName: ((state: any, ...params: any[]) => string) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (...resultFuncArgs: readonly any[]) => string;
+    memoizedResultFunc: ((...resultFuncArgs: readonly any[]) => string) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => string;
+    dependencies: import("reselect").SelectorArray<any>;
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
 /**
  * Gets selected style of the passed layer
  *

package/src/store/map/layer/types.d.ts

@@ -173,3 +173,7 @@ export interface ShowLayerInfoPayload {
     source?: uiTypes.Source;
     style?: string;
 }
+export interface SetLayerLegendVisibilityPayload {
+    layerId: string;
+    showLayerLegend: boolean;
+}

package/src/store/map/map/reducer.d.ts

@@ -1,6 +1,6 @@
 import type { PayloadAction, Draft } from '@reduxjs/toolkit';
 import type { MapPinLocationPayload, SetBboxPayload, SetStepBackWardOrForward, UpdateAllMapDimensionsPayload } from '@opengeoweb/webmap-react';
-import type { WebMapState, SetAutoLayerIdPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderSpanPayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderWidthPayload, SetTimeSliderCenterTimePayload, SetEndTimeOverriding, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSpanAutoPayload, ToggleTimeSliderHoverPayload, DisableMapPinPayload, ToggleTimeSliderIsVisiblePayload, SetDockedLayerManagerSize, ToggleAnimationLengthAutoPayload, SetDefaultMapSettingsPayload, ToggleClockPayload, SetClockPositionSizePayload } from './types';
+import type { WebMapState, SetAutoLayerIdPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderSpanPayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderWidthPayload, SetTimeSliderCenterTimePayload, SetEndTimeOverriding, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSpanAutoPayload, ToggleTimeSliderHoverPayload, DisableMapPinPayload, ToggleTimeSliderIsVisiblePayload, SetDockedLayerManagerSize, SetDockedLayerManagerPosition, SetDockedLayerManagerDimensions, ToggleAnimationLengthAutoPayload, SetDefaultMapSettingsPayload, ToggleClockPayload, SetClockPositionSizePayload } from './types';
 import type { ToggleMapPinIsVisiblePayload, ToggleZoomControlsPayload } from '../types';
 import type { MapActionOrigin } from './enums';
 /**
@@ -54,6 +54,8 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
     setDisableMapPin: (draft: Draft<WebMapState>, action: PayloadAction<DisableMapPinPayload>) => void;
     toggleMapPinIsVisible: (draft: Draft<WebMapState>, action: PayloadAction<ToggleMapPinIsVisiblePayload>) => void;
     setDockedLayerManagerSize: (draft: Draft<WebMapState>, action: PayloadAction<SetDockedLayerManagerSize>) => void;
+    setDockedLayerManagerPosition: (draft: Draft<WebMapState>, action: PayloadAction<SetDockedLayerManagerPosition>) => void;
+    setDockedLayerManagerDimensions: (draft: Draft<WebMapState>, action: PayloadAction<SetDockedLayerManagerDimensions>) => void;
     setMapPresetError: (_draft: Draft<WebMapState>, _action: PayloadAction<{
         mapId: string;
         error?: string;
@@ -65,6 +67,11 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
         origin: string;
     }>) => void;
     toggleClock: (draft: Draft<WebMapState>, action: PayloadAction<ToggleClockPayload>) => void;
+    toggleClockOptions: (draft: Draft<WebMapState>, action: PayloadAction<{
+        mapId: string;
+        isClockOptionsMenuVisible: boolean;
+        origin?: string;
+    }>) => void;
     setClockPositionSize: (draft: Draft<WebMapState>, action: PayloadAction<SetClockPositionSizePayload>) => void;
 }, "mapReducer", "mapReducer", import("@reduxjs/toolkit").SliceSelectors<WebMapState>>;
 export declare const mapActions: {
@@ -112,6 +119,8 @@ export declare const mapActions: {
     setDisableMapPin: import("@reduxjs/toolkit").ActionCreatorWithPayload<DisableMapPinPayload, "mapReducer/setDisableMapPin">;
     toggleMapPinIsVisible: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleMapPinIsVisiblePayload, "mapReducer/toggleMapPinIsVisible">;
     setDockedLayerManagerSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDockedLayerManagerSize, "mapReducer/setDockedLayerManagerSize">;
+    setDockedLayerManagerPosition: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDockedLayerManagerPosition, "mapReducer/setDockedLayerManagerPosition">;
+    setDockedLayerManagerDimensions: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDockedLayerManagerDimensions, "mapReducer/setDockedLayerManagerDimensions">;
     setMapPresetError: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
         mapId: string;
         error?: string;
@@ -123,6 +132,11 @@ export declare const mapActions: {
         origin: string;
     }, "mapReducer/changeOverlayer">;
     toggleClock: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleClockPayload, "mapReducer/toggleClock">;
+    toggleClockOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        mapId: string;
+        isClockOptionsMenuVisible: boolean;
+        origin?: string;
+    }, "mapReducer/toggleClockOptions">;
     setClockPositionSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetClockPositionSizePayload, "mapReducer/setClockPositionSize">;
 };
 export declare const mapReducer: import("redux").Reducer<WebMapState>;

package/src/store/map/map/selectors.d.ts

@@ -1,7 +1,7 @@
 import type { Bbox, ClockPosition, ClockSize, MapPreset, WebMap, WebMapState } from './types';
 import type { CoreAppStore } from '../../types';
 import { uiTypes } from '../../ui';
-import type { Dimension, HarmonieInitialPropsResult, InitialTimeSliderProps, Layer, MultiMapInitialProps, ReduxLayer, TimeSliderStartCenterEndTime, WebMapAnimationList } from '../types';
+import type { Dimension, DockedLayerManagerPosition, DockedLayerManagerSize, DockedLayerManagerDimensions, HarmonieInitialPropsResult, InitialTimeSliderProps, Layer, MultiMapInitialProps, ReduxLayer, TimeSliderStartEndStep, WebMapAnimationList } from '../types';
 /**
  * Gets the map state by mapId
  *
@@ -1332,18 +1332,18 @@ export declare const getMapTimeSliderWidth: ((state: CoreAppStore, mapId: string
  * @returns {number} returnType: number - center time as a unix timestamp
  */
 export declare const getMapTimeSliderCenterTime: (store: CoreAppStore, mapId: string) => number;
-export declare const getMapTimeSliderStartCenterEndAndStep: ((state: CoreAppStore, mapId: string) => TimeSliderStartCenterEndTime) & {
+export declare const getMapTimeSliderStartCenterEndAndStep: ((state: CoreAppStore, mapId: string) => TimeSliderStartEndStep) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: WebMap | undefined) => TimeSliderStartCenterEndTime;
-    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => TimeSliderStartCenterEndTime) & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => TimeSliderStartEndStep;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => TimeSliderStartEndStep) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => TimeSliderStartCenterEndTime;
+    lastResult: () => TimeSliderStartEndStep;
     dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -2094,6 +2094,33 @@ export declare const getIsClockVisible: ((state: CoreAppStore, mapId: string) =>
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+/**
+ * Returns if clock options menu is visible from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the map state will be extracted.
+ * @returns {boolean | undefined} returnType: boolean
+ */
+export declare const getIsClockOptionsMenuVisible: ((state: CoreAppStore, mapId: string) => boolean | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => boolean | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => boolean | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => boolean | undefined;
+    dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
 /**
  * Returns if clock position from webmap state
  *
@@ -2162,8 +2189,8 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: string | undefined, resultFuncArgs_22: boolean | undefined, resultFuncArgs_23: ClockPosition | undefined, resultFuncArgs_24: ClockSize | undefined, resultFuncArgs_25: uiTypes.UIStoreType, resultFuncArgs_26: string, resultFuncArgs_27: string) => MapPreset;
-    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: string | undefined, resultFuncArgs_22: boolean | undefined, resultFuncArgs_23: ClockPosition | undefined, resultFuncArgs_24: ClockSize | undefined, resultFuncArgs_25: uiTypes.UIStoreType, resultFuncArgs_26: string, resultFuncArgs_27: string) => MapPreset) & {
+    resultFunc: (resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: string | undefined, resultFuncArgs_22: DockedLayerManagerSize, resultFuncArgs_23: DockedLayerManagerPosition, resultFuncArgs_24: DockedLayerManagerDimensions | undefined, resultFuncArgs_25: boolean | undefined, resultFuncArgs_26: boolean | undefined, resultFuncArgs_27: ClockPosition | undefined, resultFuncArgs_28: ClockSize | undefined, resultFuncArgs_29: uiTypes.UIStoreType, resultFuncArgs_30: string, resultFuncArgs_31: string) => MapPreset;
+    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: string | undefined, resultFuncArgs_22: DockedLayerManagerSize, resultFuncArgs_23: DockedLayerManagerPosition, resultFuncArgs_24: DockedLayerManagerDimensions | undefined, resultFuncArgs_25: boolean | undefined, resultFuncArgs_26: boolean | undefined, resultFuncArgs_27: ClockPosition | undefined, resultFuncArgs_28: ClockSize | undefined, resultFuncArgs_29: uiTypes.UIStoreType, resultFuncArgs_30: string, resultFuncArgs_31: string) => MapPreset) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -2709,6 +2736,26 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     } & {
         memoize: typeof import("reselect").weakMapMemoize;
         argsMemoize: typeof import("reselect").weakMapMemoize;
+    }, (store: CoreAppStore, mapId: string) => DockedLayerManagerSize, (store: CoreAppStore, mapId: string) => DockedLayerManagerPosition, (store: CoreAppStore, mapId: string) => DockedLayerManagerDimensions | undefined, ((state: CoreAppStore, mapId: string) => boolean | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: WebMap | undefined) => boolean | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => boolean | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => boolean | undefined;
+        dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        memoize: typeof import("reselect").weakMapMemoize;
+        argsMemoize: typeof import("reselect").weakMapMemoize;
     }, ((state: CoreAppStore, mapId: string) => boolean | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -2948,18 +2995,68 @@ export declare const getIsEnabledLayersForMapDimension: ((state: CoreAppStore, _
  * @param {string} mapId mapId: string - Id of the map
  * @returns {DockedLayerManagerSize} returnType: string
  */
-export declare const getDockedLayerManagerSize: ((state: CoreAppStore, mapId: string) => import("./types").DockedLayerManagerSize | undefined) & {
+export declare const getDockedLayerManagerSize: ((state: CoreAppStore, mapId: string) => DockedLayerManagerSize | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerSize | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerSize | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => DockedLayerManagerSize | undefined;
+    dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+/**
+ * Returns the dockedLayerManagerPosition originally set in mapPresets
+ *
+ * Example getDockedLayerManagerPosition(store);
+ * @param {object} store store: object - store object
+ * @param {string} mapId mapId: string - Id of the map
+ * @returns {DockedLayerManagerPosition} returnType: object
+ */
+export declare const getDockedLayerManagerPosition: ((state: CoreAppStore, mapId: string) => DockedLayerManagerPosition) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerPosition;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerPosition) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => DockedLayerManagerPosition;
+    dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const getDockedLayerManagerDimensions: ((state: CoreAppStore, mapId: string) => DockedLayerManagerDimensions | undefined) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: WebMap | undefined) => import("./types").DockedLayerManagerSize | undefined;
-    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => import("./types").DockedLayerManagerSize | undefined) & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerDimensions | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerDimensions | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => import("./types").DockedLayerManagerSize | undefined;
+    lastResult: () => DockedLayerManagerDimensions | undefined;
     dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
     recomputations: () => number;
     resetRecomputations: () => void;

package/src/store/map/map/types.d.ts

@@ -52,13 +52,24 @@ export interface WebMap {
     displayMapPin?: boolean;
     legendId?: string;
     dockedLayerManagerSize?: DockedLayerManagerSize;
+    dockedLayerManagerPosition?: DockedLayerManagerPosition;
+    dockedLayerManagerDimensions?: DockedLayerManagerDimensions;
     isTimeScrollingEnabled?: boolean;
     selectedMapIds?: string[];
     isClockVisible?: boolean;
+    isClockOptionsMenuVisible?: boolean;
     clockPosition?: ClockPosition;
     clockSize?: ClockSize;
 }
 export type DockedLayerManagerSize = 'sizeSmall' | 'sizeMedium' | 'sizeLarge' | '';
+export interface DockedLayerManagerPosition {
+    x: number;
+    y: number;
+}
+export interface DockedLayerManagerDimensions {
+    width: number;
+    height: number;
+}
 export interface WebMapState {
     byId: Record<string, WebMap>;
     allIds: string[];
@@ -108,6 +119,8 @@ export interface MapPreset {
     shouldShowLayerManager?: boolean;
     shouldShowDockedLayerManager?: boolean;
     dockedLayerManagerSize?: DockedLayerManagerSize;
+    dockedLayerManagerPosition?: DockedLayerManagerPosition;
+    dockedLayerManagerDimensions?: DockedLayerManagerDimensions;
     selectedMapIds?: string[];
     timeSliderSpan?: number;
     toggleTimeSpanAuto?: boolean;
@@ -115,6 +128,7 @@ export interface MapPreset {
     defaultOverlayer?: string;
     refTimeDimensionModes?: RefTimeDimensionModes;
     isClockVisible?: boolean;
+    isClockOptionsMenuVisible?: boolean;
     clockPosition?: ClockPosition;
     clockSize?: ClockSize;
 }
@@ -242,6 +256,17 @@ export interface SetMapPresetPayload {
 export interface SetDockedLayerManagerSize {
     mapId: string;
     dockedLayerManagerSize: DockedLayerManagerSize;
+    origin?: MapActionOrigin;
+}
+export interface SetDockedLayerManagerPosition {
+    mapId: string;
+    dockedLayerManagerPosition: DockedLayerManagerPosition;
+    origin?: MapActionOrigin;
+}
+export interface SetDockedLayerManagerDimensions {
+    mapId: string;
+    dockedLayerManagerDimensions: DockedLayerManagerDimensions;
+    origin?: MapActionOrigin;
 }
 export interface ISO8601Interval {
     startTime: string;
@@ -251,12 +276,14 @@ export interface ISO8601Interval {
 export interface SetDefaultMapSettingsPayload {
     preset: MapPreset;
 }
-export interface TimeSliderStartCenterEndTime {
+export interface TimeSliderStartEndStep {
     start: number;
-    center: number;
     end: number;
     step: number;
 }
+export interface TimeSliderStartEndStepCurrent extends TimeSliderStartEndStep {
+    current: number;
+}
 export interface MultiMapInitialProps {
     mapPreset: MapPreset[];
     syncGroupsIds: string[];