@opengeoweb/core 4.3.0 → 4.4.0

package/lib/components/CanvasComponent/CanvasComponent.d.ts

@@ -24,14 +24,14 @@ interface CanvasComponentProps {
     children?: React.ReactNode;
 }
 export default class CanvasComponent extends Component<CanvasComponentProps> {
-    canvas: any;
-    ctx: any;
+    canvas: HTMLCanvasElement | null;
+    ctx: CanvasRenderingContext2D | null;
     currentWidth: number;
     currentHeight: number;
-    canvascontaineroutside: any;
-    canvascontainer: any;
-    timer: any;
-    redrawTimer: any;
+    canvascontaineroutside: React.RefObject<HTMLDivElement> | null;
+    canvascontainer: React.RefObject<HTMLDivElement> | null;
+    timer: ReturnType<typeof setTimeout> | null;
+    redrawTimer: ReturnType<typeof setTimeout> | null;
     loopHasStarted: boolean;
     mounted: boolean;
     static defaultProps: {

package/lib/components/ConfigurableMap/ConfigurableMapConnect.d.ts

@@ -29,5 +29,6 @@ export interface ConfigurableMapConnectProps {
     displayDimensionSelectButtonInMap?: boolean;
     multiLegend?: boolean;
     shouldShowLayerManager?: boolean;
+    showClock?: boolean;
 }
 export declare const ConfigurableMapConnect: React.FC<ConfigurableMapConnectProps>;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ServiceLayer } from '../../../../../store/mapStore/types';
-interface RenderLayersProps {
+export interface RenderLayersProps {
     onChangeLayerName: (name: string) => void;
     layerName: string;
     layers: ServiceLayer[];

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Style } from '@opengeoweb/webmap';
-interface RenderStylesProps {
+export interface RenderStylesProps {
     layerStyles: Style[];
     currentLayerStyle: string;
     onChangeLayerStyle: (style: string) => void;

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

@@ -5,8 +5,10 @@ import { ReduxLayer } from '../../../../store/mapStore/types';
 interface ServiceOptionsDialogProps {
     services: ActiveServices;
     layerSelectRemoveService?: (serviceId: string, serviceUrl: string) => void;
+    layerSelectReloadService?: (serviceUrl: string) => void;
     selectedLayers: ReduxLayer[];
     setServicePopupInfo?: (popupInfo: ServicePopupInfo) => void;
+    isLoading?: boolean;
 }
 export interface ServicePopupInfo {
     isOpen: boolean;

package/lib/components/LayerManager/LayerSelect/ServiceOptionsDialog/ServiceOptionsDialogConnect.d.ts

@@ -4,5 +4,7 @@ interface ServiceOptionsDialogConnectProps {
     mapId?: string;
     setServicePopupInfo?: (popupInfo: ServicePopupInfo) => void;
 }
+export declare const getServiceSuccesUpdateMessage: (serviceName: string) => string;
+export declare const getServiceFailedUpdateMessage: (error: Error) => string;
 declare const ServiceOptionsDialogConnect: React.FC<ServiceOptionsDialogConnectProps>;
 export default ServiceOptionsDialogConnect;

package/lib/components/LayerManager/LayerSelect/ServicePopup/utils.d.ts

@@ -1,4 +1,5 @@
 import { ActiveServices } from '../../../../store/layerSelect/types';
+import { SetLayersForServicePayload } from '../../../../store/mapStore/types';
 export declare type ValidationResult = string | boolean;
 export declare const VALIDATIONS_NAME_EXISTING = "This name already exists. Choose another name.";
 export declare const VALIDATIONS_SERVICE_EXISTING = "URL already exists.";
@@ -6,3 +7,4 @@ export declare const VALIDATIONS_SERVICE_VALID_URL = "Not a valid URL.";
 export declare const VALIDATIONS_REQUEST_FAILED = "Download failed. Check the URL.";
 export declare const validateServiceName: (value: string, services: ActiveServices, ownServiceName?: string) => ValidationResult;
 export declare const validateServiceUrl: (value: string, services: ActiveServices) => ValidationResult;
+export declare const loadWMSService: (serviceUrl: string, forceReload?: boolean) => Promise<SetLayersForServicePayload>;

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

@@ -1,4 +1,4 @@
 import { NoIdService, UserAddedServices } from '../../utils/types';
 import { Service } from '../WMSLoader/services';
-export declare const useFetchServices: (dialogType: string, preloadedServices?: Service[]) => void;
+export declare const useFetchServices: (dialogType: string, preloadedServices?: Service[] | undefined) => void;
 export declare const mergePresetsAndUserAddedServices: (presets: Service[], userAddedServices: UserAddedServices) => NoIdService[];

package/lib/components/MultiMapView/ModelRunInterval/ModelRunInterval.d.ts

@@ -1,6 +1,12 @@
 import * as React from 'react';
 import { Layer } from '../../../store/mapStore/types';
 import { MultiMapPreset } from '../MultiMapViewConnect';
+/**
+ * Custom hook to find out if the list of syncgroup id's contains a group which is of type SYNCGROUPS_TYPE_SETLAYERACTIONS
+ * @param syncGroupsIds A string array of syncgroup ids
+ * @returns True if indeed a group is included which is of type SYNCGROUPS_TYPE_SETLAYERACTIONS
+ */
+export declare const useHasSyncGroupWithLayerActions: (syncGroupsIds: string[] | undefined) => boolean;
 export declare const makeMapPreset: (timeIncrement: number, uniqueId: string, referenceTime: string, layers: Layer[], syncGroupsIds: string[], displayLayerManagerAndLegendButtonInMap: boolean, displayDimensionSelectButtonInMap: boolean) => MultiMapPreset;
 export interface ModelRunIntervalProps {
     layers?: Layer[];

package/lib/components/MultiMapView/MultiMapViewConnect.d.ts

@@ -21,5 +21,6 @@ export interface MultiMapViewProps {
     showTimeSlider?: boolean;
     showZoomControls?: boolean;
     multiLegend?: boolean;
+    showClock?: boolean;
 }
 export declare const MultiMapViewConnect: React.FC<MultiMapViewProps>;

package/lib/components/ReactMapView/AdagucMapDraw.d.ts

@@ -125,7 +125,7 @@ export default class AdagucMapDraw extends React.PureComponent<AdagucMapDrawProp
     static defaultProps: {
         isInEditMode: boolean;
         isInDeleteMode: boolean;
-        webmapjs: any;
+        webmapjs: undefined;
         featureNrToEdit: number;
     };
     featureEvent: FeatureEvent;

package/lib/components/ReactMapView/AdagucMapDrawTools.d.ts

@@ -6,4 +6,4 @@ export declare type CheckHoverFeaturesResult = {
     feature: GeoJsonFeature;
 } | null;
 export declare const distance: (a: Coordinate, b: Coordinate) => number;
-export declare const checkHoverFeatures: (geojson: GeoJSON.FeatureCollection, mouseX: number, mouseY: number, convertGeoCoordsToScreenCoords: (featureCoords: Position[]) => Coordinate[], ignoreCoordinateIndexInFeature?: boolean) => CheckHoverFeaturesResult;
+export declare const checkHoverFeatures: (geojson: GeoJSON.FeatureCollection, mouseX: number, mouseY: number, convertGeoCoordsToScreenCoords: (featureCoords: Position[]) => Coordinate[], ignoreCoordinateIndexInFeature?: boolean | undefined) => CheckHoverFeaturesResult;

package/lib/components/ReactMapView/ReactMapView.d.ts

@@ -36,10 +36,10 @@ declare class ReactMapView extends React.Component<ReactMapViewProps, ReactMapVi
     currentMapProps: {
         children?: React.ReactNode;
     };
-    mapTimer: any;
-    featureLayerUpdateTimer: any;
-    currentWidth: any;
-    currentHeight: any;
+    mapTimer: undefined;
+    featureLayerUpdateTimer: undefined;
+    currentWidth: undefined;
+    currentHeight: undefined;
     adagucContainerRef: any;
     adagucWebMapJSRef: any;
     refetchTimer: NodeJS.Timeout;
@@ -73,7 +73,7 @@ declare class ReactMapView extends React.Component<ReactMapViewProps, ReactMapVi
         layerArrayMutated: boolean;
     };
     clearRefetchTimer: () => void;
-    parseWMJSLayer: (wmLayer: WMLayer, forceReload: boolean, child?: React.ReactElement) => void;
+    parseWMJSLayer: (wmLayer: WMLayer, forceReload: boolean, child?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined) => void;
     checkNewProps(prevProps: ReactMapViewProps, props: ReactMapViewProps): void;
     drawDebounced(): void;
     handleWindowResize(): void;

package/lib/components/ReactMapView/ReactMapViewParseLayer.d.ts

@@ -1,5 +1,5 @@
 import { WMLayer, WMJSMap, WMJSDimension } from '@opengeoweb/webmap';
 import { UpdateLayerInfoPayload } from '../../store/mapStore/types';
 import { MapViewProps } from '../MapView/types';
-export declare const getCurrentDimensionValue: (dimensions: WMJSDimension[], name: string) => string;
-export declare const setServiceMetadata: (wmLayer: WMLayer, mapId: string, webMapJSInstance: WMJSMap, mapProperties: MapViewProps, onUpdateLayerInformation?: (payload: UpdateLayerInfoPayload) => void) => void;
+export declare const getCurrentDimensionValue: (dimensions: WMJSDimension[] | undefined, name: string) => string;
+export declare const setServiceMetadata: (wmLayer: WMLayer, mapId: string, webMapJSInstance: WMJSMap, mapProperties: MapViewProps, onUpdateLayerInformation?: ((payload: UpdateLayerInfoPayload) => void) | undefined) => void;

package/lib/components/SyncGroups/SimpleTimeSliderConnect.d.ts

@@ -7,5 +7,13 @@ interface SimpleTimeSliderConnectComponentProps {
     syncGroupAddSource?: typeof genericActions.syncGroupAddSource;
     syncGroupRemoveSource?: typeof genericActions.syncGroupRemoveSource;
 }
-export declare const SimpleTimeSliderConnect: import("react-redux").ConnectedComponent<React.FC<SimpleTimeSliderConnectComponentProps>, Omit<SimpleTimeSliderConnectComponentProps, "syncGroupAddSource" | "syncGroupRemoveSource" | "setTime" | "timeValue"> & SimpleTimeSliderConnectComponentProps & import("react-redux").ConnectProps>;
+export declare const SimpleTimeSliderConnect: import("react-redux").ConnectedComponent<React.FC<SimpleTimeSliderConnectComponentProps>, {
+    id: string;
+    timeValue?: string | undefined;
+    setTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../store/generic/types").SetTimePayload, string> | undefined;
+    syncGroupAddSource?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../store/generic/synchronizationGroups/types").SyncGroupsAddSourcePayload, string> | undefined;
+    syncGroupRemoveSource?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../store/generic/synchronizationGroups/types").SyncGroupRemoveSourcePayload, string> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+}>;
 export {};

package/lib/components/SyncGroups/selector.d.ts

@@ -7,12 +7,12 @@ export declare const groupTypes: {
 }[];
 export declare const createSyncGroupViewState: (groups: SynchronizationGroups, sources: SynchronizationSources) => SyncGroupViewState;
 export declare const createSyncGroupViewStateSelector: ((state: {
-    syncronizationGroupStore?: import("../../store/generic/synchronizationGroups/types").SynchronizationGroupState;
-    ui?: import("../../store/ui/types").UIStoreType;
-    webmap?: import("../../store/mapStore/types").WebMapState;
-    services?: import("../../store/mapStore/types").ServiceState;
-    layers?: import("../../store/mapStore/types").LayerState;
-    layerSelect?: import("../../store/layerSelect/types").LayerSelectStoreType;
+    syncronizationGroupStore?: import("../../store/generic/synchronizationGroups/types").SynchronizationGroupState | undefined;
+    ui?: import("../../store/ui/types").UIStoreType | undefined;
+    webmap?: import("../../store/mapStore/types").WebMapState | undefined;
+    services?: import("../../store/mapStore/types").ServiceState | undefined;
+    layers?: import("../../store/mapStore/types").LayerState | undefined;
+    layerSelect?: import("../../store/layerSelect/types").LayerSelectStoreType | undefined;
 }) => SyncGroupViewState) & import("reselect").OutputSelectorFields<(args_0: SynchronizationGroups, args_1: SynchronizationSources) => SyncGroupViewState & {
     clearCache: () => void;
 }> & {

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DemoTimeSlider: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

package/lib/components/TimeSlider/TimeSliderButtons/AutoUpdateButton/AutoUpdateButtonConnect.d.ts

@@ -5,5 +5,17 @@ interface ConnectedAutoUpdateButtonProps {
     isAutoUpdating?: boolean;
     toggleAutoUpdate?: typeof mapActions.toggleAutoUpdate;
 }
-declare const AutoUpdateButtonConnect: import("react-redux").ConnectedComponent<import("react-redux").ConnectedComponent<({ mapId, isAutoUpdating, toggleAutoUpdate, }: ConnectedAutoUpdateButtonProps) => JSX.Element, Omit<ConnectedAutoUpdateButtonProps, "toggleAutoUpdate" | "isAutoUpdating"> & ConnectedAutoUpdateButtonProps & import("react-redux").ConnectProps>, (Omit<Omit<ConnectedAutoUpdateButtonProps, "toggleAutoUpdate" | "isAutoUpdating"> & ConnectedAutoUpdateButtonProps & import("react-redux").ConnectProps, "toggleAutoUpdate" | "isAutoUpdating"> | Omit<React.ClassAttributes<React.Component<Omit<ConnectedAutoUpdateButtonProps, "toggleAutoUpdate" | "isAutoUpdating"> & ConnectedAutoUpdateButtonProps & import("react-redux").ConnectProps, any, any>> & Omit<ConnectedAutoUpdateButtonProps, "toggleAutoUpdate" | "isAutoUpdating"> & ConnectedAutoUpdateButtonProps & import("react-redux").ConnectProps, "toggleAutoUpdate" | "isAutoUpdating">) & ConnectedAutoUpdateButtonProps & import("react-redux").ConnectProps>;
+declare const AutoUpdateButtonConnect: import("react-redux").ConnectedComponent<import("react-redux").ConnectedComponent<({ mapId, isAutoUpdating, toggleAutoUpdate, }: ConnectedAutoUpdateButtonProps) => JSX.Element, {
+    mapId: string;
+    isAutoUpdating?: boolean | undefined;
+    toggleAutoUpdate?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../../store/mapStore/types").ToggleAutoUpdatePayload, string> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+}>, {
+    mapId: string;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+    isAutoUpdating?: boolean | undefined;
+    toggleAutoUpdate?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../../store/mapStore/types").ToggleAutoUpdatePayload, string> | undefined;
+}>;
 export default AutoUpdateButtonConnect;

package/lib/components/TimeSlider/TimeSliderButtons/BackwardForwardStepButton/BackwardForwardStepButton.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface BackwardForwardStepButtonProps {
+    isForwardStep?: boolean;
+    isDisabled?: boolean;
+    onClickBFButton?: () => void;
+}
+export declare const forwardTooltipTitle = "Forward";
+export declare const backwardTooltipTitle = "Backward";
+declare const BackwardForwardStepButton: React.FC<BackwardForwardStepButtonProps>;
+export default BackwardForwardStepButton;

package/lib/components/TimeSlider/TimeSliderButtons/BackwardForwardStepButton/BackwardForwardStepButton.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderButtons/BackwardForwardStepButton/BackwardForwardStepButtonConnect.d.ts

@@ -0,0 +1,6 @@
+export interface BackwardForwardStepButtonConnectProps {
+    mapId: string;
+    isForwardStep?: boolean;
+}
+declare const BackwardForwardStepButtonConnect: ({ isForwardStep, mapId, }: BackwardForwardStepButtonConnectProps) => JSX.Element;
+export default BackwardForwardStepButtonConnect;

package/lib/components/TimeSlider/TimeSliderButtons/BackwardForwardStepButton/BackwardForwardStepButtonConnect.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderButtons/HideSliderButton/HideSliderButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface HideSliderButtonProps {
+    isVisible?: boolean;
+    toggleTimeSliderIsVisible?: (isVisible: boolean) => void;
+}
+declare const HideSliderButton: React.FC<HideSliderButtonProps>;
+export default HideSliderButton;

package/lib/components/TimeSlider/TimeSliderButtons/HideSliderButton/HideSliderButton.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderButtons/OptionsMenuButton/OptionsMenuButton.d.ts

@@ -1,10 +1,11 @@
-import * as React from 'react';
+import React from 'react';
 interface OptionsMenuButtonProps {
     nowBtn?: React.ReactChild;
     autoUpdateBtn?: React.ReactChild;
     speedBtn?: React.ReactChild;
     timeStepBtn?: React.ReactChild;
     timeScaleBtn?: React.ReactChild;
+    isOpenByDefault?: boolean;
 }
 declare const OptionsMenuButton: React.FC<OptionsMenuButtonProps>;
 export default OptionsMenuButton;

package/lib/components/TimeSlider/TimeSliderButtons/OptionsMenuButton/OptionsMenuButton.stories.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const OptionsMenuButtonDemoLight: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const OptionsMenuButtonDemoDark: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ConnectedProps } from 'react-redux';
+import React from 'react';
 import { mapActions } from '../../../../store';
 export declare const animationIntervalDefault = 5;
 export interface PlayButtonConnectProps {
@@ -14,28 +14,29 @@ export interface PlayButtonConnectProps {
     linkedMapAnimationInfo?: any;
 }
 declare const connectRedux: import("react-redux").InferableComponentEnhancerWithProps<{
-    animationStartTime: string;
-    animationEndTime: string;
-    timeStep: number;
+    animationStartTime: string | undefined;
+    animationEndTime: string | undefined;
+    timeStep: number | undefined;
     linkedMapAnimationInfo: {
         isAnimating: boolean;
         id: string;
     };
 } & {
-    mapStartAnimation: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<import("../../../../store/mapStore/types").SetMapAnimationStartPayload, string>;
-    mapStopAnimation: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<import("../../../../store/mapStore/types").SetMapAnimationStopPayload, string>;
+    mapStartAnimation: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../../store/mapStore/types").SetMapAnimationStartPayload, string>;
+    mapStopAnimation: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../../store/mapStore/types").SetMapAnimationStopPayload, string>;
 }, PlayButtonConnectProps>;
 declare type Props = PlayButtonConnectProps & ConnectedProps<typeof connectRedux>;
-declare const PlayButtonConnect: import("react-redux").ConnectedComponent<({ mapId, animationStartTime, animationEndTime, isDisabled, timeStep, linkedMapAnimationInfo, mapStartAnimation, mapStopAnimation, }: Props) => JSX.Element, Omit<PlayButtonConnectProps & {
-    animationStartTime: string;
-    animationEndTime: string;
-    timeStep: number;
-    linkedMapAnimationInfo: {
-        isAnimating: boolean;
-        id: string;
-    };
-} & {
-    mapStartAnimation: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<import("../../../../store/mapStore/types").SetMapAnimationStartPayload, string>;
-    mapStopAnimation: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<import("../../../../store/mapStore/types").SetMapAnimationStopPayload, string>;
-}, "mapStartAnimation" | "mapStopAnimation" | "animationStartTime" | "animationEndTime" | "timeStep" | "linkedMapAnimationInfo"> & PlayButtonConnectProps & import("react-redux").ConnectProps>;
+declare const PlayButtonConnect: import("react-redux").ConnectedComponent<({ mapId, animationStartTime, animationEndTime, isDisabled, timeStep, linkedMapAnimationInfo, mapStartAnimation, mapStopAnimation, }: Props) => JSX.Element, {
+    mapId: string;
+    isDisabled?: boolean | undefined;
+    isAnimating?: boolean | undefined;
+    animationStartTime?: string | undefined;
+    animationEndTime?: string | undefined;
+    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;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+}>;
 export default PlayButtonConnect;

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

@@ -2,6 +2,8 @@ import * as React from 'react';
 interface TimeSliderButtonsProps {
     optionsMenuBtn?: React.ReactChild;
     playBtn?: React.ReactChild;
+    backwardBtn?: React.ReactChild;
+    forwardBtn?: React.ReactChild;
 }
 declare const TimeSliderButtons: React.FC<TimeSliderButtonsProps>;
 export default TimeSliderButtons;

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

@@ -0,0 +1,5 @@
+import { Moment } from 'moment';
+import * as React from 'react';
+export declare const TimeSliderClock: React.FC<{
+    time: Moment;
+}>;

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

@@ -0,0 +1,24 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DemoTimeSliderClockLight: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const DemoTimeSliderClockDark: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const TimeSliderClockConnect: React.FC<{
+    mapId: string;
+}>;

package/lib/components/TimeSlider/TimeSliderClock/TimeSliderClockConnect.spec.d.ts

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

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

@@ -19,5 +19,16 @@ interface TimeSliderConnectProps {
  * @example
  * ``` <TimeSliderConnect sourceId="timeslider-1" mapId={mapId} />```
  */
-declare const TimeSliderConnect: import("react-redux").ConnectedComponent<React.FC<TimeSliderConnectProps>, Omit<TimeSliderConnectProps, "toggleTimeSliderHover" | "toggleTimeSliderIsVisible" | "isTimeSliderHoverOn" | "activeWindowId" | "isTimeSliderVisible"> & TimeSliderConnectProps & import("react-redux").ConnectProps>;
+declare const TimeSliderConnect: import("react-redux").ConnectedComponent<React.FC<TimeSliderConnectProps>, {
+    sourceId: string;
+    mapId: string;
+    isAlwaysVisible?: boolean | undefined;
+    isTimeSliderHoverOn?: boolean | undefined;
+    isTimeSliderVisible?: boolean | undefined;
+    toggleTimeSliderHover?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../store/mapStore/types").ToggleTimeSliderHoverPayload, string> | undefined;
+    toggleTimeSliderIsVisible?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../store/mapStore/types").ToggleTimeSliderIsVisiblePayload, string> | undefined;
+    activeWindowId?: 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 TimeSliderConnect;

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

@@ -19,5 +19,5 @@ export interface TimeSliderLegendProps {
     onZoom?: (newSecondsPerPx: number, newCenterTime: number) => void;
 }
 declare const TimeSliderLegend: React.FC<TimeSliderLegendProps>;
-export declare const TIME_SLIDER_LEGEND_HEIGHT = 50;
+export declare const TIME_SLIDER_LEGEND_HEIGHT = 24;
 export default TimeSliderLegend;

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

@@ -18,12 +18,31 @@ interface TimeSliderLegendConnectProps {
     activeWindowId?: string;
     stopMapAnimation?: typeof mapActions.mapStopAnimation;
     setTime?: typeof genericActions.setTime;
-    syncGroupAddSource?: typeof genericActions.syncGroupAddSource;
-    syncGroupRemoveSource?: typeof genericActions.syncGroupRemoveSource;
     mapSetTimeSliderCenterTime?: typeof mapActions.setTimeSliderCenterTime;
     mapSetTimeSliderSecondsPerPx?: typeof mapActions.setTimeSliderSecondsPerPx;
 }
-declare const _default: import("react-redux").ConnectedComponent<React.FC<TimeSliderLegendConnectProps>, Omit<TimeSliderLegendConnectProps, "syncGroupAddSource" | "syncGroupRemoveSource" | "layers" | "dimensions" | "scale" | "centerTime" | "secondsPerPx" | "dataScaleToSecondsPerPx" | "isAnimating" | "timeStep" | "isTimeSliderHoverOn" | "animationStartTime" | "animationEndTime" | "activeWindowId" | "stopMapAnimation" | "setTime" | "mapSetTimeSliderCenterTime" | "mapSetTimeSliderSecondsPerPx"> & TimeSliderLegendConnectProps & import("react-redux").ConnectProps>;
+declare const _default: import("react-redux").ConnectedComponent<React.FC<TimeSliderLegendConnectProps>, {
+    sourceId?: string | undefined;
+    mapId: string;
+    dimensions?: Dimension[] | undefined;
+    scale?: Scale | undefined;
+    centerTime?: number | undefined;
+    secondsPerPx?: number | undefined;
+    dataScaleToSecondsPerPx?: number | undefined;
+    layers?: Layer[] | undefined;
+    isAnimating?: boolean | undefined;
+    timeStep?: number | undefined;
+    isTimeSliderHoverOn?: boolean | undefined;
+    animationStartTime?: string | undefined;
+    animationEndTime?: string | undefined;
+    activeWindowId?: 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;
+    mapSetTimeSliderSecondsPerPx?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetTimeSliderSecondsPerPxPayload, string> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+}>;
 /**
  * TimeSliderLegend component connected to the store displaying a legend of the time slider
  *

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

@@ -2,4 +2,4 @@ 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) => void;
+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/TimeSliderRailConnect.d.ts

@@ -19,9 +19,28 @@ interface TimeSliderRailConnectComponentProps {
     setAnimationEndTime?: typeof mapActions.setAnimationEndTime;
     stopMapAnimation?: typeof mapActions.mapStopAnimation;
     setTime?: typeof genericActions.setTime;
-    syncGroupAddSource?: typeof genericActions.syncGroupAddSource;
-    syncGroupRemoveSource?: typeof genericActions.syncGroupRemoveSource;
     mapSetTimeSliderCenterTime?: typeof mapActions.setTimeSliderCenterTime;
 }
-declare const TimeSliderRailConnect: import("react-redux").ConnectedComponent<React.FC<TimeSliderRailConnectComponentProps>, Omit<TimeSliderRailConnectComponentProps, "setAnimationStartTime" | "setAnimationEndTime" | "syncGroupAddSource" | "syncGroupRemoveSource" | "layers" | "dimensions" | "timeStep" | "animationStartTime" | "animationEndTime" | "isAnimating" | "centerTime" | "secondsPerPx" | "isTimeSliderHoverOn" | "scale" | "activeWindowId" | "stopMapAnimation" | "setTime" | "mapSetTimeSliderCenterTime"> & TimeSliderRailConnectComponentProps & import("react-redux").ConnectProps>;
+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 +1,3 @@
 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, animationEnd?: number, dataStartTime?: number, dataEndTime?: number, currentTime?: number) => void;
+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;

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

@@ -18,6 +18,7 @@ export interface TimeBounds {
  */
 export declare const getSpeedDelay: (speedFactor: SpeedFactorType) => number;
 export declare const getSpeedFactor: (speedDelay: number) => SpeedFactorType;
+export declare const getSelectedTime: (timeDimension?: Dimension | undefined) => number;
 /**
  * Returns time bounds from the given dimension. If no time dimension given, current time is returned as default
  */
@@ -36,11 +37,13 @@ export declare const timestampToPixelEdges: (timestamp: number, start: number, e
 export declare const timestampToPixel: (timestamp: number, centerTime: number, widthPx: number, secondsPerPx: number) => number;
 export declare const pixelToTimestamp: (timePx: number, centerTime: number, widthPx: number, secondsPerPx: number) => number;
 export declare const onsetNewDateDebounced: (dateToSet: string, onSetNewDate: (newDate: string) => void) => void;
-export declare const roundWithTimeStep: (unixTime: number, timeStep: number, type?: string) => number;
+export declare const roundWithTimeStep: (unixTime: number, timeStep: number, type?: string | undefined) => number;
 export declare const setNewRoundedTime: (x: number, centerTime: number, width: number, secondsPerPx: number, timeStep: number, dataStartTime: number, dataEndTime: number, onSetNewDate: (newDate: string) => void) => void;
 export declare const getDataLimitsFromLayers: (layers: Layer[]) => Array<number>;
 export declare const getNextTimeStepvalue: (value: number, max: number) => number;
 export declare const getPreviousTimeStepvalue: (value: number, min: number) => number;
+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 getActiveLayerTimeStep: (timeDimension: Dimension) => number | null;

package/lib/components/WMSLoader/WMSLayerTree/WMSLayerTreeConnect.d.ts

@@ -11,5 +11,15 @@ export interface WMSLayerTreeConnectProps {
     loadedLayers?: Layer[];
     layerType?: LayerType;
 }
-declare const WMSLayerTreeConnect: import("react-redux").ConnectedComponent<React.FC<WMSLayerTreeConnectProps>, Omit<WMSLayerTreeConnectProps, "addLayer" | "setBaseLayers" | "addAvailableBaseLayer" | "loadedLayers"> & WMSLayerTreeConnectProps & import("react-redux").ConnectProps>;
+declare const WMSLayerTreeConnect: import("react-redux").ConnectedComponent<React.FC<WMSLayerTreeConnectProps>, {
+    service: Service;
+    mapId: string;
+    layerType?: LayerType | undefined;
+    addLayer?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").AddLayerPayload, string> | undefined;
+    setBaseLayers?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetBaseLayersPayload, string> | undefined;
+    addAvailableBaseLayer?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").AddAvailableBaseLayerPayload, string> | undefined;
+    loadedLayers?: Layer[] | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+}>;
 export default WMSLayerTreeConnect;