@opengeoweb/time-series 15.1.0 → 15.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/time-series",
-  "version": "15.1.0",
+  "version": "15.3.0",
   "description": "GeoWeb time-series library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -9,26 +9,25 @@
   },
   "dependencies": {
     "immer": "^10.0.3",
-    "@opengeoweb/shared": "15.1.0",
+    "@opengeoweb/shared": "15.3.0",
     "@reduxjs/toolkit": "^2.6.1",
     "react-redux": "^9.2.0",
-    "@opengeoweb/webmap": "15.1.0",
-    "@opengeoweb/webmap-react": "15.1.0",
+    "@opengeoweb/webmap": "15.3.0",
+    "@opengeoweb/webmap-react": "15.3.0",
     "lodash": "^4.17.21",
-    "@opengeoweb/api": "15.1.0",
-    "@opengeoweb/theme": "15.1.0",
-    "@opengeoweb/store": "15.1.0",
+    "@opengeoweb/api": "15.3.0",
+    "@opengeoweb/theme": "15.3.0",
+    "@opengeoweb/store": "15.3.0",
     "echarts-for-react": "^3.0.2",
     "echarts": "^5.4.3",
     "react-sortablejs": "^6.1.4",
-    "@opengeoweb/snackbar": "15.1.0",
-    "react-window": "^1.8.10",
-    "react-virtualized-auto-sizer": "^1.0.21",
+    "@opengeoweb/snackbar": "15.3.0",
+    "react-window": "^2.2.6",
     "msw": "^2.7.3",
     "i18next": "^25.0.1",
     "react-i18next": "^15.1.1",
-    "@opengeoweb/core": "15.1.0",
-    "@opengeoweb/form-fields": "15.1.0",
+    "@opengeoweb/core": "15.3.0",
+    "@opengeoweb/form-fields": "15.3.0",
     "@mui/material": "^7.0.1",
     "react-hook-form": "^7.61.1",
     "uuid": "^10.0.0",

package/src/lib/TimeSeriesDemo.stories.d.ts

@@ -35,6 +35,7 @@ export declare const TimeSeriesEDRNetherlandsObsDemo: {
         }[];
     };
 };
