@opengeoweb/time-slider-lite 16.0.0 → 17.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/index.esm.js +468 -131
  2. package/package.json +8 -8
  3. package/src/index.d.ts +0 -3
  4. package/src/lib/components/TimeSliderLite/TimeSliderLite.d.ts +0 -43
  5. package/src/lib/components/TimeSliderLite/TimeSliderLite.spec.d.ts +0 -1
  6. package/src/lib/components/TimeSliderLite/TimeSliderLite.stories.d.ts +0 -8
  7. package/src/lib/components/TimeSliderLite/TimeSliderLiteConnect.d.ts +0 -40
  8. package/src/lib/components/TimeSliderLite/TimeSliderLiteConnect.spec.d.ts +0 -1
  9. package/src/lib/components/TimeSliderLite/TimeSliderLiteConnect.stories.d.ts +0 -6
  10. package/src/lib/components/TimeSliderLite/index.d.ts +0 -4
  11. package/src/lib/components/TimeSliderLite/timeSliderLiteUtils.d.ts +0 -131
  12. package/src/lib/components/TimeSliderLite/timeSliderLiteUtils.spec.d.ts +0 -1
  13. package/src/lib/components/TimeSliderLite/useOnToggleAnimation.d.ts +0 -3
  14. package/src/lib/components/TimeSliderLite/useOnToggleAnimation.spec.d.ts +0 -1
  15. package/src/lib/components/TimeSliderLiteBackground/TimeSliderDraggableNeedle.d.ts +0 -25
  16. package/src/lib/components/TimeSliderLiteBackground/TimeSliderDraggableNeedle.spec.d.ts +0 -1
  17. package/src/lib/components/TimeSliderLiteBackground/TimeSliderLiteBackground.d.ts +0 -24
  18. package/src/lib/components/TimeSliderLiteBackground/TimeSliderLiteBackground.stories.d.ts +0 -11
  19. package/src/lib/components/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.d.ts +0 -16
  20. package/src/lib/components/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.spec.d.ts +0 -1
  21. package/src/lib/components/TimeSliderLiteBackground/TimeSliderLiteClickableTimeline.d.ts +0 -14
  22. package/src/lib/components/TimeSliderLiteBackground/TimeSliderLiteClickableTimeline.spec.d.ts +0 -1
  23. package/src/lib/components/TimeSliderLiteBackground/TimeSliderZeroTimestamp.d.ts +0 -10
  24. package/src/lib/components/TimeSliderLiteButtons/ControlButtonGroup/ControlButtonGroup.d.ts +0 -8
  25. package/src/lib/components/TimeSliderLiteButtons/HideButton/HideButton.d.ts +0 -9
  26. package/src/lib/components/TimeSliderLiteButtons/MenuButton/MenuButton.d.ts +0 -9
  27. package/src/lib/components/TimeSliderLiteButtons/PlayButton/PlayButton.d.ts +0 -11
  28. package/src/lib/components/TimeSliderLiteButtons/StepButton/StepButton.d.ts +0 -11
  29. package/src/lib/components/TimeSliderLiteButtons/TimeSliderLiteButtonUtils.d.ts +0 -2
  30. package/src/lib/components/TimeSliderLiteOptionsMenu/AnimationSpeedOptions/AnimationSpeedOptions.d.ts +0 -13
  31. package/src/lib/components/TimeSliderLiteOptionsMenu/AnimationSpeedOptions/AnimationSpeedOptions.spec.d.ts +0 -1
  32. package/src/lib/components/TimeSliderLiteOptionsMenu/SubmenuSelectLabel.d.ts +0 -8
  33. package/src/lib/components/TimeSliderLiteOptionsMenu/SubmenuWrapper.d.ts +0 -8
  34. package/src/lib/components/TimeSliderLiteOptionsMenu/SubmenuWrapper.spec.d.ts +0 -1
  35. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeRangeOptions/DayHourSelector.d.ts +0 -21
  36. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeRangeOptions/DayHourSelector.spec.d.ts +0 -1
  37. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeRangeOptions/TimeRangeOptions.d.ts +0 -15
  38. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu.d.ts +0 -24
  39. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu.spec.d.ts +0 -1
  40. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeStepOptions/TimeStepOptions.d.ts +0 -15
  41. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeStepOptions/TimeStepOptions.spec.d.ts +0 -1
  42. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeStepOptions/TimeStepSelector.d.ts +0 -11
  43. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch.d.ts +0 -8
  44. package/src/lib/components/TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch.spec.d.ts +0 -1
  45. package/src/lib/components/TimeSliderLiteOptionsMenu/UpdateIntervalOptions/UpdateIntervalOptions.d.ts +0 -15
  46. package/src/lib/components/TimeSliderLiteOptionsMenu/UpdateIntervalOptions/UpdateIntervalOptions.spec.d.ts +0 -1
  47. package/src/lib/index.d.ts +0 -3
  48. package/src/lib/locales/i18n.d.ts +0 -24
  49. package/src/lib/locales/translations.spec.d.ts +0 -1
  50. package/src/lib/testUtils/Providers.d.ts +0 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengeoweb/time-slider-lite",
