@opengeoweb/time-series 20.2.0 → 21.0.0

package/dist/src/lib/components/TimeSeries/CurrentTime/CurrentTime.d.ts

@@ -0,0 +1,20 @@
+import type { EChartsInstance } from 'echarts-for-react';
+import React from 'react';
+/** One clock per view; standalone charts can use their own clock. Times are milliseconds. */
+export declare const useCurrentTime: (enabled?: boolean) => number;
+/** Fractional category index, preserving the spacing of the chart's time axis. */
+export declare const getCurrentTimeIndex: (timestamps: number[], currentTime: number) => number | undefined;
+interface IndicatorLine {
+    id: string;
+    x: number;
+    y: number;
+    height: number;
+}
+export declare const getCurrentTimeLines: (instance: EChartsInstance, currentTime: number, showPlots: boolean, showZoom: boolean) => IndicatorLine[];
+export declare const CurrentTime: React.FC<{
+    instance: EChartsInstance | null;
+    currentTime: number;
+    showPlots: boolean;
+    showZoom: boolean;
+}>;
+export {};

package/dist/src/lib/components/TimeSeries/CurrentTime/index.d.ts

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

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

@@ -2,11 +2,13 @@ import type { EChartsInstance, EChartsOption } from 'echarts-for-react';
 import ReactECharts from 'echarts-for-react';
 import React from 'react';
 import type { PlotWithData } from './types';