+export declare const TimeSeriesEDRNetherlandsObsDemoWithSyncGroup: () => React.ReactElement;
 export declare const TimeSeriesUKDemo: () => React.ReactElement;
 declare const _default: {
     title: string;

package/src/lib/components/TimeSeries/TimeSeriesChart.d.ts

@@ -10,6 +10,19 @@ export declare const useChartHeight: ({ plotsWithData, shouldShowLegend, option,
     chartRef: React.RefObject<EChartsInstance>;
     updateHeight: (echartsInstance: EChartsInstance) => void;
 };
+export interface DataZoomState {
+    start: number;
+    end: number;
+}
+export declare const applyDataZoomState: (option: EChartsOption, dataZoomState: DataZoomState | null) => EChartsOption;
+export declare const extractDataZoomState: (params: {
+    start?: number;
+    end?: number;
+    batch?: {
+        start: number;
+        end: number;
+    }[];
+}) => DataZoomState | null;
 export declare const TimeSeriesChart: React.FC<{
     plotsWithData: PlotWithData[];
     animation?: boolean;

package/src/lib/components/TimeSeries/TimeSeriesConnectWrapper.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { TimeSeriesStoreType } from '../../store/types';
+import type { TimeSeriesPreset } from '../../store/types';
 interface Props {
     panelId: string;
-    timeSeriesPreset: TimeSeriesStoreType;
+    timeSeriesPreset: TimeSeriesPreset;
     hideLocationMarkers?: boolean;
 }
 export declare const TimeSeriesConnectWrapper: React.FC<Props>;

package/src/lib/components/TimeSeries/TimeSeriesView.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { PlotPreset, TimeSeriesService } from '@opengeoweb/shared';
+import type { TimeSliderStartEndStep } from '@opengeoweb/store';
 import type { PointerLocation, GeoJsonWithService } from './types';
 interface TimeSeriesViewProps {
     plotPreset: PlotPreset;
@@ -9,6 +10,7 @@ interface TimeSeriesViewProps {
     isLoading?: (startOrFinish: boolean) => void;
     shouldShowLegend?: boolean;
     onToggleLegendParam?: (legendId: string) => void;
+    syncgroupTimeState?: TimeSliderStartEndStep;
 }
 export declare const TimeSeriesView: React.FC<TimeSeriesViewProps>;
 export {};

package/src/lib/components/TimeSeriesManager/ParameterInfo/ParameterInfoButtonConnect.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { uiTypes } from '@opengeoweb/store';
 import type { Parameter } from '../../TimeSeries/types';
 interface ParameterInfoButtonProps {
     parameter: Parameter;
-    source?: uiTypes.Source;
+    panelId: string;
 }
 export declare const ParameterInfoButtonConnect: React.FC<ParameterInfoButtonProps>;
 export {};

package/src/lib/components/TimeSeriesManager/ParameterList.d.ts

@@ -3,6 +3,7 @@ import type { FC } from 'react';
 import type { Parameter, Plot } from '../TimeSeries/types';
 import type { MoveParameterPayload } from '../../store/types';
 export declare const ParameterList: FC<{
+    panelId: string;
     plot: Plot;
     plotIsEnabled: boolean;
     deleteParameter: (id: string) => void;

package/src/lib/components/TimeSeriesManager/PlotRows.d.ts

@@ -3,6 +3,7 @@ import type { FC } from 'react';
 import type { MoveParameterPayload, UpdateTitlePayload } from '../../store/types';
 import type { Parameter, Plot } from '../TimeSeries/types';
 export declare const PlotRows: FC<{
+    panelId: string;
     plot: Plot;
     rowIndex: number;
     showTooltip: boolean;

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

@@ -14,6 +14,7 @@ export interface CustomSortableEvent extends SortableEvent {
     newIndex: number;
 }
 export declare const TimeSeriesManager: FC<{
+    panelId: string;
     onClose: () => void;
     onMouseDown: () => void;
     isOpen: boolean;

package/src/lib/components/TimeSeriesManager/TimeSeriesManagerMapButtonConnect.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
-import type { uiTypes } from '@opengeoweb/store';
 export declare const TOOLTIP_TITLE = "Timeseries Manager";
 interface TimeSeriesManagerMapButtonConnectProps {
     viewId: string;
-    source?: uiTypes.Source;
 }
 declare const TimeSeriesManagerMapButtonConnect: React.FC<TimeSeriesManagerMapButtonConnectProps>;
 export default TimeSeriesManagerMapButtonConnect;

package/src/lib/components/TimeSeriesManager/TimeSeriesManagerRowAccordion.d.ts

@@ -2,6 +2,7 @@ import type { TFunction } from 'i18next';
 import React from 'react';
 import type { Parameter, ParameterListStyles } from '../TimeSeries/types';
 declare const TimeSeriesManagerRowAccordion: React.FC<{
+    panelId: string;
     plotIsEnabled: boolean;
     rowIsEnabled: boolean;
     parameter: Parameter;

package/src/lib/components/TimeSeriesSelect/ServiceChips/ServiceChipConnect.d.ts

@@ -3,8 +3,10 @@ import type { ServiceFilterChipsObject } from '../../../store/types';
 export interface ServiceChipConnectProps {
     service: ServiceFilterChipsObject;
     isAllSelected: boolean;
+    panelId: string;
 }
 export declare const ServiceChipConnect: React.FC<ServiceChipConnectProps>;
 export declare const AllChipConnect: React.FC<{
     isAllSelected: boolean;
+    panelId: string;
 }>;

package/src/lib/components/TimeSeriesSelect/ServiceOptionsConnect.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const ServiceOptionsButtonConnect: React.FC;
+interface ServiceOptionsButtonConnectProps {
+    panelId: string;
+}
+export declare const ServiceOptionsButtonConnect: React.FC<ServiceOptionsButtonConnectProps>;
+export {};

package/src/lib/components/TimeSeriesSelect/ServicePopup/ServicePopupConnect.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const ServicePopupConnect: React.FC;
+interface ServicePopupConnectProps {
+    panelId: string;
+}
+export declare const ServicePopupConnect: React.FC<ServicePopupConnectProps>;
+export {};

package/src/lib/components/TimeSeriesSelect/ServicePopup/ServicePopupDialogConnect.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { TimeSeriesTypes } from '../../../store';
 interface ServicePopupDialogConnectType {
     isOpen: boolean;
+    panelId: string;
     serviceId?: string;
     variant: TimeSeriesTypes.PopupVariant;
     url?: string;

package/src/lib/components/TimeSeriesSelect/TimeSeriesSearchConnect.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const SearchFieldConnect: React.FC;
+interface SearchFieldConnectProps {
+    panelId: string;
+}
+declare const SearchFieldConnect: React.FC<SearchFieldConnectProps>;
 export default SearchFieldConnect;

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

@@ -2,6 +2,7 @@ import type { FC } from 'react';
 import type { TimeSeriesService } from '@opengeoweb/shared';
 import type { Parameter, Plot } from '../TimeSeries/types';
 interface TimeSeriesSelectProps {
+    panelId: string;
     onClose: () => void;
     onMouseDown: () => void;
     isOpen: boolean;

package/src/lib/components/TimeSeriesSelect/TimeSeriesSelectButtonConnect.d.ts

@@ -6,5 +6,6 @@ export interface TimeSeriesSelectButtonConnectProps {
     t: TFunction;
     plotId: string;
     selectPlotId: string;
+    panelId: string;
 }
 export declare const TimeSeriesSelectButtonConnect: React.FC<TimeSeriesSelectButtonConnectProps>;

package/src/lib/components/TimeSeriesSelect/TimeSeriesSelectList.d.ts

@@ -6,6 +6,7 @@ export declare const NO_RESULTS_FOUND_MESSAGE = "No parameters found";
 export declare const DEFAULT_DIALOG_HEIGHT = 500;
 interface TimeSeriesSelectListProps {
     selectPlot: Plot;
+    panelId: string;
     collectionListItemDetails: Record<string, boolean>;
     collectionList?: TimeseriesCollectionDetail[];
     setCollectionListItemDetails: (newList: Record<string, boolean>) => void;

package/src/lib/components/TimeSeriesSelect/TimeSeriesSelectListConnect.d.ts

@@ -6,6 +6,7 @@ interface TimeSeriesSelectListConnectProps {
     handleAddOrRemoveClick: (parameter: Parameter, plotHasParameter: boolean) => void;
     services: TimeSeriesService[];
     isOpen: boolean;
+    panelId: string;
 }
 export declare const TimeSeriesSelectListConnect: FC<TimeSeriesSelectListConnectProps>;
 export {};

package/src/lib/components/TimeSeriesSelect/TimeSeriesServiceList.d.ts

@@ -3,6 +3,7 @@ import type { ServiceFilterChipsObjectEntities } from '../../store/types';
 interface TimeSeriesServiceListProps {
     filterChipsServicesById: ServiceFilterChipsObjectEntities;
     isAllSelected: boolean;
+    panelId: string;
 }
 declare const TimeSeriesServiceList: React.FC<TimeSeriesServiceListProps>;
 export default TimeSeriesServiceList;

package/src/lib/components/TimeSeriesSelect/TimeSeriesServiceListConnect.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import type { ServiceFilterChipsObjectEntities } from '../../store/types';
 export declare const sortByService: (serviceObj: ServiceFilterChipsObjectEntities) => ServiceFilterChipsObjectEntities;
-declare const TimeSeriesServiceListConnect: React.FC;
+interface TimeSeriesServiceListConnectProps {
+    panelId: string;
+}
+declare const TimeSeriesServiceListConnect: React.FC<TimeSeriesServiceListConnectProps>;
 export default TimeSeriesServiceListConnect;

package/src/lib/store/reducer.d.ts

@@ -1,43 +1,54 @@
-import type { PayloadAction, Draft } from '@reduxjs/toolkit';
+import type { Reducer } from '@reduxjs/toolkit';
 import type { TimeSeriesService } from '@opengeoweb/shared';
-import type { ServiceFilterChipsObject, SetCurrentParameterInfo, SetSearchFilterPayload, MovePlotPayload, SetTimeSeriesServicesPayload, TimeSeriesStoreType, ParameterManipulationPayload, UpdateTitlePayload, MoveParameterPayload, SetTimeSeriesServicePopupPayload, UpsertTimeSeriesServicePayload, RemoveServiceFilterChipFromStorePayload, RemoveTimeSeriesServicePayload, ParameterActionPayload, PlotActionPayload, AddPlotPayload, ParameterPatchPayload, ToggleDisableMapPinPayload, ToggleLocationMarkersPayload, ToggleTimeSeriesLegendPayload, SetTimeSeriesLocationPayload } from './types';
+import type { ServiceFilterChipsObject, SetCurrentParameterInfo, SetSearchFilterPayload, MovePlotPayload, SetTimeSeriesServicesPayload, TimeSeriesState, TimeSeriesStoreType, ParameterManipulationPayload, UpdateTitlePayload, MoveParameterPayload, SetTimeSeriesServicePopupPayload, UpsertTimeSeriesServicePayload, RemoveServiceFilterChipFromStorePayload, RemoveTimeSeriesServicePayload, ParameterActionPayload, PlotActionPayload, AddPlotPayload, ParameterPatchPayload, ToggleDisableMapPinPayload, ToggleLocationMarkersPayload, ToggleTimeSeriesLegendPayload, SetTimeSeriesLocationPayload, RegisterTimeSeriesPresetPayload } from './types';
 export declare const timeseriesSelectServiceFilterChipsAdapter: import("@reduxjs/toolkit").EntityAdapter<ServiceFilterChipsObject, string>;
-export declare const initialState: TimeSeriesStoreType;
-export declare const timeSeriesReducer: import("redux").Reducer<TimeSeriesStoreType>, timeSeriesActions: import("@reduxjs/toolkit").CaseReducerActions<{
-    loadUserAddedTimeSeriesServices: (draft: Draft<TimeSeriesStoreType>, payloadAction: PayloadAction<TimeSeriesService[]>) => void;
-    registerTimeSeriesPreset: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<TimeSeriesStoreType>) => void;
-    deletePlot: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<PlotActionPayload>) => void;
-    togglePlot: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<PlotActionPayload>) => void;
-    addPlot: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<AddPlotPayload>) => void;
-    deleteParameter: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<ParameterActionPayload>) => void;
-    addParameter: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<ParameterManipulationPayload>) => void;
-    toggleParameter: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<ParameterActionPayload>) => void;
-    patchParameter: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<ParameterPatchPayload>) => void;
-    updateTitle: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<UpdateTitlePayload>) => void;
-    setSearchFilter: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<SetSearchFilterPayload>) => void;
-    movePlot: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<MovePlotPayload>) => void;
-    moveParameter: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<MoveParameterPayload>) => void;
-    setServiceFilterChipSelected: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<{
+export declare const initialState: TimeSeriesState;
+export declare const createPanelState: () => TimeSeriesStoreType;
+export declare const initialPanelState: TimeSeriesStoreType;
+export declare const timeSeriesActions: {
+    resetTimeSeriesPanels: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"timeseriesPanel/resetPanels">;
+    loadUserAddedTimeSeriesServices: import("@reduxjs/toolkit").ActionCreatorWithPayload<TimeSeriesService[] | SetTimeSeriesServicesPayload, "timeseriesPanel/loadUserAddedTimeSeriesServices">;
+    registerTimeSeriesPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<RegisterTimeSeriesPresetPayload, "timeseriesPanel/registerTimeSeriesPreset">;
+    deletePlot: import("@reduxjs/toolkit").ActionCreatorWithPayload<PlotActionPayload, "timeseriesPanel/deletePlot">;
+    togglePlot: import("@reduxjs/toolkit").ActionCreatorWithPayload<PlotActionPayload, "timeseriesPanel/togglePlot">;
+    addPlot: import("@reduxjs/toolkit").ActionCreatorWithPayload<AddPlotPayload, "timeseriesPanel/addPlot">;
+    deleteParameter: import("@reduxjs/toolkit").ActionCreatorWithPayload<ParameterActionPayload, "timeseriesPanel/deleteParameter">;
+    addParameter: import("@reduxjs/toolkit").ActionCreatorWithPayload<ParameterManipulationPayload, "timeseriesPanel/addParameter">;
+    toggleParameter: import("@reduxjs/toolkit").ActionCreatorWithPayload<ParameterActionPayload, "timeseriesPanel/toggleParameter">;
+    patchParameter: import("@reduxjs/toolkit").ActionCreatorWithPayload<ParameterPatchPayload, "timeseriesPanel/patchParameter">;
+    updateTitle: import("@reduxjs/toolkit").ActionCreatorWithPayload<UpdateTitlePayload, "timeseriesPanel/updateTitle">;
+    setSearchFilter: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetSearchFilterPayload, "timeseriesPanel/setSearchFilter">;
+    movePlot: import("@reduxjs/toolkit").ActionCreatorWithPayload<MovePlotPayload, "timeseriesPanel/movePlot">;
+    moveParameter: import("@reduxjs/toolkit").ActionCreatorWithPayload<MoveParameterPayload, "timeseriesPanel/moveParameter">;
+    setServiceFilterChipSelected: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
         serviceId: string;
-    }>) => void;
-    setAllServiceFilterChipSelected: (draft: Draft<TimeSeriesStoreType>) => void;
-    setOnlyThisServiceFilterChipSelected: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<{
+        panelId?: string;
+    }, "timeseriesPanel/setServiceFilterChipSelected">;
+    setAllServiceFilterChipSelected: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        panelId?: string;
+    }, "timeseriesPanel/setAllServiceFilterChipSelected">;
+    setOnlyThisServiceFilterChipSelected: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
         serviceId: string;
