@opengeoweb/time-slider 13.0.0

package/src/lib/components/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBox.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface TimeSliderCurrentTimeBoxProps {
+    centerTime: number;
+    secondsPerPx: number;
+    span?: number;
+    dataStartTime?: number;
+    dataEndTime?: number;
+    timeStep?: number;
+    unfilteredSelectedTime: number;
+    isAutoUpdating?: boolean;
+    setUnfilteredSelectedTime: (unfilteredSelectedTime: number) => void;
+    onCalendarSelect: (newTime: number) => void;
+    onSetCenterTime?: (newTime: number) => void;
+}
+export declare const getTimeBoxWidth: (span: number) => number;
+export declare const TimeSliderCurrentTimeBox: React.FC<TimeSliderCurrentTimeBoxProps>;

package/src/lib/components/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBox.spec.d.ts

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

package/src/lib/components/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxMouseEvents.d.ts

@@ -0,0 +1,2 @@
+export declare const onMouseMove: (x: number, width: number, selectedTime: number, 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: number, centerTime: number, secondsPerPx: number, isTimeBoxArea: (location: number, timePx: number) => boolean, setCursorStyle: (style: string) => void, setMouseDownInTimeBox: (dragging: boolean) => void) => void;

package/src/lib/components/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxMouseEvents.spec.d.ts

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

package/src/lib/components/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxRenderFunctions.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+export declare const secondsInYear: number;
+export declare const renderTimeSliderCurrentTimeBox: (ctx: CanvasRenderingContext2D, theme: Theme, width: number, height: number, centerTime: number, selected: number, secondsPerPx: number, span: number, isAutoUpdating: boolean) => void;

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

@@ -0,0 +1 @@
+export * from './TimeSliderCurrentTimeBox';

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export interface TimeSliderLegendProps {
+    mapId: string;
+    isTimeScrollingEnabled?: boolean;
+    mapWindowRef?: React.MutableRefObject<HTMLElement | null>;
+    centerTime: number;
+    timeSliderWidth: number;
+    secondsPerPx: number;
+    currentTime?: number;
+    dataStartTime?: number;
+    dataEndTime?: number;
+    reduxAnimationStartTime?: string;
+    reduxAnimationEndTime?: string;
+    isTimeSliderHoverOn?: boolean;
+    timeStep?: number;
+    unfilteredSelectedTime?: number;
+    timeSliderSpan?: number;
+    setUnfilteredSelectedTime?: (unfilteredSelectedTime: number) => void;
+    onSetCenterTime?: (newTime: number) => void;
+    onSetAnimationStartTime?: (time: string) => void;
+    onSetAnimationEndTime?: (time: string) => void;
+    updateCanvasWidth?: (storeWidth: number, newWidth: number) => void;
+    isDraggingStartAnimation?: boolean;
+    setIsDraggingStartAnimation?: (isDraggingStartAnimation: boolean) => void;
+    isDraggingEndAnimation?: boolean;
+    setIsDraggingEndAnimation?: (isDraggingEndAnimation: boolean) => void;
+    onStartTimeChange?: (startTime: number) => void;
+    onEndTimeChange?: (endTime: number) => void;
+    onSetTimeSliderSpan?: (newSpan: number, newCenterTime: number) => void;
+    adjustSelectedTimeOnWheel?: ({ event, deltaY, }: {
+        event: WheelEvent | KeyboardEvent;
+        deltaY: number;
+    }) => void;
+}
+export declare const TimeSliderLegend: React.FC<TimeSliderLegendProps>;

package/src/lib/components/TimeSliderLegend/TimeSliderLegend.spec.d.ts

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

package/src/lib/components/TimeSliderLegend/TimeSliderLegend.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import { TimeSliderLegend } from './TimeSliderLegend';
+declare const meta: Meta<typeof TimeSliderLegend>;
+export default meta;
+type Story = StoryObj<typeof TimeSliderLegend>;
+export declare const Component: Story;
+export declare const ComponentDark: Story;
+export declare const TimeSliderLegendDemoLight: Story;
+export declare const TimeSliderLegendDemoDark: Story;

