@opengeoweb/time-slider 14.4.0 → 14.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/time-slider",
-  "version": "14.4.0",
+  "version": "14.5.0",
   "description": "GeoWeb time-slider library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,9 +8,9 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "14.4.0",
+    "@opengeoweb/shared": "14.5.0",
     "lodash": "^4.17.21",
-    "@opengeoweb/theme": "14.4.0",
+    "@opengeoweb/theme": "14.5.0",
     "@mui/x-date-pickers": "^8.11.2",
     "react-draggable": "^4.4.6",
     "re-resizable": "^6.9.11",

package/src/lib/Providers/Providers.d.ts

@@ -1,5 +1,5 @@
+import type { Theme } from '@mui/material';
 import React from 'react';
-import { Theme } from '@mui/material';
 interface BaseProviderProps {
     children?: React.ReactNode;
     theme?: Theme;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface TimeSliderProps {
     buttons: React.ReactNode;
     timeBox: React.ReactNode;

package/src/lib/components/TimeSlider/timeSliderUtils.d.ts

@@ -1,5 +1,5 @@
-import { CanvasComponent } from '@opengeoweb/shared';
 import React from 'react';
+import type { CanvasComponent } from '@opengeoweb/shared';
 export interface TimeBounds {
     startTime: number;
     endTime: number;
@@ -110,14 +110,6 @@ export declare function getLargestTimeUnit(minutes: number): number;
 export declare const getFundamentalScale: (secondsPerPx: number) => Scale;
 export declare const getScaleFromSpan: (span: number) => Scale;
 export declare const calculateMouseTimeAndCheckBounds: (x: number, startAnimationPosition: number, endAnimationPosition: number, DRAG_AREA_WIDTH: number, pixelsBetweenViewportAndTimesliderOnLeft: number | undefined, centerTime: number, canvasWidth: number, secondsPerPx: number, tooltipPosition: React.MutableRefObject<number | undefined>) => number | undefined;
-declare class MockDOMRect {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    constructor(x: number, y: number, width: number, height: number);
-}
-export declare const setTooltipPosition: (tooltipX: number, tooltipY: number) => MockDOMRect;
 export declare const defaultAnimationDelayAtStart = 250;
 export declare const defaultDelay = 1000;
 export declare const defaultTimeStep = 60;
@@ -135,4 +127,3 @@ export declare const timeSliderLegendDefaultProps: {
     secondsPerPx: number;
     selectedTime: number;
 };
-export {};

package/src/lib/components/TimeSliderButtons/AutoUpdateButton/AutoUpdateButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 interface AutoUpdateButtonProps {
     toggleAutoUpdate?: () => void;
     disabled?: boolean;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface BackwardForwardStepButtonProps {
     isForwardStep?: boolean;
     isDisabled?: boolean;

package/src/lib/components/TimeSliderButtons/ControlButtons/ControlButtons.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export declare const ControlButtons: React.FC<{
     backwardBtn?: React.ReactNode;
     forwardBtn?: React.ReactNode;

package/src/lib/components/TimeSliderButtons/NowButton/NowButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 interface NowButtonProps {
     onSetNow?: () => void;
     disabled?: boolean;

package/src/lib/components/TimeSliderButtons/OptionsMenuButton/OptionsMenu.d.ts

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import type { FC } from 'react';
+import React from 'react';
 export declare const OptionsMenu: FC<{
     timeSpanBtn?: React.ReactNode;
     timeStepBtn?: React.ReactNode;

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

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import type { FC } from 'react';
+import React from 'react';
 interface OptionsMenuButtonProps {
     speedBtn?: React.ReactNode;
     timeStepBtn?: React.ReactNode;

package/src/lib/components/TimeSliderButtons/PlayButton/PlayButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface PlayButtonProps {
     isAnimating?: boolean;
     isDisabled?: boolean;

package/src/lib/components/TimeSliderButtons/SpeedButton/SpeedButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface SpeedButtonProps {
     animationDelay: number;
     setMapAnimationDelay: (delay: number) => void;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface TimeSliderButtonsProps {
     optionsMenuBtn?: React.ReactNode;
     playBtn?: React.ReactNode;

package/src/lib/components/TimeSliderButtons/TimeSliderMenu/TimeSliderMenu.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface Mark {
     label?: string;
     value: number;

package/src/lib/components/TimeSliderButtons/TimeStepButton/TimeStepButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface TimeStepButtonProps {
     timeStep?: number;
     disabled?: boolean;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import type { PopperPlacement } from './TimeSliderClock';
 /**
  * Format a date to a string

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

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import type { FC } from 'react';
+import React from 'react';
 import type { PopperPlacement } from './TimeSliderClock';
 export declare const PopperMenu: FC<{
     popperPlacement: PopperPlacement;

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

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import type { FC } from 'react';
+import React from 'react';
 export type PopperPlacement = 'right' | 'left' | 'top' | 'bottom';
 export declare const TimeSliderClock: FC<{
     time: number;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 interface CalendarButtonProps {
     calendarIconPx: number;
     dataStartTime: number | undefined;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export interface MarkerTimeSelectorProps {
     value?: number;
     dataStartTime?: number;

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

@@ -1,3 +1,3 @@
-import { Theme } from '@mui/material';
+import type { 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/TimeSliderLegend/TimeSliderLegend.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface TimeSliderLegendProps {
     mapId: string;
     isTimeScrollingEnabled?: boolean;

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

@@ -1,4 +1,4 @@
-import { Theme } from '@mui/material';
+import type { 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/drawCurrentTime.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '@mui/material';
+import type { 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

@@ -1,2 +1,2 @@
-import { Theme } from '@mui/material';
+import type { 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

@@ -1,4 +1,4 @@
-import { Theme } from '@mui/material';
+import type { 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];

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

@@ -1,2 +1,2 @@
-import { Theme } from '@mui/material';
+import type { 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/utils/i18n.d.ts

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