-    }>) => void;
-    setServiceFilterChipUnselected: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<{
+        panelId?: string;
+    }, "timeseriesPanel/setOnlyThisServiceFilterChipSelected">;
+    setServiceFilterChipUnselected: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
         serviceId: string;
-    }>) => void;
-    setServiceFilterChipsInStore: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<ServiceFilterChipsObject[]>) => void;
-    removeServiceFilterChipFromStore: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<RemoveServiceFilterChipFromStorePayload>) => void;
-    setCurrentParameterInfoDisplayed: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<SetCurrentParameterInfo>) => void;
-    addServices: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<SetTimeSeriesServicesPayload>) => void;
-    upsertService: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<UpsertTimeSeriesServicePayload>) => void;
-    removeService: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<RemoveTimeSeriesServicePayload>) => void;
-    closeServicePopup: (draft: Draft<TimeSeriesStoreType>) => void;
-    setServicePopup: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<SetTimeSeriesServicePopupPayload>) => void;
-    disableMapPin: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<ToggleDisableMapPinPayload>) => void;
-    toggleLocationMarkers: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<ToggleLocationMarkersPayload>) => void;
-    toggleLegend: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<ToggleTimeSeriesLegendPayload>) => void;
-    setCurrentLocation: (draft: Draft<TimeSeriesStoreType>, action: PayloadAction<SetTimeSeriesLocationPayload>) => void;
-}, "timeseries">;
+        panelId?: string;
+    }, "timeseriesPanel/setServiceFilterChipUnselected">;
+    setServiceFilterChipsInStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<ServiceFilterChipsObject[], "timeseriesPanel/setServiceFilterChipsInStore">;
+    removeServiceFilterChipFromStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<RemoveServiceFilterChipFromStorePayload, "timeseriesPanel/removeServiceFilterChipFromStore">;
+    setCurrentParameterInfoDisplayed: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetCurrentParameterInfo, "timeseriesPanel/setCurrentParameterInfoDisplayed">;
+    addServices: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSeriesServicesPayload, "timeseriesPanel/addServices">;
+    upsertService: import("@reduxjs/toolkit").ActionCreatorWithPayload<UpsertTimeSeriesServicePayload, "timeseriesPanel/upsertService">;
+    removeService: import("@reduxjs/toolkit").ActionCreatorWithPayload<RemoveTimeSeriesServicePayload, "timeseriesPanel/removeService">;
+    closeServicePopup: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+        panelId?: string;
+    }, "timeseriesPanel/closeServicePopup">;
+    setServicePopup: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSeriesServicePopupPayload, "timeseriesPanel/setServicePopup">;
+    disableMapPin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleDisableMapPinPayload, "timeseriesPanel/disableMapPin">;
+    toggleLocationMarkers: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleLocationMarkersPayload, "timeseriesPanel/toggleLocationMarkers">;
+    toggleLegend: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleTimeSeriesLegendPayload, "timeseriesPanel/toggleLegend">;
+    setCurrentLocation: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSeriesLocationPayload, "timeseriesPanel/setCurrentLocation">;
+};
+export declare const timeSeriesReducer: Reducer<TimeSeriesState>;
 export declare const generateServiceId: () => string;