@opengeoweb/core 4.20.0 → 4.21.0

package/lib/components/TimeSliderLite/TimeSliderLiteBackground/TimeSliderLiteBackgroundSvg.d.ts

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

package/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/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/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/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/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/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/lib/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeRangeOptions/DayHourSelector.spec.d.ts

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

package/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/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/components/TimeSliderLite/TimeSliderLiteOptionsMenu/TimeSliderLiteOptionsMenu.spec.d.ts

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

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

package/lib/components/TimeSliderLite/timeSliderLiteUtils.d.ts

@@ -1,14 +1,44 @@
-import { ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
+import { ReduxLayer } from '../../store/mapStore/types';
+export declare const DAY_TO_MILLISECOND: number;
+export declare const DAY_TO_SECOND = 86400;
+export declare const HOUR_TO_SECOND = 3600;
+export declare const MILLISECOND_TO_DAY: number;
 export declare const MILLISECOND_TO_SECOND: number;
+export declare const MINUTE_TO_SECOND = 60;
+export declare const SECOND_TO_DAY: number;
+export declare const SECOND_TO_HOUR: number;
+export declare const SECOND_TO_MILLISECOND = 1000;
+export declare const SEVEN_DAYS_IN_SECONDS: number;
 /**
  * Reformats a date that has capitalized first letter and colon separator for time
  * @param dateString Date string from Date.toLocaleDateString
  * @returns Reformatted date string
  */
 export declare const reformatFinnishDateString: (dateString: string) => string;
+export declare const getMonthChanges: (startDate: Date, endDate: Date) => number[];
 export declare const getSelectedTimePx: (startTime: number, endTime: number, selectedTime: number, width: number) => number;
 export declare const boundedValue: (value: number, bounds: [number, number]) => number;
 export declare const getSelectedTimeFromPx: (startTime: number, endTime: number, selectedTimePx: number, width: number) => number;
+export declare const secondsToDaysAndHours: (seconds: number) => {
+    days: number;
+    hours: number;
+};
+export declare const hoursAndDaysToSeconds: (hours: number, days: number) => number;
+export declare const TIME_SLIDER_LITE_DEFAULT_MAX_FORECAST_RANGE: number;
+export declare const TIME_SLIDER_LITE_DEFAULT_MAX_OBSERVED_RANGE: number;
+/**
+ * Checks which layers have observed/forecasted data and returns a default time range
+ * @param layers ReduxLayer[] Map layers
+ * @param currentTime Current time in seconds
+ * @param overrideDefaultTimeRange [observedTimeRange, forecastTime] in seconds from current time
+ * @returns [startTime, endTime] in seconds
+ */
+export declare const defaultTimeRange: (layers: ReduxLayer[], currentTime?: number, overrideDefaultTimeRange?: [number, number] | undefined) => [number, number];
+export declare const useDefaultTimeRange: (layers: ReduxLayer[], updateThreshold: number, currentTime?: number) => [number, number];
+export declare const subTicksPerDay: (dayWidthInPixels: number) => number;
+export declare const maxSubTicksPerDay: (dayWidthInPixels: number, timeStep: number) => number;
+export declare const getRemainingHours: (maxHours: number | undefined, days: number) => number;
 export interface TimeSliderLiteCustomSettings {
     menuButton?: {
         label?: string;
@@ -44,4 +74,10 @@ export interface TimeSliderLiteCustomSettings {
             show?: ReactNode;
         };
     };
+    closeButton?: {
+        icon?: ReactNode;
+    };
+    dropdownButton?: {
+        icon?: ElementType;
+    };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "4.20.0",
+  "version": "4.21.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,30 +13,30 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^18.2.0",
-    "@opengeoweb/shared": "4.20.0",
+    "@opengeoweb/shared": "4.21.0",
     "@mui/material": "^5.12.0",
-    "@opengeoweb/theme": "4.20.0",
+    "@opengeoweb/theme": "4.21.0",
     "@mui/system": "^5.12.0",
     "@mui/x-date-pickers": "^6.2.1",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
+    "lodash": "^4.17.20",
     "@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",
+    "@opengeoweb/webmap": "4.21.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
-    "@opengeoweb/api": "4.20.0",
+    "@opengeoweb/api": "4.21.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",
+    "@opengeoweb/form-fields": "4.21.0",
     "react-hook-form": "^7.41.5",
     "moment-timezone": "^0.5.31",
     "react-resize-detector": "^9.1.0",

package/lib/components/LayerManager/LayerSelect/LayerList/SearchHighlight.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface HighlightProps {
-    text: string;
-    search: string;
-}
-declare const SearchHighlight: React.FC<HighlightProps>;
-export default SearchHighlight;