package/src/lib/components/TimeSliderLegend/drawFunctions/drawBackground.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@mui/material';
+import { Scale } from '../../TimeSlider/timeSliderUtils';
+export declare const drawBackground: (context: CanvasRenderingContext2D, theme: Theme, visibleTimeStart: number, visibleTimeEnd: number, animationStartPx: number, animationEndPx: number, canvasWidth: number, height: number, secondsPerPx: number, timeSliderSpan: number, dataStartPx: number, dataEndPx: number, currentTimePx: number) => void;
+export declare function getColorChangeTimesteps(scale: Scale, visibleTimeStart: number, visibleTimeEnd: number): number[];

package/src/lib/components/TimeSliderLegend/drawFunctions/drawBackground.spec.d.ts

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

package/src/lib/components/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/src/lib/components/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/src/lib/components/TimeSliderLegend/drawFunctions/drawTimeScale.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@mui/material';
+import { Scale } from '../../TimeSlider/timeSliderUtils';
+export declare const roundByUnitOfTime: (timeUnix: number, unit: string, roundUp?: boolean) => number;
+export declare const getRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, scale: Scale) => [number, number];
+export declare const getCustomRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, unit: Scale) => [number, number];
+export declare const getCustomTimesteps: (roundedStart: number, roundedEnd: number, increment: string) => number[];
+export declare const drawTimeScale: (context: CanvasRenderingContext2D, theme: Theme, visibleTimeStart: number, visibleTimeEnd: number, canvasWidth: number, height: number, secondsPerPx: number) => void;

package/src/lib/components/TimeSliderLegend/drawFunctions/drawTimeScale.spec.d.ts

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

package/src/lib/components/TimeSliderLegend/drawFunctions/drawTimeSliderLegend.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@mui/material';
+export declare const drawTimeSliderLegend: (context: CanvasRenderingContext2D, theme: Theme, canvasWidth: number, height: number, centerTime: number, secondsPerPx: number, timeSliderSpan: number, selectedTimeUnix: number, currentTimeUnix: number, animationStartTime: number, animationEndTime: number, dataStartTime: number, dataEndTime: number) => void;

package/src/lib/components/TimeSliderLegend/drawFunctions/index.d.ts

@@ -0,0 +1 @@
+export { drawTimeSliderLegend } from './drawTimeSliderLegend';

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

@@ -0,0 +1 @@
+export * from './TimeSliderLegend';

package/src/lib/components/TimeSliderLegend/timeSliderLegendUtils.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @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;
+export declare const isInsideAnimationArea: (x: number, leftMarkerPx: number, rightMarkerPx: 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;
+export declare function convertStringTimeToUnix(time: string | undefined): number | undefined;
+export declare const timeValues: number[];
+export declare const TIME_SLIDER_LEGEND_HEIGHT = 24;
+export declare const DRAG_AREA_WIDTH = 24;
+export type ShowTooltip = 'animationStart' | 'animationEnd' | 'mousePointer' | undefined;
+export declare const isDraggingStartWithinBounds: (endPos: number, mousePosition: number) => boolean;
+export declare const isDraggingEndWithinBounds: (startPos: number, mousePosition: number, canvasWidth: number) => boolean;
+export declare const getTimeSliderLegendId: (mapId: string) => string;
+export declare const getTimeSliderLegendElement: (mapId: string) => Element | null;
+export declare const getPixelsBetweenViewportAndTimesliderOnLeft: (mapId: string) => number | undefined;
+export declare function getPositions(width: number, unfilteredSelectedTime: number | undefined, centerTime: number, secondsPerPx: number, start: number, end: number): {
+    startAnimationPosition: number;
+    endAnimationPosition: number;
+    selectedTimePosition: number;
+};

package/src/lib/components/TimeSliderLegend/timeSliderLegenedUtils.spec.d.ts

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

package/src/lib/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components/TimeSlider';
+export * from './components/TimeSliderClock';
+export * from './components/TimeSliderLegend';
+export * from './components/TimeSliderButtons';
+export * from './components/TimeSliderCurrentTimeBox';
+export * from './components/TimeSliderLegend/timeSliderLegendUtils';

package/src/lib/utils/i18n.d.ts

@@ -0,0 +1,6 @@
+import i18n from 'i18next';
+import { UseTranslationResponse } from 'react-i18next';
+export declare const TIME_SLIDER_NAMESPACE = "timeslider";
+export declare const initTimesliderI18n: () => void;
+export declare const translateKeyOutsideComponents: (key: string, params?: Record<string, string | number> | undefined) => string;
+export declare const useTimesliderTranslation: () => UseTranslationResponse<typeof TIME_SLIDER_NAMESPACE, typeof i18n>;