@opengeoweb/core 4.20.0 → 4.22.0

package/package.json

@@ -1,51 +1,49 @@
 {
   "name": "@opengeoweb/core",
-  "version": "4.20.0",
+  "version": "4.22.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
-  "main": "./index.umd.js",
-  "module": "./index.esm.js",
-  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.js",
+  "type": "module",
+  "types": "./src/index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "react": "^18.2.0",
-    "@opengeoweb/shared": "4.20.0",
-    "@mui/material": "^5.12.0",
-    "@opengeoweb/theme": "4.20.0",
-    "@mui/system": "^5.12.0",
-    "@mui/x-date-pickers": "^6.2.1",
-    "react-draggable": "^4.4.5",
-    "re-resizable": "^6.9.0",
-    "@redux-eggs/core": "^2.2.0",
-    "react-redux": "^8.0.4",
-    "lodash": "^4.17.20",
-    "axios": "^0.25.0",
-    "date-fns": "^2.29.3",
-    "moment": "^2.29.0",
-    "@opengeoweb/webmap": "4.20.0",
-    "throttle-debounce": "^3.0.1",
-    "proj4": "^2.6.2",
-    "@opengeoweb/api": "4.20.0",
-    "react-intl": "^5.17.5",
-    "react-sortablejs": "^6.1.4",
-    "sortablejs": "^1.15.0",
-    "immer": "^9.0.15",
-    "@reduxjs/toolkit": "^1.8.3",
-    "react-window": "^1.8.7",
-    "@opengeoweb/form-fields": "4.20.0",
-    "react-hook-form": "^7.41.5",
-    "moment-timezone": "^0.5.31",
-    "react-resize-detector": "^9.1.0",
-    "lodash.clonedeep": "^4.5.0",
-    "@turf/turf": "^6.5.0",
-    "react-router-dom": "^6.4.2",
-    "redux-saga": "^1.2.1",
-    "@redux-eggs/redux-toolkit": "^2.2.0",
-    "@redux-eggs/saga-extension": "^2.2.0",
-    "dompurify": "^3.0.3"
+    "@mui/material": "5.12.0",
+    "@mui/system": "5.12.0",
+    "@opengeoweb/api": "4.22.0",
+    "@opengeoweb/form-fields": "4.22.0",
+    "@opengeoweb/shared": "4.22.0",
+    "@opengeoweb/theme": "4.22.0",
+    "@opengeoweb/webmap": "4.22.0",
+    "@redux-eggs/core": "2.2.0",
+    "@redux-eggs/redux-toolkit": "2.2.0",
+    "@redux-eggs/saga-extension": "2.2.0",
+    "@reduxjs/toolkit": "1.8.3",
+    "@turf/turf": "6.5.0",
+    "axios": "0.25.0",
+    "dompurify": "3.0.3",
+    "immer": "9.0.15",
+    "lodash": "4.17.21",
+    "lodash.clonedeep": "4.5.0",
+    "moment": "2.29.1",
+    "proj4": "2.9.0",
+    "re-resizable": "6.9.0",
+    "react": "18.2.0",
+    "react-draggable": "4.4.5",
+    "react-hook-form": "7.41.5",
+    "react-intl": "5.17.5",
+    "react-redux": "8.0.4",
+    "react-resize-detector": "9.1.0",
+    "react-router-dom": "6.4.2",
+    "react-sortablejs": "6.1.4",
+    "react-window": "1.8.7",
+    "redux-saga": "1.2.1",
+    "sortablejs": "1.15.0",
+    "throttle-debounce": "5.0.0"
   }
 }

package/{lib → src/lib}/components/LanguageSelect/Languages.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/{lib → src/lib}/components/LayerManager/LayerManager.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { HeaderSize } from '@opengeoweb/shared';
 import { Layer } from '../../store/mapStore/types';
 import { Source } from '../../store/ui/types';
 import { Service } from '../WMSLoader/services';
@@ -29,6 +30,7 @@ interface LayerManagerProps {
     startPosition?: Position;
     setFocused?: (focused: boolean) => void;
     settings?: LayerManagerCustomSettings;
+    headerSize?: HeaderSize;
 }
 export declare const calculateStartSize: (minSize: Size, prefSize: Size, startPosition: Position) => Size;
 declare const LayerManager: React.FC<LayerManagerProps>;