-export declare const useChartHeight: ({ plotsWithData, shouldShowLegend, option, onLegendHeightChange, }: {
+export declare const useChartHeight: ({ plotsWithData, shouldShowLegend, option, fitToContainer, shouldShowZoom, controlsOnly, }: {
     plotsWithData: PlotWithData[];
     shouldShowLegend: boolean;
     option: EChartsOption;
-    onLegendHeightChange?: (height: number) => void;
+    fitToContainer?: boolean;
+    shouldShowZoom?: boolean;
+    controlsOnly?: "legend" | "zoom";
 }) => {
     chartHeight: number;
     chartRef: React.RefObject<ReactECharts | null>;
@@ -16,6 +18,21 @@ export interface DataZoomState {
     start: number;
     end: number;
 }
+interface AxisPointerEvent {
+    axesInfo?: {
+        axisDim: string;
+        axisIndex: number;
+        value: number | string;
+    }[];
+}
+export interface ChartSynchronization {
+    zoomState: React.RefObject<DataZoomState | null>;
+    register: (instance: EChartsInstance, syncPointer?: boolean) => void;
+    unregister: (instance: EChartsInstance) => void;
+    zoom: (state: DataZoomState, source?: EChartsInstance) => void;
+    pointer: (event: AxisPointerEvent, source?: EChartsInstance) => void;
+}
+export declare const useChartSynchronization: () => ChartSynchronization;
 export declare const applyDataZoomState: (option: EChartsOption, dataZoomState: DataZoomState | null) => EChartsOption;
 export declare const extractDataZoomState: (params: {
     start?: number;
@@ -30,5 +47,11 @@ export declare const TimeSeriesChart: React.FC<{
     animation?: boolean;
     shouldShowLegend?: boolean;
     onToggleLegendParam?: (legendId: string) => void;
-    onLegendHeightChange?: (height: number) => void;
+    fitToContainer?: boolean;
+    shouldShowZoom?: boolean;
+    controlsOnly?: 'legend' | 'zoom';
+    synchronization?: ReturnType<typeof useChartSynchronization>;
+    sharedTimesteps?: Date[];
+    currentTime?: number;
 }>;
+export {};

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

@@ -3,6 +3,7 @@ import type { PlotPreset, TimeSeriesService } from '@opengeoweb/shared';
 import type { TimeSliderStartEndStep } from '@opengeoweb/store';
 import type { PointerLocation, GeoJsonWithService } from './types';
 interface TimeSeriesViewProps {
+    viewId: string;
     plotPreset: PlotPreset;
     selectedLocation: PointerLocation;
     services: TimeSeriesService[];

package/dist/src/lib/components/TimeSeries/chartUtils.d.ts

@@ -21,12 +21,16 @@ export declare const getYAxis: (plotCharts: PlotChart[]) => YAXisComponentOption
 export declare const getXAxis: (plotCharts: PlotChart[]) => XAXisComponentOption[];
 export declare const getParameterDisplayName: (parameter: ParameterWithData) => string;
 export declare const roundDecimalValues: (value: number) => string;
-export declare const getOption: (plotsWithData: PlotWithData[], shouldShowLegend?: boolean) => EChartsOption;
+/** Shared category order for panel charts and their zoom preview. */
+export declare const getSharedTimesteps: (plots: PlotWithData[]) => Date[];
+/** Build a unit-independent overview from visible, open plots and enabled parameters. */
+export declare const getZoomPreviewPlot: (plots: PlotWithData[]) => PlotWithData;
+export declare const getOption: (plotsWithData: PlotWithData[], shouldShowLegend?: boolean, sharedTimesteps?: Date[]) => EChartsOption;
 export declare const getEChartsSeriesDataByTimestep: (timesteps: Date[], parameter: ParameterWithData) => (number | string)[][];
 export declare const getSeries: (plotCharts: PlotChart[], parameterNames: {
     name: string;
     id: string;
-}[]) => (LineSeriesOption | BarSeriesOption | ScatterSeriesOption)[];
+}[], sharedTimesteps?: Date[]) => (LineSeriesOption | BarSeriesOption | ScatterSeriesOption)[];
 export declare const getGrid: (plotCharts: PlotChart[]) => GridComponentOption[];
 export declare const Y_AXIS_OFFSET = 80;
 export declare const PLOT_HEIGHT = 150;

package/dist/src/lib/components/TimeSeries/types.d.ts

@@ -48,7 +48,9 @@ export interface Plot {
     title: string;
     plotId: string;
     enabled?: boolean;
+    isOpen?: boolean;
     parameters?: Parameter[];
+    customSize?: number;
 }
 export interface PlotWithData extends Plot {
     parametersWithData: ParameterWithData[];

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

@@ -8,6 +8,7 @@ export declare const PlotRows: FC<{
     rowIndex: number;
     showTooltip: boolean;
     deletePlot: (id: string) => void;
+    duplicatePlot: (id: string) => void;
     deleteParameter: (id: string) => void;
     togglePlot: (id: string) => void;
     selectPlotId: string;

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

@@ -22,6 +22,7 @@ export declare const TimeSeriesManager: FC<{
     plotState: PlotPreset;
     addPlot: (title: string) => void;
     deletePlot: (id: string) => void;
+    duplicatePlot: (id: string) => void;
     togglePlot: (id: string) => void;
     addParameter: (parameter: Parameter) => void;
     deleteParameter: (id: string) => void;

package/dist/src/lib/components/TimeSeriesPanels/TimeSeriesPanelConnect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ResizablePanelWrapperProps } from '@opengeoweb/shared';
+export declare const TIME_SERIES_PANEL_MIN_HEIGHT = 90;
+export declare const TimeSeriesPanelConnect: React.ForwardRefExoticComponent<ResizablePanelWrapperProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/lib/components/TimeSeriesPanels/TimeSeriesPanelsConnect.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ResizablePanelComponent } from '@opengeoweb/shared';
+export interface TimeSeriesPanelsProps {
+    viewId: string;
+    panelComponent?: ResizablePanelComponent;
+    renderPlot: (plotId: string) => React.ReactNode;
+}
+export declare const TimeSeriesPanelsConnect: ({ viewId, panelComponent, renderPlot, }: TimeSeriesPanelsProps) => React.ReactElement;

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

@@ -1,6 +1,6 @@
 import type { Reducer } from '@reduxjs/toolkit';
 import type { TimeSeriesService } from '@opengeoweb/shared';
-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, SetLocationMenuSizeAndPositionPayload, SetLocationsDialogOpenPayload } from './types';
+import type { ServiceFilterChipsObject, SetCurrentParameterInfo, SetSearchFilterPayload, MovePlotPayload, SetTimeSeriesServicesPayload, TimeSeriesState, TimeSeriesStoreType, ParameterManipulationPayload, UpdateTitlePayload, MoveParameterPayload, SetTimeSeriesServicePopupPayload, UpsertTimeSeriesServicePayload, RemoveServiceFilterChipFromStorePayload, RemoveTimeSeriesServicePayload, ParameterActionPayload, PlotActionPayload, AddPlotPayload, DuplicatePlotPayload, ParameterPatchPayload, ToggleDisableMapPinPayload, ToggleLocationMarkersPayload, ToggleTimeSeriesLegendPayload, SetTimeSeriesLocationPayload, RegisterTimeSeriesPresetPayload, SetLocationMenuSizeAndPositionPayload, SetLocationsDialogOpenPayload, SetPlotSizePayload, SetPlotIsOpenPayload, ReorderPlotsPayload } from './types';
 export declare const timeseriesSelectServiceFilterChipsAdapter: import("@reduxjs/toolkit").EntityAdapter<ServiceFilterChipsObject, string>;
 export declare const initialState: TimeSeriesState;
 export declare const createPanelState: () => TimeSeriesStoreType;
@@ -12,6 +12,9 @@ export declare const timeSeriesActions: {
     deletePlot: import("@reduxjs/toolkit").ActionCreatorWithPayload<PlotActionPayload, "timeseriesPanel/deletePlot">;
     togglePlot: import("@reduxjs/toolkit").ActionCreatorWithPayload<PlotActionPayload, "timeseriesPanel/togglePlot">;
     addPlot: import("@reduxjs/toolkit").ActionCreatorWithPayload<AddPlotPayload, "timeseriesPanel/addPlot">;
+    setPlotIsOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetPlotIsOpenPayload, "timeseriesPanel/setPlotIsOpen">;
+    setPlotSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetPlotSizePayload, "timeseriesPanel/setPlotSize">;
+    duplicatePlot: import("@reduxjs/toolkit").ActionCreatorWithPayload<DuplicatePlotPayload, "timeseriesPanel/duplicatePlot">;
     deleteParameter: import("@reduxjs/toolkit").ActionCreatorWithPayload<ParameterActionPayload, "timeseriesPanel/deleteParameter">;
     addParameter: import("@reduxjs/toolkit").ActionCreatorWithPayload<ParameterManipulationPayload, "timeseriesPanel/addParameter">;
     toggleParameter: import("@reduxjs/toolkit").ActionCreatorWithPayload<ParameterActionPayload, "timeseriesPanel/toggleParameter">;
@@ -19,6 +22,7 @@ export declare const timeSeriesActions: {
     updateTitle: import("@reduxjs/toolkit").ActionCreatorWithPayload<UpdateTitlePayload, "timeseriesPanel/updateTitle">;
     setSearchFilter: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetSearchFilterPayload, "timeseriesPanel/setSearchFilter">;
     movePlot: import("@reduxjs/toolkit").ActionCreatorWithPayload<MovePlotPayload, "timeseriesPanel/movePlot">;
+    reorderPlots: import("@reduxjs/toolkit").ActionCreatorWithPayload<ReorderPlotsPayload, "timeseriesPanel/reorderPlots">;
     moveParameter: import("@reduxjs/toolkit").ActionCreatorWithPayload<MoveParameterPayload, "timeseriesPanel/moveParameter">;
     setServiceFilterChipSelected: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
         serviceId: string;

package/dist/src/lib/store/selectors.d.ts

@@ -7,6 +7,9 @@ interface TimeSeriesStateSlice {
 }
 export declare const getPanelState: (state: TimeSeriesStateSlice, panelId?: string) => TimeSeriesStoreType | undefined;
 export declare const getPlotState: (state: TimeSeriesStateSlice, panelId?: string) => PlotPreset | undefined;
+export declare const getPlotById: (state: TimeSeriesStateSlice, panelId: string | undefined, plotId: string) => Plot | undefined;
+export declare const getPlotIsOpen: (state: TimeSeriesStateSlice, panelId: string | undefined, plotId: string) => boolean;
+export declare const getPlotCustomSize: (state: TimeSeriesStateSlice, panelId: string | undefined, plotId: string) => number | undefined;
 export declare const getTimeSeriesState: (state: TimeSeriesStateSlice, panelId?: string) => TimeSeriesStoreType | undefined;
 export declare const getMapId: (state: TimeSeriesStateSlice, panelId?: string) => string | undefined;
 export declare const getPlotWithParameters: ((state: TimeSeriesStateSlice, _selectPlotId: string, panelId?: string | undefined) => Plot | undefined) & {

package/dist/src/lib/store/types.d.ts

@@ -108,9 +108,19 @@ export interface ParameterActionPayload extends TimeSeriesPayload {
 export interface PlotActionPayload extends TimeSeriesPayload {
     plotId: string;
 }
+export interface DuplicatePlotPayload extends PlotActionPayload {
+    title: string;
+}
 export interface AddPlotPayload extends TimeSeriesPayload {
     title: string;
 }
+export interface SetPlotIsOpenPayload extends PlotActionPayload {
+    isOpen: boolean;
+}
+export interface SetPlotSizePayload extends TimeSeriesPayload {
+    plotId: string;
+    size: number;
+}
 export interface UpdateTitlePayload extends TimeSeriesPayload {
     plotId: string;
     title: string;
@@ -127,6 +137,9 @@ export interface MovePlotPayload extends TimeSeriesPayload {
     oldIndex: number;
     newIndex: number;
 }
+export interface ReorderPlotsPayload extends TimeSeriesPayload {
+    newOrder: string[];
+}
 export interface MoveParameterPayload extends TimeSeriesPayload {
     oldIndex: number;
     newIndex: number;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@opengeoweb/time-series",
-    "version": "20.2.0",
+    "version": "21.0.0",
     "description": "GeoWeb time-series library for the opengeoweb project",
     "license": "Apache-2.0",
     "repository": {
@@ -21,26 +21,26 @@
     },
     "dependencies": {
         "immer": "^10.0.3",
-        "@opengeoweb/shared": "20.2.0",
+        "@opengeoweb/shared": "21.0.0",
         "@reduxjs/toolkit": "^2.6.1",
         "react-redux": "^9.2.0",
-        "@opengeoweb/webmap": "20.2.0",
-        "@opengeoweb/webmap-react": "20.2.0",
+        "@opengeoweb/webmap": "21.0.0",
+        "@opengeoweb/webmap-react": "21.0.0",
         "lodash": "^4.18.1",
-        "@opengeoweb/api": "20.2.0",
-        "@opengeoweb/authentication": "20.2.0",
-        "@opengeoweb/theme": "20.2.0",
-        "@opengeoweb/store": "20.2.0",
+        "@opengeoweb/api": "21.0.0",
+        "@opengeoweb/authentication": "21.0.0",
+        "@opengeoweb/theme": "21.0.0",
+        "@opengeoweb/store": "21.0.0",
         "echarts-for-react": "^3.0.6",
         "echarts": "^6.1.0",
         "react-sortablejs": "^6.1.4",
-        "@opengeoweb/snackbar": "20.2.0",
+        "@opengeoweb/snackbar": "21.0.0",
         "react-window": "^2.2.6",
         "msw": "^2.7.3",
         "i18next": "^25.0.1",
         "react-i18next": "^15.1.1",
-        "@opengeoweb/core": "20.2.0",
-        "@opengeoweb/form-fields": "20.2.0",
+        "@opengeoweb/core": "21.0.0",
+        "@opengeoweb/form-fields": "21.0.0",
         "@mui/material": "^9.0.1",
         "react-hook-form": "^7.61.1",
         "uuid": "^11.1.1",