@opengeoweb/core 6.0.4 → 6.1.0

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

@@ -1,21 +1,18 @@
 import { SxProps } from '@mui/material';
 import React from 'react';
-interface TimeSliderLiteOptionsMenuProps {
+import { TimeStepOptionsProps } from './TimeStepOptions/TimeStepOptions';
+import { TimeRangeOptionsProps } from './TimeRangeOptions/TimeRangeOptions';
+import { AnimationSpeedSelectorProps } from './AnimationSpeedOptions/AnimationSpeedOptions';
+import { UpdateIntervalOptionsProps } from './UpdateIntervalOptions/UpdateIntervalOptions';
+import { TimeZoneSwitchProps } from './TimeZoneSwitch/TimeZoneSwitch';
+export interface TimeSliderLiteOptionsMenuProps extends TimeStepOptionsProps, TimeRangeOptionsProps, AnimationSpeedSelectorProps, UpdateIntervalOptionsProps, TimeZoneSwitchProps {
     closeButtonIcon?: React.ReactNode;
-    currentTime?: number;
-    defaultTimeRange: [number, number];
-    dropdownButtonIcon?: React.ElementType;
+    defaultTimeStep: [number, number];
     menuOpen?: boolean;
     setMenuOpen?: (menuOpen: boolean) => void;
     submenuSx?: SxProps;
     sx?: SxProps;
-    useTimeRange?: [
-        [
-            number,
-            number
-        ] | null,
-        (timeRange: [number, number] | null) => void
-    ];
+    TimeZoneSwitch?: React.FC<TimeZoneSwitchProps>;
 }
 export declare enum Submenu {
     TIME_RANGE = "Time range",

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface TimeStepOptionsProps {
+    useTimeStep?: [
+        [
+            number,
+            number
+        ] | null,
+        (timeStep: [number, number] | null) => void
+    ];
+    defaultTimeStep: [number, number];
+    dropdownButtonIcon?: React.ElementType;
+}
+declare const TimeStepOptions: React.FC<TimeStepOptionsProps>;
+export default TimeStepOptions;

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

@@ -0,0 +1,16 @@
+import { SelectProps } from '@mui/material';
+import React from 'react';
+/**
+ * TODO: Replace with actual translation keys
+ */
+interface TimeStepOptions {
+    [key: string]: string;
+}
+export declare const defaultTimeStepOptions: TimeStepOptions;
+interface CustomSelectProps extends SelectProps {
+    setValue: (value: number) => void;
+    dropdownButtonIcon?: React.ElementType;
+    defaultTimeStep: number;
+}
+declare const TimeStepSelector: React.FC<CustomSelectProps>;
+export default TimeStepSelector;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const availableTimeZones: readonly ["LT", "UTC"];
+export type TimeZone = (typeof availableTimeZones)[number];
+export interface TimeZoneSwitchProps {
+    useTimeZone?: [TimeZone, (timeZone: TimeZone) => void] | [TimeZone];
+}
+declare const TimeZoneSwitch: React.FC<TimeZoneSwitchProps>;
+export default TimeZoneSwitch;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface UpdateIntervalOptionsProps {
+    dropdownButtonIcon?: React.ElementType;
+    updateIntervalOptions?: number[];
+    defaultUpdateInterval?: number;
+    useUpdateInterval?: [number, (updateInterval: number) => void] | [number];
+    intervalOptionPrefix?: string;
+    intervalOptionPostfix?: string;
+    defaultOptionPostfix?: string;
+}
+declare const UpdateIntervalOptions: React.FC<UpdateIntervalOptionsProps>;
+export default UpdateIntervalOptions;

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

@@ -1,5 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { layerTypes } from '@opengeoweb/store';
+import { TimeZoneSwitchProps } from './TimeSliderLiteOptionsMenu/TimeZoneSwitch/TimeZoneSwitch';
 export declare const DAY_TO_MILLISECOND: number;
 export declare const DAY_TO_SECOND = 86400;
 export declare const HOUR_TO_SECOND = 3600;
@@ -18,6 +19,10 @@ export declare const SEVEN_DAYS_IN_SECONDS: number;
  * @returns Reformatted date string
  */
 export declare const reformatFinnishDateString: (dateString: string) => string;
+/**
+ * Marks UTC time with Z after hh:mm or hh.mm or appends UTC to the end of the date string
+ */
+export declare const shortUTCTime: (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;
@@ -41,10 +46,16 @@ export declare const TIME_SLIDER_LITE_DEFAULT_MAX_OBSERVED_RANGE: number;
  */
 export declare const defaultTimeRange: (layers: layerTypes.ReduxLayer[], currentTime?: number, overrideDefaultTimeRange?: [number, number]) => [number, number];
 export declare const useDefaultTimeRange: (layers: layerTypes.ReduxLayer[], updateThreshold: number, currentTime?: number) => [number, number];
+interface TimeList {
+    name: string;
+    value: string;
+}
+export declare const generateCustomTimeList: (currentTime: number, startTime: number, endTime: number, timeStep: [number, number], timeZoneOffsetSeconds?: number) => TimeList[];
 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 declare const secondsSinceLocalMidnight: (currentTimeInSeconds: number) => number;
+export declare const getTimeScaleDescription: (timeScale: number) => string;
 export interface TimeSliderLiteCustomSettings {
     menuButton?: {
         label?: string;
@@ -70,6 +81,7 @@ export interface TimeSliderLiteCustomSettings {
             backward?: ReactNode;
         };
     };
+    TimeZoneSwitch: React.FC<TimeZoneSwitchProps>;
     hideButton?: {
         label?: {
             hide?: string;
@@ -87,3 +99,4 @@ export interface TimeSliderLiteCustomSettings {
         icon?: ElementType;
     };
 }
+export {};

package/src/lib/components/WMSLoader/WMSLayerTree/WMSLayerTreeConnect.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { layerActions, layerTypes, layerSelectTypes } from '@opengeoweb/store';
+import { LayerType } from '@opengeoweb/webmap';
 export interface WMSLayerTreeConnectProps {
     service: layerSelectTypes.LayerSelectService;
     addLayer?: typeof layerActions.addLayer;
@@ -7,12 +8,12 @@ export interface WMSLayerTreeConnectProps {
     addAvailableBaseLayer?: typeof layerActions.addAvailableBaseLayer;
     mapId: string;
     loadedLayers?: layerTypes.Layer[];
-    layerType?: layerTypes.LayerType;
+    layerType?: LayerType;
 }
 declare const WMSLayerTreeConnect: import("react-redux").ConnectedComponent<React.FC<WMSLayerTreeConnectProps>, {
     service: layerSelectTypes.LayerSelectService;
     mapId: string;
-    layerType?: layerTypes.LayerType | undefined;
+    layerType?: LayerType | undefined;
     addLayer?: import("@reduxjs/toolkit").ActionCreatorWithPayload<layerTypes.AddLayerPayload, "layerReducer/addLayer"> | undefined;
     setBaseLayers?: import("@reduxjs/toolkit").ActionCreatorWithPayload<layerTypes.SetBaseLayersPayload, "layerReducer/setBaseLayers"> | undefined;
     addAvailableBaseLayer?: import("@reduxjs/toolkit").ActionCreatorWithPayload<layerTypes.AddAvailableBaseLayerPayload, "layerReducer/addAvailableBaseLayer"> | undefined;

package/src/lib/components/WMSLoader/WMSLoaderConnect.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { layerSelectTypes, layerTypes } from '@opengeoweb/store';
+import { layerSelectTypes } from '@opengeoweb/store';
+import { LayerType } from '@opengeoweb/webmap';
 interface WMSLoaderConnectProps {
     mapId: string;
     preloadedServices?: layerSelectTypes.LayerSelectService[];
-    layerType?: layerTypes.LayerType;
+    layerType?: LayerType;
     tooltip?: string;
 }
 /**

package/src/lib/index.d.ts

@@ -10,10 +10,10 @@ export * from './components/MultiMapView/HarmoniePresets';
 export * from './components/MapView';
 export { MapControlButton } from './components/MapControls';
 export { ReactMapView, ReactMapViewLayer } from './components/ReactMapView';
-export { LegendConnect, Legend, LegendMapButtonConnect, } from './components/Legend';
+export { LegendConnect, LegendMapButtonConnect } from './components/Legend';
 export { ZoomControls, ZoomControlConnect } from './components/MapControls';
 export { TimeSlider, TimeSliderConnect, TimeSliderButtonsConnect, TimeSliderOptionsMenuButtonConnect, TimeSliderPlayButtonConnect, TimeSliderBackwardForwardStepButtonConnect, timeSliderUtils, } from './components/TimeSlider';
-export { TimeSliderLite } from './components/TimeSliderLite';
+export { TimeSliderLite, TimeSliderLiteOptionsMenu, TimeSliderLiteConnect, } from './components/TimeSliderLite';
 export { MapControls } from './components/MapControls';
 export { LayerManagerConnect, LayerManagerHeaderOptions, LayerManagerDescriptionRow, LayerManagerBaseLayerRow, LayerManagerLayerContainerRow, LayerSelectConnect, LayerManagerMapButtonConnect, LayerManager, useFetchServices, };
 export { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect, };

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

@@ -1,5 +1,8 @@
-import { WMLayer } from '@opengeoweb/webmap';
+import { LayerType, WMLayer } from '@opengeoweb/webmap';
 import { layerTypes, serviceTypes, layerSelectTypes } from '@opengeoweb/store';
+export declare const multiDimensionLayer: import("@opengeoweb/webmap").LayerFoundation, WmdefaultReduxLayerRadarKNMI: WMLayer, defaultReduxLayerRadarKNMI: import("@opengeoweb/webmap").LayerFoundation & {
+    styles: import("@opengeoweb/webmap").Style[];
+};
 export declare const defaultReduxLayerRadarColor: {
     service: string;
     name: string;
@@ -7,7 +10,7 @@ export declare const defaultReduxLayerRadarColor: {
     format: string;
     style: string;
     enabled: boolean;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     dimensions: never[];
     styles: {
         title: string;
@@ -17,32 +20,8 @@ export declare const defaultReduxLayerRadarColor: {
     }[];
     id: string;
 };
-export declare const defaultReduxLayerRadarKNMI: {
-    service: string;
-    name: string;
-    title: string;
-    format: string;
-    style: string;
-    enabled: boolean;
-    layerType: layerTypes.LayerType;
-    dimensions: {
-        name: string;
-        units: string;
-        currentValue: string;
-    }[];
-    styles: {
-        title: string;
-        name: string;
-        legendURL: string;
-        abstract: string;
-    }[];
-    id: string;
-};
-export declare const WmdefaultReduxLayerRadarKNMI: WMLayer;
-export declare const makeGeoservicesRadarLayer: () => WMLayer;
 export declare const defaultReduxActiveLayers: layerSelectTypes.ActiveLayerObject[];
 export declare const defaultReduxActiveLayersWithoutOptionalVariables: layerSelectTypes.ActiveLayerObject[];
-export declare const multiDimensionLayer: layerTypes.Layer;
 export declare const flDimensionLayer: layerTypes.Layer;
 export declare const layerWithSingleDimensionValue: WMLayer;
 export declare const WmMultiDimensionLayer: WMLayer;

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

@@ -1,27 +1,39 @@
 declare const translations: {
     en: {
-        greeting: string;
-        delete: string;
-        deleteOK: string;
-        restore: string;
+        translation: {
+            greeting: string;
+            greetingWithName: string;
+            delete: string;
+            deleteOK: string;
+            restore: string;
+        };
     };
     nl: {
-        greeting: string;
-        delete: string;
-        deleteOK: string;
-        restore: string;
+        translation: {
+            greeting: string;
+            greetingWithName: string;
+            delete: string;
+            deleteOK: string;
+            restore: string;
+        };
     };
     fi: {
-        greeting: string;
-        delete: string;
-        deleteOK: string;
-        restore: string;
+        translation: {
+            greeting: string;
+            greetingWithName: string;
+            delete: string;
+            deleteOK: string;
+            restore: string;
+        };
     };
     no: {
-        greeting: string;
-        delete: string;
-        deleteOK: string;
-        restore: string;
+        translation: {
+            greeting: string;
+            greetingWithName: string;
+            delete: string;
+            deleteOK: string;
+            restore: string;
+        };
     };
 };
 export default translations;

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

@@ -1,10 +1,8 @@
-import { ReactNode } from 'react';
+import i18n from 'i18next';
 interface Languages {
     language: string;
     code: string;
     flag: string;
 }
-export declare function changeLanguage(lang: string): void;
-export declare const translate: (id: string, values?: any) => ReactNode | number;
-declare const _default: Languages[];
-export default _default;
+export declare const languages: Languages[];
+export default i18n;

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

@@ -1,10 +1,11 @@
-import { layerTypes, defaultLayers } from '@opengeoweb/store';
+import { defaultLayers } from '@opengeoweb/store';
+import { LayerType } from '@opengeoweb/webmap';
 export { defaultLayers };
 export declare const baseLayer: {
     name: string;
     title: string;
     type: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     enabled: boolean;
     id: string;
 };
@@ -12,7 +13,7 @@ export declare const baseLayerOpenStreetMapNL: {
     id: string;
     name: string;
     type: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     enabled: boolean;
 };
 export declare const baseLayerArcGisCanvas: {
@@ -21,20 +22,20 @@ export declare const baseLayerArcGisCanvas: {
     name: string;
     type: string;
     enabled: boolean;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const baseLayerWorldMap: {
     id: string;
     name: string;
     type: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     enabled: boolean;
 };
 export declare const baseLayerHeiGit: {
     service: string;
     id: string;
     name: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const msgCppLayer: {
     service: string;
@@ -43,21 +44,21 @@ export declare const msgCppLayer: {
     enabled: boolean;
     style: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const veiligheidsRegiosGebiedsIndelingenLabels: {
     service: string;
     name: string;
     style: string;
     enabled: boolean;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const veiligheidsRegiosGebiedsIndelingen: {
     service: string;
     name: string;
     style: string;
     enabled: boolean;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const radarLayer: {
     service: string;
@@ -66,7 +67,7 @@ export declare const radarLayer: {
     enabled: boolean;
     style: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const radarLayerWithError: {
     service: string;
@@ -75,77 +76,77 @@ export declare const radarLayerWithError: {
     enabled: boolean;
     style: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const obsAirTemperature: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const obsWind: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const obsAirPressureAtSeaLevel: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const obsRelativeHumidity: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const obsGlobalSolarRadiation: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const obsPrecipitationIntensityPWS: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const harmonieRelativeHumidityPl: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     enabled: boolean;
 };
 export declare const harmonieWindPl: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     enabled: boolean;
 };
 export declare const harmonieAirTemperature: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     enabled: boolean;
 };
 export declare const harmoniePrecipitation: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     enabled: boolean;
 };
 export declare const harmoniePressure: {
     service: string;
     name: string;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     enabled: boolean;
 };
 export declare const harmonieWindFlags: {
@@ -153,14 +154,14 @@ export declare const harmonieWindFlags: {
     name: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const klimaatAtlasTG3: {
     service: string;
     name: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const dwdWarningLayer: {
     service: string;
@@ -168,7 +169,7 @@ export declare const dwdWarningLayer: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const dwdRadarLayer: {
     service: string;
@@ -176,7 +177,7 @@ export declare const dwdRadarLayer: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const dwdObservationsWetterLayer: {
     service: string;
@@ -185,7 +186,7 @@ export declare const dwdObservationsWetterLayer: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const dwdObservationsWetterLayerWithHeader: {
     service: string;
@@ -194,7 +195,7 @@ export declare const dwdObservationsWetterLayerWithHeader: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
     headers: {
         name: string;
         value: string;
@@ -207,7 +208,7 @@ export declare const dwdObservationsWindLayer: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const FMITemp: {
     service: string;
@@ -215,7 +216,7 @@ export declare const FMITemp: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const MetNoTemp: {
     service: string;
@@ -223,7 +224,7 @@ export declare const MetNoTemp: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const metNorwayWind1: {
     service: string;
@@ -231,7 +232,7 @@ export declare const metNorwayWind1: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const metNorwayWind2: {
     service: string;
@@ -239,7 +240,7 @@ export declare const metNorwayWind2: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const metNorwayWind3: {
     service: string;
@@ -247,7 +248,7 @@ export declare const metNorwayWind3: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const metNorwayLatestT: {
     service: string;
@@ -255,7 +256,7 @@ export declare const metNorwayLatestT: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const metNorwaySalinaty: {
     service: string;
@@ -263,47 +264,47 @@ export declare const metNorwaySalinaty: {
     format: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const msgFesEUMETSAT: {
     service: string;
     name: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const msgNaturalenhncdEUMETSAT: {
     service: string;
     name: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const msgAshEUMETSAT: {
     service: string;
     name: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const msgCthEUMETSAT: {
     service: string;
     name: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const msgFogEUMETSAT: {
     service: string;
     name: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };
 export declare const msgNaturalEUMETSAT: {
     service: string;
     name: string;
     enabled: boolean;
     id: string;
-    layerType: layerTypes.LayerType;
+    layerType: LayerType;
 };