3
- "version": "16.0.0",
3
+ "version": "17.0.1",
4
4
  "description": "GeoWeb time-slider-lite library for the opengeoweb project",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -8,18 +8,18 @@
8
8
  "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
9
9
  },
10
10
  "dependencies": {
11
- "@opengeoweb/shared": "16.0.0",
12
- "@opengeoweb/store": "16.0.0",
13
- "@opengeoweb/theme": "16.0.0",
14
- "@opengeoweb/time-slider": "16.0.0",
15
- "@opengeoweb/webmap": "16.0.0",
11
+ "@opengeoweb/shared": "17.0.1",
12
+ "@opengeoweb/store": "17.0.1",
13
+ "@opengeoweb/theme": "17.0.1",
14
+ "@opengeoweb/time-slider": "17.0.1",
15
+ "@opengeoweb/webmap": "17.0.1",
16
16
  "@reduxjs/toolkit": "^2.6.1",
17
17
  "i18next": "^25.0.1",
18
18
  "react-draggable": "^4.4.6",
19
19
  "react-i18next": "^15.1.1",
20
20
  "react-redux": "^9.2.0",
21
21
  "@mui/material": "^7.0.1",
22
- "@opengeoweb/core": "16.0.0"
22
+ "@opengeoweb/core": "17.0.1"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": "18",
@@ -27,7 +27,7 @@
27
27
  "@emotion/styled": "*"
28
28
  },
29
29
  "devDependencies": {
30
- "eslint-plugin-storybook": "9.0.17"
30
+ "eslint-plugin-storybook": "10.3.3"
31
31
  },
32
32
  "module": "./index.esm.js",
33
33
  "type": "module",