package/{lib/components/ReactMapView/AdagucMapDraw.d.ts → src/lib/components/MapDraw/MapDraw.d.ts}

@@ -25,7 +25,7 @@ declare type DrawStyle = {
     y: number;
     nr: number;
 };
-declare type AdagucInputEvent = {
+declare type InputEvent = {
     leftButton: boolean;
     mouseDown: boolean;
     mouseX: number;
@@ -40,7 +40,7 @@ export interface FeatureEvent {
     isInEditMode: boolean;
     feature: GeoJsonFeature;
 }
-export interface AdagucMapDrawProps {
+export interface MapDrawProps {
     webmapjs: WMJSMap;
     geojson: GeoJSON.FeatureCollection;
     drawMode: string;
@@ -75,7 +75,7 @@ declare enum EDGE {
 declare enum SNAPPEDFEATURE {
     NONE = "NONE"
 }
-export default class AdagucMapDraw extends React.PureComponent<AdagucMapDrawProps> {
+export default class MapDraw extends React.PureComponent<MapDrawProps> {
     myEditMode: EDITMODE;
     myDrawMode: DRAWMODE;
     textPositions: {
@@ -118,9 +118,9 @@ export default class AdagucMapDraw extends React.PureComponent<AdagucMapDrawProp
         featureNrToEdit: number;
     };
     featureEvent: FeatureEvent;
-    constructor(props: AdagucMapDrawProps);
+    constructor(props: MapDrawProps);
     componentDidMount(): void;
-    componentDidUpdate(prevProps: AdagucMapDrawProps): void;
+    componentDidUpdate(prevProps: MapDrawProps): void;
     componentWillUnmount(): void;
     getPixelCoordFromGeoCoord(featureCoords: Position[]): Coordinate[];
     handleGeoJSONUpdate: (newGeoJSON: GeoJSON.FeatureCollection) => void;
@@ -129,23 +129,23 @@ export default class AdagucMapDraw extends React.PureComponent<AdagucMapDrawProp
     transposeVertex(featureCoords: Position[]): void;
     moveVertex(feature: GeoJsonFeature, mouseDown: boolean): boolean;
     hoverVertex(feature: GeoJsonFeature, mouseX: number, mouseY: number): void;
-    adagucMouseMove(event: AdagucInputEvent): boolean;
-    triggerMouseDownTimer(event: AdagucInputEvent): void | boolean;
-    adagucMouseDoubleClick(): boolean;
-    insertVertexInEdge(event: AdagucInputEvent): boolean;
-    createNewFeature(event: AdagucInputEvent): void;
-    addPointToMultiPointFeature(event: AdagucInputEvent): boolean;
-    addVerticesToPolygonFeature(event: AdagucInputEvent): boolean;
-    addPointToLineStringFeature(event: AdagucInputEvent): boolean;
-    adagucMouseDown(event: AdagucInputEvent): void | boolean;
+    mouseMove(event: InputEvent): boolean;
+    triggerMouseDownTimer(event: InputEvent): void | boolean;
+    mouseDoubleClick(): boolean;
+    insertVertexInEdge(event: InputEvent): boolean;
+    createNewFeature(event: InputEvent): void;
+    addPointToMultiPointFeature(event: InputEvent): boolean;
+    addVerticesToPolygonFeature(event: InputEvent): boolean;
+    addPointToLineStringFeature(event: InputEvent): boolean;
+    mouseDown(event: InputEvent): void | boolean;
     deletePolygon(index: number | SNAPPEDFEATURE): void;
     deleteFeature(): void;
-    adagucMouseUp(event: AdagucInputEvent): void | boolean;
+    mouseUp(event: InputEvent): void | boolean;
     cancelEdit(cancelLastPoint: boolean): void;
     handleKeyDown(event: KeyboardEvent): void;
     validateFeature(feature: GeoJsonFeature): void;
     validatePolys(fixPolys: boolean): void;
-    adagucBeforeDraw(ctx: CanvasRenderingContext2D): void;
+    beforeDraw(ctx: CanvasRenderingContext2D): void;
     distance(a: Coordinate, b: Coordinate): number;
     isBetween(a: Coordinate, c: Coordinate, b: Coordinate): boolean;
     checkDist(coord: Coordinate, polygonIndex: SNAPPEDFEATURE | number, mouseX: number, mouseY: number): boolean;

package/{lib/components/ReactMapView/AdagucMapDrawContainer.d.ts → src/lib/components/MapDraw/MapDrawContainer.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { GeometryObject } from 'geojson';
 import { WMJSMap } from '@opengeoweb/webmap';
-import { FeatureEvent } from './AdagucMapDraw';
+import { FeatureEvent } from './MapDraw';
 export declare type FeatureLayer = {
     id: string;
     type: string;
@@ -16,9 +16,9 @@ export declare type FeatureLayer = {
     exitDrawModeCallback?: () => void;
     featureNrToEdit?: string;
 };
-interface AdagucMapDrawContainerProps {
+interface MapDrawContainerProps {
     featureLayers: FeatureLayer[];
     webMapJS: WMJSMap;
 }
-declare const AdagucMapDrawContainer: React.FC<AdagucMapDrawContainerProps>;
-export default AdagucMapDrawContainer;
+declare const MapDrawContainer: React.FC<MapDrawContainerProps>;
+export default MapDrawContainer;

package/src/lib/components/MapDraw/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MapDraw';
+export { default as MapDrawContainer } from './MapDrawContainer';
+export * from './mapDrawTools';

package/{lib/components/ReactMapView/AdagucMapDrawTools.d.ts → src/lib/components/MapDraw/mapDrawTools.d.ts}

@@ -1,5 +1,5 @@
 import { Position } from 'geojson';
-import type { Coordinate, GeoJsonFeature } from './AdagucMapDraw';
+import type { Coordinate, GeoJsonFeature } from './MapDraw';
 export declare type CheckHoverFeaturesResult = {
     coordinateIndexInFeature: number;
     featureIndex: number;
@@ -7,7 +7,7 @@ export declare type CheckHoverFeaturesResult = {
 } | 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 | undefined) => CheckHoverFeaturesResult;
-export interface AdagucMapDrawDrawFunctionArgs {
+export interface MapDrawDrawFunctionArgs {
     context: CanvasRenderingContext2D;
     featureIndex: number;
     coord: Coordinate;
@@ -20,7 +20,7 @@ export interface AdagucMapDrawDrawFunctionArgs {
 }
 declare type DrawFunction = {
     id: string;
-    drawMethod: (args: AdagucMapDrawDrawFunctionArgs) => void;
+    drawMethod: (args: MapDrawDrawFunctionArgs) => void;
 };
 export declare const getDrawFunctionFromStore: (id: string) => DrawFunction['drawMethod'] | undefined;
 export declare const registerDrawFunction: (drawFunction?: DrawFunction['drawMethod']) => string;

package/{lib → src/lib}/components/MapView/MapViewLayer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FeatureEvent } from '../ReactMapView/AdagucMapDraw';
+import { FeatureEvent } from '../MapDraw';
 interface MapViewLayerProps {
     id: string;
     onLayerReady?: (layer: any, webmap?: any) => void;

package/{lib → src/lib}/components/ReactMapView/ReactMapView.d.ts

@@ -23,7 +23,7 @@ declare class ReactMapView extends React.Component<ReactMapViewProps, ReactMapVi
     featureLayerUpdateTimer: undefined;
     adagucContainerRef: any;
     adagucWebMapJSRef: any;
-    refetchTimer: NodeJS.Timeout;
+    refetchTimer: NodeJS.Timeout | number | null;
     static defaultProps: {
         srs: string;
         bbox: {

package/{lib → src/lib}/components/ReactMapView/utils.d.ts

@@ -1,6 +1,6 @@
 import { WMLayer } from '@opengeoweb/webmap';
 import { Layer } from '../../store/mapStore/types';
-import { FeatureLayer } from './AdagucMapDrawContainer';
+import { FeatureLayer } from '../MapDraw/MapDrawContainer';
 /**
  * Returns filtered list of props with geoJson
  * @param children React.ReactNode, layers with geoJson

package/{lib → src/lib}/components/TimeSlider/TimeSliderButtons/AutoUpdateButton/AutoUpdateButtonConnect.d.ts

@@ -5,7 +5,7 @@ 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, {
+declare const AutoUpdateButtonConnect: import("react-redux").ConnectedComponent<import("react-redux").ConnectedComponent<({ mapId, isAutoUpdating, toggleAutoUpdate, }: ConnectedAutoUpdateButtonProps) => React.JSX.Element, {
     mapId: string;
     isAutoUpdating?: boolean | undefined;
     toggleAutoUpdate?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../../store/mapStore/types").ToggleAutoUpdatePayload, string> | undefined;

package/{lib → src/lib}/components/TimeSlider/TimeSliderButtons/OptionsMenuButton/OptionsMenuButton.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/{lib → src/lib}/components/TimeSlider/TimeSliderButtons/PlayButton/PlayButtonConnect.d.ts

@@ -1,7 +1,6 @@
 import { ConnectedProps } from 'react-redux';
 import React from 'react';
 import { mapActions } from '../../../../store';
-export declare const animationIntervalDefault = 5;
 export interface PlayButtonConnectProps {
     mapId: string;
     isAnimating?: boolean;
@@ -29,7 +28,7 @@ declare const connectRedux: import("react-redux").InferableComponentEnhancerWith
     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, {
+declare const PlayButtonConnect: import("react-redux").ConnectedComponent<({ mapId, animationStartTime, animationEndTime, isDisabled, timeStep, linkedMapAnimationInfo, mapStartAnimation, mapStopAnimation, }: Props) => React.JSX.Element, {
     mapId: string;
     isDisabled?: boolean | undefined;
     isAnimating?: boolean | undefined;

package/{lib → src/lib}/components/TimeSlider/TimeSliderButtons/TimeSliderMenu/TimeSliderMenu.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/{lib → src/lib}/components/TimeSlider/TimeSliderButtons/TimeStepButton/TimeStepButton.d.ts

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { Dimension, MapActionOrigin } from '../../../../store/mapStore/types';
+import { MapActionOrigin } from '../../../../store/mapStore/types';
 export declare const timeStepTitle = "Time step";
 export interface TimeStepButtonProps {
     timeStep?: number;
     disabled?: boolean;
     isTimestepAuto: boolean;
-    timeDimension?: Dimension;
     onChangeTimeStep: (scale: number, origin?: MapActionOrigin) => void;
     onToggleTimestepAuto?: () => void;
     isOpenByDefault?: boolean;

package/{lib → src/lib}/components/TimeSlider/TimeSliderButtons/TimeStepButton/TimeStepButton.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/{lib → src/lib}/components/TimeSlider/TimeSliderClock/TimeSliderClock.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/{lib → src/lib}/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBox.d.ts

@@ -10,7 +10,7 @@ export interface TimeSliderCurrentTimeBoxProps {
     timeStep?: number;
     unfilteredSelectedTime: number;
     isAutoUpdating?: boolean;
-    setUnfilteredSelectedTime: (unfliteredSelectedTime: number) => void;
+    setUnfilteredSelectedTime: (unfilteredSelectedTime: number) => void;
     onSetNewDate?: (newDate: string) => void;
 }
 declare const TimeSliderCurrentTimeBox: React.FC<TimeSliderCurrentTimeBoxProps>;

package/{lib → src/lib}/components/TimeSlider/TimeSliderLegend/TimeSliderLegend.d.ts

@@ -17,7 +17,7 @@ export interface TimeSliderLegendProps {
     isTimeSliderHoverOn?: boolean;
     timeStep?: number;
     unfilteredSelectedTime?: number;
-    setUnfilteredSelectedTime: (unfliteredSelectedTime: number) => void;
+    setUnfilteredSelectedTime: (unfilteredSelectedTime: number) => void;
     onSetNewDate?: (newDate: string) => void;
     onSetCenterTime?: (newTime: number) => void;
     onZoom?: (newSecondsPerPx: number, newCenterTime: number) => void;

package/{lib → src/lib}/components/TimeSlider/timeSliderUtils.d.ts

@@ -5,7 +5,7 @@ import CanvasComponent from '../CanvasComponent/CanvasComponent';
 export declare const millisecondsInSecond = 1000;
 export declare const defaultAnimationDelayAtStart = 250;
 export declare const defaultDelay = 1000;
-export declare const defaultTimeStep = 5;
+export declare const defaultTimeStep = 60;
 export declare const speedFactors: SpeedFactorType[];
 export interface TimeBounds {
     selectedTime: number;
@@ -39,11 +39,14 @@ export declare const onsetNewDateDebounced: (dateToSet: string, onSetNewDate: (n
 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 setPreviousTimeStep: (timeStep: number, currentTime: number, dataStartTime: number, onSetNewDate: (newDate: string) => void) => void;
+export declare const setNextTimeStep: (timeStep: number, currentTime: number, dataEndTime: number, onSetNewDate: (newDate: string) => void) => void;
+/**
+ * updates unfiltered selected time and moves selected time a given distance
+ * in pixels. Unfiltered selected time can be outside data data limits, but
+ * selected time cannot.
+ */
+export declare const moveSelectedTimePx: (x: number, canvasWidth: number, centerTime: number, dataStartTime: number, dataEndTime: number, secondsPerPx: number, timeStep: number, unfilteredSelectedTime: number, setUnfilteredSelectedTime: (unfilteredSelectedTime: number) => void, onSetNewDate: (newDate: string) => void) => void;
 /**
  * This function calculates a suitable secondsPerpx value,
  * when a data scale is selected. secondsPerPx is different for every data set

package/{lib → src/lib}/components/TimeSliderLite/TimeSliderLite.d.ts

@@ -3,6 +3,7 @@ import { SxProps } from '@mui/material';
 import { TimeSliderLiteCustomSettings } from './timeSliderLiteUtils';
 export interface TimeSliderLiteProps {
     controlButtons?: ReactNode;
+    currentTime?: number;
     endTime: number;
     height?: number;
     hideButton?: ReactNode;
@@ -18,7 +19,6 @@ export interface TimeSliderLiteProps {
     selectedTime: number;
     setSelectedTime: (time: number) => void;
     settings?: TimeSliderLiteCustomSettings;
-    backgroundHoursOffset?: number;
     needleWidth?: number;
     needleDragAreaWidth?: number;
     needleLabelZIndex?: number;
@@ -31,5 +31,6 @@ export interface TimeSliderLiteProps {
 export declare const TIME_SLIDER_LITE_DEFAULT_HEIGHT = 40;
 export declare const TIME_SLIDER_LITE_DEFAULT_LOCALE = "en";
 export declare const TIME_SLIDER_LITE_DEFAULT_TIME_STEP = 5;
+export declare const TIME_SLIDER_LITE_TOOLTIP_DELAY = 3000;
 declare const TimeSliderLite: React.FC<TimeSliderLiteProps>;
 export default TimeSliderLite;

package/{lib → src/lib}/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackground.d.ts

@@ -3,6 +3,7 @@ interface TimeSliderLiteBackgroundProps {
     height: number;
     draggableTimeStamp?: boolean;
     startTime: number;
+    currentTime?: number;
     locale: string;
     needleWidth?: number;
     needleDragAreaWidth?: number;

package/src/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackground.stories.d.ts

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

package/{lib → src/lib}/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.d.ts

@@ -4,6 +4,8 @@ interface Props {
     height: number;
     startTime: number;
     endTime: number;
+    currentTime?: number;
+    timeStep?: number;
     style?: React.CSSProperties;
     locale: string;
 }

package/{lib → src/lib}/components/TimeSliderLite/TimeSliderLiteButtons/ControlButtonGroup/ControlButtonGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-interface ControlButtonGroupProps {
-    children?: React.ReactNode;
+import { ButtonGroupProps } from '@mui/material';
+interface ControlButtonGroupProps extends ButtonGroupProps {
     right?: boolean;
     left?: boolean;
 }

package/{lib → src/lib}/components/TimeSliderLite/TimeSliderLiteButtons/PlayButton/PlayButton.d.ts

@@ -5,6 +5,7 @@ export interface PlayButtonProps {
     isDisabled?: boolean;
     onTogglePlayButton: () => void;
     settings?: TimeSliderLiteCustomSettings['playButton'];
+    tooltipDelay?: number;
 }
 declare const PlayButton: React.FC<PlayButtonProps>;
 export default PlayButton;

package/{lib → src/lib}/components/TimeSliderLite/TimeSliderLiteButtons/StepButton/StepButton.d.ts

@@ -5,6 +5,7 @@ export interface StepButtonProps {
     isDisabled?: boolean;
     onClick?: () => void;
     settings?: TimeSliderLiteCustomSettings['stepButton'];
+    tooltipDelay?: number;
 }
 declare const StepButton: React.FC<StepButtonProps>;
 export default StepButton;

package/{lib → src/lib}/components/TimeSliderLite/TimeSliderLiteConnect.d.ts

@@ -1,12 +1,20 @@
 import * as React from 'react';
+import { SxProps } from '@mui/material';
 import { TimeSliderLiteProps } from './TimeSliderLite';
 export declare const TIME_SLIDER_LITE_DEFAULT_TIME_RANGE: number;
 export interface TimeSliderConnectLiteProps extends Partial<TimeSliderLiteProps> {
-    observedRange?: number;
-    forecastRange?: number;
+    overrideUseTimeRange?: [
+        [
+            number,
+            number
+        ] | null,
+        (timeRange: [number, number] | null) => void
+    ];
     sourceId: string;
     mapId: string;
     isAlwaysVisible?: boolean;
+    menuSx?: SxProps;
+    subMenuSx?: SxProps;
 }
 declare const TimeSliderLiteConnect: React.FC<TimeSliderConnectLiteProps>;
 export default TimeSliderLiteConnect;

package/src/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/SubmenuWrapper.d.ts

@@ -0,0 +1,8 @@
+import { CardProps } from '@mui/material';
+import React from 'react';
+interface SubmenuWrapperProps extends CardProps {
+    closeButtonIcon?: React.ReactNode;
+    setSubmenu?: (value: string | null) => void;
+}
+declare const SubmenuWrapper: React.FC<SubmenuWrapperProps>;
+export default SubmenuWrapper;

package/src/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeRangeOptions/DayHourSelector.d.ts

@@ -0,0 +1,21 @@
+import { SelectProps, SxProps } from '@mui/material';
+import React from 'react';
+interface CustomSelectProps extends SelectProps {
+    amountOfOptions: number;
+    dropdownButtonIcon?: React.ElementType;
+    itemPostFix: string;
+    value: number;
+    setValue: (value: number) => void;
+}
+export declare const CustomSelect: React.FC<CustomSelectProps>;
+interface DayHourSelectorProps {
+    isDisabled?: boolean;
+    dropdownButtonIcon?: React.ElementType;
+    label: string;
+    maxHours?: number;
+    sx?: SxProps;
+    useDays: [number, (value: number) => void];
+    useHours: [number, (value: number) => void];
+}
+declare const DayHourSelector: React.FC<DayHourSelectorProps>;
+export default DayHourSelector;

package/src/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeRangeOptions/TimeRangeOptions.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface IProps {
+    currentTime: number;
+    useTimeRange?: [
+        [
+            number,
+            number
+        ] | null,
+        (timeRange: [number, number] | null) => void
+    ];
+    defaultTimeRange: [number, number];
+    dropdownButtonIcon?: React.ElementType;
+}
+declare const TimeRangeOptions: React.FC<IProps>;
+export default TimeRangeOptions;

package/src/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu.d.ts

@@ -0,0 +1,27 @@
+import { SxProps } from '@mui/material';
+import React from 'react';
+interface TimeSliderLiteOptionsMenuProps {
+    closeButtonIcon?: React.ReactNode;
+    currentTime?: number;
+    defaultTimeRange: [number, number];
+    dropdownButtonIcon?: React.ElementType;
+    menuOpen?: boolean;
+    setMenuOpen?: (menuOpen: boolean) => void;
+    submenuSx?: SxProps;
+    sx?: SxProps;
+    useTimeRange?: [
+        [
+            number,
+            number
+        ] | null,
+        (timeRange: [number, number] | null) => void
+    ];
+}
+export declare enum Submenu {
+    TIME_RANGE = "Time range",
+    TIME_STEP = "Time step",
+    SPEED = "Speed",
+    UPDATE_INTERVAL = "Update interval"
+}
+declare const TimeSliderLiteOptionsMenu: React.FC<TimeSliderLiteOptionsMenuProps>;
+export default TimeSliderLiteOptionsMenu;

package/{lib → src/lib}/components/TimeSliderLite/index.d.ts

@@ -1,3 +1,4 @@
-export { default as TimeSliderLiteConnect } from './TimeSliderLite';
+export { default as TimeSliderLiteOptionsMenu } from './TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu';
+export { default as TimeSliderLiteConnect } from './TimeSliderLiteConnect';
 export { default as TimeSliderLite } from './TimeSliderLite';
 export * from './timeSliderLiteUtils';