@opengeoweb/core 4.3.0 → 4.5.0

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.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface TimeSliderProps {
     buttons?: React.ReactChild;
-    rail?: React.ReactChild;
+    timeBox?: React.ReactChild;
     legend?: React.ReactChild;
     mapIsActive?: boolean;
     onToggleTimeSlider?: (isVisible: boolean) => 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/ControlButtons/ControlButtons.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const ControlButtons: React.FC<{
+    backwardBtn?: React.ReactChild;
+    forwardBtn?: React.ReactChild;
+    playBtn?: React.ReactChild;
+}>;

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

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

package/lib/components/TimeSlider/TimeSliderButtons/ControlButtons/ControlButtonsConnect.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/OptionsMenu.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+export declare const OptionsMenu: FC<{
+    nowBtn?: React.ReactChild;
+    timeScaleBtn?: React.ReactChild;
+    timeStepBtn?: React.ReactChild;
+    speedBtn?: React.ReactChild;
+    autoUpdateBtn?: React.ReactChild;
+}>;

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

@@ -1,10 +1,11 @@
-import * as React from 'react';
+import React, { FC } 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>;
+declare const OptionsMenuButton: 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/OptionsMenuButton/OptionsMenuConnect.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const OptionsMenuConnect: FC<{
+    sourceId: string;
+    mapId: string;
+}>;

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

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

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/TimeSliderButtons/TimeSliderMenu/TimeSliderMenu.d.ts

@@ -14,5 +14,6 @@ export interface TimeSliderMenuProps {
     isDisabled?: boolean;
     handleAutoClick?: () => void;
     isAutoSelected?: boolean;
+    onChangeMouseWheel?: (element: Mark) => void;
 }
-export declare const TimeSliderMenu: ({ marks, value, isOpenByDefault, handleMenuItemClick, isDisabled, handleAutoClick, isAutoSelected, title, icon, }: TimeSliderMenuProps) => JSX.Element;
+export declare const TimeSliderMenu: ({ marks, value, isOpenByDefault, handleMenuItemClick, isDisabled, handleAutoClick, isAutoSelected, title, icon, onChangeMouseWheel, }: TimeSliderMenuProps) => JSX.Element;

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

@@ -0,0 +1,12 @@
+import moment from 'moment';
+import { FC } from 'react';
+import type { PopperPlacement } from './TimeSliderClock';
+export declare const ClockContainer: FC<{
+    hideButton: boolean;
+    onButtonClick: () => void;
+    isPopperOpen: boolean;
+    fontSize: number;
+    time: moment.Moment;
+    setButtonElement: (anchorElement: HTMLDivElement | null) => void;
+    popperPlacement: PopperPlacement;
+}>;

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import type { PopperPlacement } from './TimeSliderClock';
+export declare const PopperMenu: FC<{
+    popperPlacement: PopperPlacement;
+    isPopperOpen: boolean;
+    buttonElement: HTMLDivElement | null;
+    options: JSX.Element | undefined;
+    controls: JSX.Element | undefined;
+}>;

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

@@ -0,0 +1,10 @@
+import { Moment } from 'moment';
+import { FC } from 'react';
+export declare type PopperPlacement = 'right' | 'left' | 'top' | 'bottom';
+export declare const TimeSliderClock: FC<{
+    time: Moment;
+    options?: JSX.Element;
+    controls?: JSX.Element;
+    hideButton?: boolean;
+    isPopperOpenByDefault?: boolean;
+}>;

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

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

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

@@ -0,0 +1,44 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DemoTimeSliderClockMenuLeftLight: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+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: {
+        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/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/{TimeSliderRail/TimeSliderRailRenderFunctions.d.ts → TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxRenderFunctions.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 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 = 50;
+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

@@ -18,12 +18,35 @@ 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;
+    setAnimationStartTime?: typeof mapActions.setAnimationStartTime;
+    setAnimationEndTime?: typeof mapActions.setAnimationEndTime;
 }
-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;
+    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;
+}>;
 /**
  * TimeSliderLegend component connected to the store displaying a legend of the time slider
  *

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';