package/src/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import timesliderliteTranslations from './lib/locales/translations.json';
2
- export * from './lib';
3
- export { timesliderliteTranslations };
@@ -1,43 +0,0 @@
1
- import type { SxProps } from '@mui/material';
2
- import type { ReactNode } from 'react';
3
- import React from 'react';
4
- import type { TimeSliderLiteCustomSettings } from './timeSliderLiteUtils';
5
- import type { TimeZone } from '../TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch';
6
- export interface TimeSliderLiteProps {
7
- controlButtons?: ReactNode;
8
- currentTime?: number;
9
- endTime: number;
10
- height?: number;
11
- hideButton?: ReactNode;
12
- hideMenuButton?: boolean;
13
- hideStepButtons?: boolean;
14
- hidePlayButton?: boolean;
15
- isAnimating?: boolean;
16
- isVisible?: boolean;
17
- mapId: string;
18
- menuOpen?: boolean;
19
- mouseHoverNeedleOpacity?: number;
20
- overrideAnimation?: boolean;
21
- onToggleAnimation?: () => void;
22
- onToggleMenu: () => void;
23
- onToggleTimeSlider: () => void;
24
- selectedTime: number;
25
- setSelectedTime: (time: number) => void;
26
- settings?: TimeSliderLiteCustomSettings;
27
- needleWidth?: number;
28
- needleDragAreaWidth?: number;
29
- needleLabelZIndex?: number;
30
- needleLabelOffset?: [number, number];
31
- draggableTimeStamp?: boolean;
32
- startTime: number;
33
- sx?: SxProps;
34
- timeStep?: [number, number];
35
- timeZone?: TimeZone;
36
- animationSpeed?: number;
37
- needleDisabled?: boolean;
38
- }
39
- export declare const TIME_SLIDER_LITE_DEFAULT_HEIGHT = 40;
40
- export declare const TIME_SLIDER_LITE_DEFAULT_TIME_STEP = 5;
41
- export declare const TIME_SLIDER_LITE_TOOLTIP_DELAY = 3000;
42
- declare const TimeSliderLite: React.FC<TimeSliderLiteProps>;
43
- export default TimeSliderLite;
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react-webpack5';
2
- import TimeSliderLite from './TimeSliderLite';
3
- declare const meta: Meta<typeof TimeSliderLite>;
4
- export default meta;
5
- type Story = StoryObj<typeof TimeSliderLite>;
6
- export declare const Component: Story;
7
- export declare const ComponentDark: Story;
8
- export declare const DemoTimeSliderLite: Story;
@@ -1,40 +0,0 @@
1
- import React from 'react';
2
- import type { TimeSliderLiteProps } from './TimeSliderLite';
3
- import type { TimeSliderLiteHandleUpdateOptions } from './timeSliderLiteUtils';
4
- import type { TimeSliderLiteOptionsMenuProps } from '../TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu';
5
- import type { TimeZone, TimeZoneSwitchProps } from '../TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch';
6
- export declare const TIME_SLIDER_LITE_DEFAULT_TIME_RANGE: number;
7
- export interface TimeSliderLiteConnectProps extends Partial<TimeSliderLiteProps> {
8
- overrideUseTimeRange?: [
9
- [
10
- number,
11
- number
12
- ] | null,
13
- (timeRange: [number, number] | null) => void
14
- ];
15
- overrideUseTimeStep?: [
16
- [
17
- number,
18
- number
19
- ] | null,
20
- (timeStep: [number, number] | null) => void
21
- ];
22
- overrideUseTimeZone?: [TimeZone, (timeZone: TimeZone) => void];
23
- overrideUseUpdateInterval?: [
24
- number | null,
25
- (updateInterval: number | null) => void
26
- ];
27
- overrideHandleAutoUpdate?: (options: TimeSliderLiteHandleUpdateOptions) => void;
28
- /**
29
- * Function to customize selected time rounding
30
- * Default behaviour: Only cast to ISO string
31
- */
32
- preTimeDimensionSelect?: (mapId: string, selectedTime: number) => string;
33
- sourceId: string;
34
- mapId: string;
35
- isAlwaysVisible?: boolean;
36
- TimeZoneSwitch?: React.FC<TimeZoneSwitchProps>;
37
- TimeSliderLiteOptionsMenuProps?: Partial<Omit<TimeSliderLiteOptionsMenuProps, 'useTimeRange' | 'useTimeStep' | 'useAnimationSpeed' | 'useTimeZone' | 'currentTime'>>;
38
- }
39
- declare const TimeSliderLiteConnect: React.FC<TimeSliderLiteConnectProps>;
40
- export default TimeSliderLiteConnect;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react-webpack5';
2
- import TimeSliderLiteConnect from './TimeSliderLiteConnect';
3
- declare const meta: Meta<typeof TimeSliderLiteConnect>;
4
- type Story = StoryObj<typeof TimeSliderLiteConnect>;
5
- export default meta;
6
- export declare const DemoTimeSliderLiteConnect: Story;
@@ -1,4 +0,0 @@
1
- export { default as TimeSliderLiteOptionsMenu } from '../TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu';
2
- export { default as TimeSliderLiteConnect } from './TimeSliderLiteConnect';
3
- export { default as TimeSliderLite } from './TimeSliderLite';
4
- export * as TimeSliderLiteUtils from './timeSliderLiteUtils';
@@ -1,131 +0,0 @@
1
- import type { ElementType, ReactNode } from 'react';
2
- import type { layerTypes } from '@opengeoweb/store';
3
- import type { TimeZoneSwitchProps } from '../TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch';
4
- export declare const DAY_TO_MILLISECOND: number;
5
- export declare const DAY_TO_SECOND = 86400;
6
- export declare const HOUR_TO_SECOND = 3600;
7
- export declare const HOUR_TO_MINUTE = 60;
8
- export declare const MILLISECOND_TO_DAY: number;
9
- export declare const MILLISECOND_TO_SECOND: number;
10
- export declare const MILLISECOND_TO_MINUTE: number;
11
- export declare const MINUTE_TO_SECOND = 60;
12
- export declare const MINUTE_TO_MILLISECOND = 60000;
13
- export declare const SECOND_TO_DAY: number;
14
- export declare const SECOND_TO_HOUR: number;
15
- export declare const SECOND_TO_MILLISECOND = 1000;
16
- export declare const SEVEN_DAYS_IN_SECONDS: number;
17
- export interface TimeSliderLiteHandleUpdateOptions {
18
- currentTime: number;
19
- setCurrentTime: (newCurrentTime: number) => void;
20
- timeRange: [number, number] | null;
21
- setTimeRange: (timeRange: [number, number]) => void;
22
- }
23
- /**
24
- * Default behaviour for time slider lite to update
25
- * - Update current time
26
- * - Update time range
27
- *
28
- * Layers are updated using the native auto update functionality implemented in ReactMapView.tsx
29
- *
30
- * @param mapId
31
- * @param options
32
- */
33
- export declare const defaultTimeSliderLiteUpdate: (options: TimeSliderLiteHandleUpdateOptions) => void;
34
- /**
35
- * Connected hook for updating time range and current time every 10 seconds
36
- * @param updateInterval Update interval in minutes
37
- * @param timeRange [startTime, endTime] in seconds
38
- * @param setTimeRange Sets the time range
39
- * @param options Options
40
- */
41
- export declare const useAutoUpdate: (timeRange: [number, number] | null, setTimeRange: (timeRange: [number, number]) => void, options?: {
42
- defaultUpdateInterval?: number;
43
- handleUpdate?: (options: TimeSliderLiteHandleUpdateOptions) => void;
44
- }) => {
45
- currentTime: number;
46
- };
47
- /**
48
- * Reformats a date that has capitalized first letter and colon separator for time
49
- * @param dateString Date string from Date.toLocaleDateString
50
- * @returns Reformatted date string
51
- */
52
- export declare const reformatFinnishDateString: (dateString: string) => string;
53
- /**
54
- * Marks UTC time with Z after hh:mm or hh.mm or appends UTC to the end of the date string
55
- * If two matches of time are found, the second one is marked
56
- */
57
- export declare const shortUTCTime: (dateString: string) => string;
58
- export declare const getMonthChanges: (startDate: Date, endDate: Date) => number[];
59
- export declare const isWithinRange: (time: number, target: number, range: number) => boolean;
60
- export declare const getSelectedTimePx: (startTime: number, endTime: number, selectedTime: number, width: number) => number;
61
- export declare const boundedValue: (value: number, bounds: [number, number]) => number;
62
- export declare const getSelectedTimeFromPx: (startTime: number, endTime: number, selectedTimePx: number, width: number) => number;
63
- export declare const getNearestSelectableTime: (timeStep: [number, number], startTime: number, endTime: number, x: number, width: number, currentTime: number, disableForecast?: boolean, timeZoneOffsetSeconds?: number) => number;
64
- export declare const floorLocalMinutes: (selectedTimeMinutes: number, timeStepMinutes: number, timeZoneOffsetMinutes?: number) => number;
65
- export declare const floorLocalSeconds: (selectedTimeSeconds: number, timeStepSeconds: number, timeZoneOffsetSeconds?: number) => number;
66
- export declare const secondsToDaysAndHours: (seconds: number) => {
67
- days: number;
68
- hours: number;
69
- };
70
- export declare const hoursAndDaysToSeconds: (hours: number, days: number) => number;
71
- export declare const TIME_SLIDER_LITE_DEFAULT_MAX_FORECAST_RANGE: number;
72
- export declare const TIME_SLIDER_LITE_DEFAULT_MAX_OBSERVED_RANGE: number;
73
- /**
74
- * Checks which layers have observed/forecasted data and returns a default time range
75
- * @param layers layerTypes.ReduxLayer[] Map layers
76
- * @param currentTime Current time in seconds
77
- * @param overrideDefaultTimeRange [observedTimeRange, forecastTime] in seconds from current time
78
- * @returns [startTime, endTime] in seconds
79
- */
80
- export declare const defaultTimeRange: (layers: layerTypes.ReduxLayer[], currentTime?: number, overrideDefaultTimeRange?: [number, number]) => [number, number];
81
- export declare const useDefaultTimeRange: (layers: layerTypes.ReduxLayer[], updateThreshold: number, currentTime?: number) => [number, number];
82
- interface TimeList {
83
- name: string;
84
- value: string;
85
- }
86
- export declare const generateCustomTimeList: (currentTime: number, startTime: number, endTime: number, timeStep: [number, number], timeZoneOffsetSeconds?: number) => TimeList[];
87
- export declare const subTicksPerDay: (dayWidthInPixels: number) => number;
88
- export declare const maxSubTicksPerDay: (dayWidthInPixels: number, timeStep: number) => number;
89
- export declare const getRemainingHours: (maxHours: number | undefined, days: number) => number;
90
- export declare const secondsSinceLocalMidnight: (currentTimeInSeconds: number) => number;
91
- export declare const getTimeScaleDescription: (timeScale: number) => string;
92
- export interface TimeSliderLiteCustomSettings {
93
- menuButton?: {
94
- icon?: ReactNode;
95
- };
96
- playButton?: {
97
- icon?: {
98
- play?: ReactNode;
99
- pause?: ReactNode;
100
- };
101
- };
102
- stepButton?: {
103
- label?: {
104
- forward?: string;
105
- backward?: string;
106
- };
107
- icon?: {
108
- forward?: ReactNode;
109
- backward?: ReactNode;
110
- };
111
- };
112
- TimeZoneSwitch?: React.FC<TimeZoneSwitchProps>;
113
- hideButton?: {
114
- icon?: {
115
- hide?: ReactNode;
116
- show?: ReactNode;
117
- };
118
- };
119
- closeButton?: {
120
- icon?: ReactNode;
121
- };
122
- dropdownButton?: {
123
- icon?: ElementType;
124
- };
125
- }
126
- /**
127
- * Keeps selected time in sync with default time
128
- * @returns True if selected time sync to default time is enabled
129
- */
130
- export declare const useAutoUpdateSelectedTime: (defaultTime: number, selectedTime: number, setSelectedTime: (newCurrentTime: number) => void) => boolean;
131
- export {};
@@ -1,3 +0,0 @@
1
- import type { UnknownAction, Dispatch } from '@reduxjs/toolkit';
2
- import type { TimeSliderLiteProps } from './TimeSliderLite';
3
- export declare const useOnToggleAnimation: (dispatch: Dispatch<UnknownAction>, mapId: string, selectedTime: number, timeStep: [number, number] | null, defaultTimeStep: [number, number], startTime: number, endTime: number, isAnimating: boolean, timeSliderProps: Partial<TimeSliderLiteProps>) => ((forceAnimationStart?: boolean) => void);
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import type { TimeZone } from '../TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch';
3
- interface Props {
4
- draggableLabel?: boolean;
5
- width: number;
6
- height: number;
7
- timeZone?: TimeZone;
8
- startTime: number;
9
- endTime: number;
10
- disableForecast?: boolean;
11
- currentTime?: number;
12
- currentTimeSelected?: boolean;
13
- needleDragAreaWidth?: number;
14
- needleLabelZIndex?: number;
15
- needleLabelOffset?: [number, number];
16
- needleWidth?: number;
17
- timeStep: [number, number];
18
- selectedTime: number;
19
- style: React.CSSProperties;
20
- onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
21
- setSelectedTime: (time: number) => void;
22
- }
23
- export declare const DRAG_AREA_WIDTH = 10;
24
- declare const TimeSliderDraggableNeedle: React.FC<Props>;
25
- export default TimeSliderDraggableNeedle;
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import type { TimeZone } from '../TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch';
3
- interface TimeSliderLiteBackgroundProps {
4
- height: number;
5
- draggableTimeStamp?: boolean;
6
- startTime: number;
7
- currentTime?: number;
8
- currentTimeSelected?: boolean;
9
- mouseHoverNeedleOpacity?: number;
10
- timeZone?: TimeZone;
11
- needleWidth?: number;
12
- needleDragAreaWidth?: number;
13
- needleLabelZIndex?: number;
14
- needleLabelOffset?: [number, number];
15
- endTime: number;
16
- disableForecast?: boolean;
17
- timeStep: [number, number];
18
- selectedTime: number;
19
- setSelectedTime: (time: number) => void;
20
- resetSelectedTime?: React.MouseEventHandler<HTMLDivElement>;
21
- zerorange?: boolean;
22
- }
23
- declare const TimeSliderLiteBackground: React.FC<TimeSliderLiteBackgroundProps>;
24
- export default TimeSliderLiteBackground;
@@ -1,11 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react-webpack5';
2
- import TimeSliderLiteBackground from './TimeSliderLiteBackground';
3
- declare const meta: Meta<typeof TimeSliderLiteBackground>;
4
- export default meta;
5
- type Story = StoryObj<typeof TimeSliderLiteBackground>;
6
- export declare const Component: Story;
7
- export declare const ComponentDark: Story;
8
- export declare const TimesliderLegendExamplesLight: Story;
9
- export declare const TimesliderLegendExamplesDark: Story;
10
- export declare const TimeSliderLegendDemoLight: Story;
11
- export declare const TimeSliderLegendDemoDark: Story;
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import type { TimeZone } from '../TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch';
3
- interface Props {
4
- width: number;
5
- height: number;
6
- startTime: number;
7
- endTime: number;
8
- disableForecast?: boolean;
9
- currentTime?: number;
10
- timeStep?: [number, number];
11
- style?: React.CSSProperties;
12
- timeZone?: TimeZone;
13
- }
14
- export declare const TIME_SLIDER_LITE_PADDING_RIGHT = 1;
15
- declare const TimeSliderLiteBackgroundSvg: React.FC<Props>;
16
- export default TimeSliderLiteBackgroundSvg;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- interface IProps {
3
- currentTime?: number;
4
- endTime: number;
5
- disableForecast?: boolean;
6
- opacity?: number;
7
- setSelectedTime: (time: number) => void;
8
- startTime: number;
9
- timeStep: [number, number];
10
- width: number;
11
- timeZone?: 'LT' | 'UTC';
12
- }
13
- declare const TimeSliderClickableTimeline: React.FC<IProps>;
14
- export default TimeSliderClickableTimeline;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import type { TimeZone } from '../TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch';
3
- interface Props {
4
- timeZone?: TimeZone;
5
- currentTime?: number;
6
- timeStep: [number, number];
7
- timestampZIndex?: number;
8
- }
9
- declare const TimeSliderZeroTimestamp: React.FC<Props>;
10
- export default TimeSliderZeroTimestamp;
@@ -1,8 +0,0 @@
1
- import type { ButtonGroupProps } from '@mui/material';
2
- import React from 'react';
3
- interface ControlButtonGroupProps extends ButtonGroupProps {
4
- right?: boolean;
5
- left?: boolean;
6
- }
7
- declare const ControlButtonGroup: React.FC<ControlButtonGroupProps>;
8
- export default ControlButtonGroup;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import type { TimeSliderLiteCustomSettings } from '../../TimeSliderLite/timeSliderLiteUtils';
3
- export interface HideButtonProps {
4
- isVisible?: boolean;
5
- settings?: TimeSliderLiteCustomSettings['hideButton'];
6
- onClick: () => void;
7
- }
8
- declare const HideButton: React.FC<HideButtonProps>;
9
- export default HideButton;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import type { TimeSliderLiteCustomSettings } from '../../TimeSliderLite/timeSliderLiteUtils';
3
- interface Props {
4
- menuOpen?: boolean;
5
- onClick?: () => void;
6
- settings?: TimeSliderLiteCustomSettings['menuButton'];
7
- }
8
- declare const MenuButton: React.FC<Props>;
9
- export default MenuButton;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import type { TimeSliderLiteCustomSettings } from '../../TimeSliderLite/timeSliderLiteUtils';
3
- export interface PlayButtonProps {
4
- isAnimating?: boolean;
5
- isDisabled?: boolean;
6
- onTogglePlayButton: () => void;
7
- settings?: TimeSliderLiteCustomSettings['playButton'];
8
- tooltipDelay?: number;
9
- }
10
- declare const PlayButton: React.FC<PlayButtonProps>;
11
- export default PlayButton;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import type { TimeSliderLiteCustomSettings } from '../../TimeSliderLite/timeSliderLiteUtils';
3
- export interface StepButtonProps {
4
- forward?: boolean;
5
- isDisabled?: boolean;
6
- onClick?: () => void;
7
- settings?: TimeSliderLiteCustomSettings['stepButton'];
8
- tooltipDelay?: number;
9
- }
10
- declare const StepButton: React.FC<StepButtonProps>;
11
- export default StepButton;
@@ -1,2 +0,0 @@
1
- import type { IconButtonProps } from '@mui/material';
2
- export declare const timeSliderLiteButtonDefaultProps: IconButtonProps;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import type { SpeedFactorType } from '@opengeoweb/time-slider';
3
- export interface AnimationSpeedSelectorProps {
4
- dropdownButtonIcon?: React.ElementType;
5
- speedOptions?: SpeedFactorType[];
6
- speedOptionItemPrefix?: string;
7
- speedOptionItemPostfix?: string;
8
- defaultSpeedOptionPostfix?: string;
9
- defaultSpeedFactor?: SpeedFactorType;
10
- useAnimationSpeed?: [number, (animationSpeed: number) => void] | [number];
11
- }
12
- declare const AnimationSpeedOptions: React.FC<AnimationSpeedSelectorProps>;
13
- export default AnimationSpeedOptions;
@@ -1,8 +0,0 @@
1
- import type { TypographyProps } from '@mui/material';
2
- import React from 'react';
3
- interface SubmenuSelectLabelProps extends TypographyProps {
4
- children?: React.ReactNode;
5
- isDisabled?: boolean;
6
- }
7
- declare const SubmenuSelectLabel: React.FC<SubmenuSelectLabelProps>;
8
- export default SubmenuSelectLabel;
@@ -1,8 +0,0 @@
1
- import type { CardProps } from '@mui/material';
2
- import React from 'react';
3
- interface SubmenuWrapperProps extends CardProps {
4
- closeButtonIcon?: React.ReactNode;
5
- setSubmenu?: (value: string | null) => void;
6
- }
7
- declare const SubmenuWrapper: React.FC<SubmenuWrapperProps>;
8
- export default SubmenuWrapper;
@@ -1,21 +0,0 @@
1
- import type { BaseSelectProps, SxProps } from '@mui/material';
2
- import React from 'react';
3
- type CustomSelectProps = BaseSelectProps & {
4
- amountOfOptions: number;
5
- dropdownButtonIcon?: React.ElementType;
6
- itemPostFix: string;
7
- value: number;
8
- setValue: (value: number) => void;
9
- };
10
- export declare const CustomSelect: React.FC<CustomSelectProps>;
11
- interface DayHourSelectorProps {
12
- isDisabled?: boolean;
13
- dropdownButtonIcon?: React.ElementType;
14
- label: string;
15
- maxHours?: number;
16
- sx?: SxProps;
17
- useDays: [number, (value: number) => void];
18
- useHours: [number, (value: number) => void];
19
- }
20
- declare const DayHourSelector: React.FC<DayHourSelectorProps>;
21
- export default DayHourSelector;
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- export interface TimeRangeOptionsProps {
3
- currentTime?: number;
4
- useTimeRange?: [
5
- [
6
- number,
7
- number
8
- ] | null,
9
- (timeRange: [number, number] | null) => void
10
- ];
11
- defaultTimeRange: [number, number];
12
- dropdownButtonIcon?: React.ElementType;
13
- }
14
- declare const TimeRangeOptions: React.FC<TimeRangeOptionsProps>;
15
- export default TimeRangeOptions;
@@ -1,24 +0,0 @@
1
- import type { SxProps } from '@mui/material';
2
- import React from 'react';
3
- import type { AnimationSpeedSelectorProps } from './AnimationSpeedOptions/AnimationSpeedOptions';
4
- import type { TimeRangeOptionsProps } from './TimeRangeOptions/TimeRangeOptions';
5
- import type { TimeStepOptionsProps } from './TimeStepOptions/TimeStepOptions';
6
- import type { TimeZoneSwitchProps } from './TimeZoneSwitch/TimeZoneSwitch';
7
- import type { UpdateIntervalOptionsProps } from './UpdateIntervalOptions/UpdateIntervalOptions';
8
- export interface TimeSliderLiteOptionsMenuProps extends TimeStepOptionsProps, TimeRangeOptionsProps, AnimationSpeedSelectorProps, UpdateIntervalOptionsProps, TimeZoneSwitchProps {
9
- closeButtonIcon?: React.ReactNode;
10
- defaultTimeStep: [number, number];
11
- menuOpen?: boolean;
12
- setMenuOpen?: (menuOpen: boolean) => void;
13
- subMenuSx?: SxProps;
14
- sx?: SxProps;
15
- TimeZoneSwitch?: React.FC<TimeZoneSwitchProps>;
16
- }
17
- export declare enum SubmenuTitleTranslations {
18
- TIME_RANGE = "menu.timeRange",
19
- TIME_STEP = "menu.timeStep",
20
- SPEED = "menu.speed",
21
- UPDATE_INTERVAL = "menu.updateInterval"
22
- }
23
- declare const TimeSliderLiteOptionsMenu: React.FC<TimeSliderLiteOptionsMenuProps>;
24
- export default TimeSliderLiteOptionsMenu;
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- export interface TimeStepOptionsProps {
3
- useTimeStep?: [
4
- [
5
- number,
6
- number
7
- ] | null,
8
- (timeStep: [number, number] | null) => void
9
- ];
10
- defaultTimeStep: [number, number];
11
- timeStepOptions?: Record<string, string>;
12
- dropdownButtonIcon?: React.ElementType;
13
- }
14
- declare const TimeStepOptions: React.FC<TimeStepOptionsProps>;
15
- export default TimeStepOptions;
@@ -1,11 +0,0 @@
1
- import type { BaseSelectProps } from '@mui/material';
2
- import React from 'react';
3
- type TimeStepOptions = Record<string, string>;
4
- type CustomSelectProps = BaseSelectProps & {
5
- setValue: (value: number) => void;
6
- dropdownButtonIcon?: React.ElementType;
7
- defaultTimeStep: number;
8
- timeStepOptions?: TimeStepOptions;
9
- };
10
- declare const TimeStepSelector: React.FC<CustomSelectProps>;
11
- export default TimeStepSelector;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- declare const availableTimeZones: readonly ["LT", "UTC"];
3
- export type TimeZone = (typeof availableTimeZones)[number];
4
- export interface TimeZoneSwitchProps {
5
- useTimeZone?: [TimeZone, (timeZone: TimeZone) => void] | [TimeZone];
6
- }
7
- declare const TimeZoneSwitch: React.FC<TimeZoneSwitchProps>;
8
- export default TimeZoneSwitch;