@opengeoweb/soundings 12.5.0 → 12.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/soundings",
-  "version": "12.5.0",
+  "version": "12.7.0",
   "description": "GeoWeb soundings library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,20 +8,22 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/api": "12.5.0",
+    "@opengeoweb/api": "12.7.0",
     "@tanstack/react-query": "^5.69.2",
     "react": "^18.3.1",
     "d3": "^7.9.0",
     "react-i18next": "^15.1.1",
     "i18next": "^25.0.1",
-    "@opengeoweb/shared": "12.5.0",
+    "@opengeoweb/shared": "12.7.0",
     "@mui/material": "^7.0.1",
-    "@opengeoweb/store": "12.5.0",
+    "@opengeoweb/store": "12.7.0",
     "react-redux": "^9.2.0",
-    "@opengeoweb/theme": "12.5.0",
+    "@opengeoweb/theme": "12.7.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/timeslider": "12.5.0",
-    "react-window": "^1.8.10"
+    "@opengeoweb/timeslider": "12.7.0",
+    "react-window": "^1.8.10",
+    "@opengeoweb/webmap": "12.7.0",
+    "lodash": "^4.17.21"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/lib/api/edr-api/api.d.ts

@@ -1,5 +1,6 @@
-import { LocationsResponseFromBE, SoundingsInstances, CoverageCollection } from './types';
+import { CoverageCollection } from '@opengeoweb/shared';
+import { LocationsResponseFromBE, SoundingsInstances } from './types';
 export declare const getCollectionLocations: (collectionId: string, baseUrl: string) => Promise<LocationsResponseFromBE>;
-export declare const getCollectionInstance: (collectionId: string, baseUrl: string) => Promise<SoundingsInstances>;
+export declare const getCollectionInstances: (collectionId: string, baseUrl: string) => Promise<SoundingsInstances>;
 export declare const getEdrCollectionForLocation: (collectionId: string, baseUrl: string, instanceId: string | undefined, locationId: string, parameters: string[], datetime: string) => Promise<CoverageCollection>;
 export declare const getEdrCollectionForPosition: (collectionId: string, baseUrl: string, instanceId: string | undefined, coordinates: [number, number], parameters: string[], datetime: string) => Promise<CoverageCollection>;

package/src/lib/api/edr-api/hooks.d.ts

@@ -22,6 +22,11 @@ export declare const useMultipleSources: (sources: SourceType[], locations: Reco
     isPending: boolean;
     error: Error | null | undefined;
 };
+export declare const useTimesteps: (sourceSelections: SourceType[]) => {
+    data: string[][];
+    error: Error | null;
+    isPending: boolean;
+};
 export declare const useGetCollectionsInstances: (collections?: SoundingsCollection[], isDialogOpen?: boolean) => {
     data: SoundingsCollectionsWithInstances[] | undefined;
     isPending: boolean;

package/src/lib/api/edr-api/types.d.ts

@@ -1,5 +1,5 @@
 import { Geometry } from 'geojson';
-import { Referencing } from './crss-types';
+import { EDRInstance } from '@opengeoweb/shared';
 export interface FeaturesFromBE {
     id: string;
     type: string;
@@ -14,65 +14,6 @@ export interface LocationsResponseFromBE {
     features: FeaturesFromBE[];
     type: string;
 }
-interface AxisValues {
-    values: number[] | string[];
-}
-interface SingleValueAxis {
-    values: [number];
-}
-interface SingleTimeValueAxis {
-    values: [string];
-}
-interface VerticalProfileAxes {
-    x: SingleValueAxis;
-    y: SingleValueAxis;
-    z: AxisValues;
-    t?: SingleTimeValueAxis;
-}
-export interface VerticalProfileDomain {
-    type: 'Domain';
-    domainType: 'VerticalProfile';
-    axes: VerticalProfileAxes;
-    referencing?: Referencing[];
-}
-interface NdArray {
-    type: 'NdArray';
-    dataType: 'float' | 'integer' | 'string';
-    axisNames?: string[];
-    shape?: number[];
-    values: number[] | string[];
-}
-type Ranges = Record<string, NdArray>;
-type Description = Record<string, string>;
-type Label = Record<string, string>;
-interface Parameter {
-    type: 'Parameter';
-    id?: string;
-    label?: Label;
-    description?: Description;
-    unit?: {
-        label?: Label;
-        symbol?: Record<string, string>;
-    };
-    observedProperty: {
-        id?: string;
-        label: Label;
-        description?: Description;
-    };
-}
-export interface Coverage {
-    type: 'Coverage';
-    domain: VerticalProfileDomain;
-    ranges: Ranges;
-}
-export interface CoverageCollection {
-    type: 'CoverageCollection';
-    domainType: VerticalProfileDomain;
-    parameters: Record<string, Parameter>;
-    ranges: Record<string, NdArray>;
-    coverages: Coverage[];
-    referencing: Referencing[];
-}
 export interface SoundingFeatureProperties {
     time: string;
     temp: number;
@@ -86,11 +27,9 @@ export interface SoundingFeature {
     geometry: Geometry;
     properties: SoundingFeatureProperties;
 }
-export interface SoundingsInstance {
-    id: string;
-}
+export type SoundingsInstance = EDRInstance;
 export interface SoundingsInstances {
     instances: SoundingsInstance[];
 }
-export type SoundingDiagramType = 'SKEWT' | 'BIJVOET';
-export {};
+export declare const soundingDiagrams: readonly ["SKEWT", "BIJVOET", "EMAGRAM"];
+export type SoundingDiagramType = (typeof soundingDiagrams)[number];

package/src/lib/api/edr-api/utils.d.ts

@@ -1,2 +1,10 @@
-import { CoverageCollection, SoundingFeature } from './types';
+import { CoverageCollection } from '@opengeoweb/shared';
+import { SoundingFeature, SoundingsInstance } from './types';
 export declare function parseCoverageCollection(response: CoverageCollection, parameterMappings: Record<string, string>): SoundingFeature[];
+/**
+ * Parse duration with repeats
+ * @param dateString e.g. 'R67/2025-04-22T09:00:00Z/PT60M'
+ * @returns Array of ISO datetime strings, e.g., ['2025-04-22T09:00:00.000Z', ...]
+ */
+export declare const parseDurationWithRepeats: (dateString: string) => string[];
+export declare const getTimestepsFromInstance: (instance?: SoundingsInstance) => string[];

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

@@ -9,4 +9,5 @@ interface SoundingsStoreWrapperProps {
     store?: Store;
 }
 export declare const SoundingsStoreProvider: React.FC<SoundingsStoreWrapperProps>;
+export declare const SoundingsStoryStoreProvider: React.FC<SoundingsStoreWrapperProps>;
 export {};

package/src/lib/components/Soundings/DiagramTypeButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SoundingDiagramType } from '../../api/edr-api/types';
+interface DiagramTypeButtonProps {
+    diagramType: SoundingDiagramType;
+    setDiagramType: (diagramType: SoundingDiagramType) => void;
+}
+export declare const DiagramTypeButton: ({ diagramType, setDiagramType, }: DiagramTypeButtonProps) => React.ReactElement;
+export {};

package/src/lib/components/Soundings/Soundings.stories.d.ts

@@ -3,7 +3,9 @@ import { Soundings } from './Soundings';
 declare const meta: Meta<typeof Soundings>;
 export default meta;
 type Story = StoryObj<typeof Soundings>;
-export declare const SoundingsExample: Story;
-export declare const SoundingsExampleDark: Story;
+export declare const SoundingsSkewTExample: Story;
+export declare const SoundingsSkewTExampleDark: Story;
+export declare const SoundingsEmagramExample: Story;
+export declare const SoundingsEmagramExampleDark: Story;
 export declare const SoundingsBijvoetExample: Story;
 export declare const SoundingsBijvoetExampleDark: Story;

package/src/lib/components/Soundings/SoundingsConnect.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
+import { SoundingDiagramType } from '../../api/edr-api/types';
 interface SoundingsConnectProps {
     viewId: string;
+    diagramType?: SoundingDiagramType;
 }
-export declare const SoundingsConnect: ({ viewId, }: SoundingsConnectProps) => React.ReactElement;
+export declare const SoundingsConnect: ({ viewId, diagramType, }: SoundingsConnectProps) => React.ReactElement;
 export {};

package/src/lib/components/Soundings/SoundingsConnect.stories.d.ts

@@ -1,8 +1,13 @@
+import { StoryObj } from '@storybook/react/*';
+import { SoundingsConnect } from '..';
 declare const _default: {
     title: string;
     tags: string[];
 };
 export default _default;
+type Story = StoryObj<typeof SoundingsConnect>;
+export declare const SoundingsConnectStory: Story;
+export declare const SoundingsConnectStoryDark: Story;
 export declare const SoundingsConnectLoading: {
     (): React.ReactElement;
     parameters: {

package/src/lib/components/Soundings/drawUtils.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import * as d3 from 'd3';
+import { i18n, TFunction } from 'i18next';
 import { SoundingDiagramType } from '../../api/edr-api/types';
 import { ScalesType } from './types';
 export declare const SOUNDING_COLORS: string[];
@@ -38,6 +39,7 @@ interface PlotSounding {
     svg: d3.Selection<SVGElement, unknown, HTMLElement, undefined>;
     diagramType: SoundingDiagramType;
 }
+export declare const getDiagramName: (t: TFunction<'soundings', i18n>, diagramType: SoundingDiagramType) => string;
 export declare const initializeSvg: ({ svgRef, width, height, margin, diagramType, }: InitializeSvg) => d3.Selection<SVGGElement, unknown, null, undefined>;
 export declare const createScales: (diagramType: SoundingDiagramType, width: number, height: number, minPressure: number, maxPressure: number, minTemperature: number, maxTemperature: number) => [ScalesType, ScalesType];
 export declare const drawAxes: ({ svg, xScale, yScale, height, diagramType, }: DrawAxis) => void;

package/src/lib/components/SoundingsTimeSlider/SoundingsTimeSlider.stories.d.ts

@@ -6,3 +6,4 @@ type Story = StoryObj<typeof SoundingsTimeSlider>;
 export declare const ComponentLight: Story;
 export declare const ComponentDark: Story;
 export declare const NoTimesteps: Story;
+export declare const ManyTimesteps: Story;

package/src/lib/components/SoundingsTimeSlider/SoundingsTimeSliderConnect.d.ts

@@ -1,6 +1,2 @@
 import React from 'react';
-interface SoundingsTimeSliderConnectProps {
-    timesteps: string[];
-}
-export declare const SoundingsTimeSliderConnect: ({ timesteps, }: SoundingsTimeSliderConnectProps) => React.ReactElement;
-export {};
+export declare const SoundingsTimeSliderConnect: () => React.ReactElement;

package/src/lib/components/StaticLines/drawDryAdiabats.d.ts

@@ -1,5 +1,6 @@
 import * as d3 from 'd3';
 import { ScalesType } from '../Soundings/types';
+import { SoundingDiagramType } from '../../api/edr-api/types';
 interface DrawDryAdiabatsProps {
     staticPressureArray: number[];
     height: number;
@@ -7,8 +8,9 @@ interface DrawDryAdiabatsProps {
     yScale: ScalesType;
     dp: number;
     svg: d3.Selection<SVGElement, unknown, HTMLElement, unknown>;
+    diagramType: SoundingDiagramType;
 }
-export declare const drawDryAdiabats: ({ staticPressureArray, height, xScale, yScale, svg, dp, }: DrawDryAdiabatsProps) => void;
+export declare const drawDryAdiabats: ({ staticPressureArray, height, xScale, yScale, svg, dp, diagramType, }: DrawDryAdiabatsProps) => void;
 interface DrawDryAdiabatsBijvoetProps {
     staticPressureArray: number[];
     xScale: ScalesType;

package/src/lib/components/StaticLines/drawIsohumes.d.ts

@@ -1,13 +1,15 @@
 import * as d3 from 'd3';
 import { ScalesType } from '../Soundings/types';
+import { SoundingDiagramType } from '../../api/edr-api/types';
 interface DrawIsohumesProps {
     staticPressureArray: number[];
     height: number;
     xScale: ScalesType;
     yScale: ScalesType;
     svg: d3.Selection<SVGElement, unknown, HTMLElement, unknown>;
+    diagramType: SoundingDiagramType;
 }
-export declare const drawIsohumes: ({ staticPressureArray, height, xScale, yScale, svg, }: DrawIsohumesProps) => void;
+export declare const drawIsohumes: ({ staticPressureArray, height, xScale, yScale, svg, diagramType, }: DrawIsohumesProps) => void;
 interface DrawIsohumesBijvoetProps {
     staticPressureArray: number[];
     height: number;

package/src/lib/components/StaticLines/drawIsotherms.d.ts

@@ -1,13 +1,15 @@
 import * as d3 from 'd3';
 import { ScalesType } from '../Soundings/types';
+import { SoundingDiagramType } from '../../api/edr-api/types';
 interface DrawIsothermsProps {
     staticPressureArray: number[];
     height: number;
     xScale: ScalesType;
     yScale: ScalesType;
     svg: d3.Selection<SVGElement, unknown, HTMLElement, unknown>;
+    diagramType: SoundingDiagramType;
 }
-export declare const drawIsotherms: ({ staticPressureArray, height, xScale, yScale, svg, }: DrawIsothermsProps) => void;
+export declare const drawIsotherms: ({ staticPressureArray, height, xScale, yScale, svg, diagramType, }: DrawIsothermsProps) => void;
 interface DrawIsothermsBijvoetProps {
     staticPressureArray: number[];
     xScale: ScalesType;

package/src/lib/components/StaticLines/drawMoistAdiabats.d.ts

@@ -1,5 +1,6 @@
 import * as d3 from 'd3';
 import { ScalesType } from '../Soundings/types';
+import { SoundingDiagramType } from '../../api/edr-api/types';
 interface DrawMoistAdiabatsProps {
     staticPressureArray: number[];
     minTemperature: number;
@@ -12,8 +13,9 @@ interface DrawMoistAdiabatsProps {
     xScale: ScalesType;
     yScale: ScalesType;
     svg: d3.Selection<SVGElement, unknown, HTMLElement, unknown>;
+    diagramType: SoundingDiagramType;
 }
-export declare const drawMoistAdiabats: ({ staticPressureArray, minTemperature, maxTemperature, minPressure, maxPressure, width, height, xScale, yScale, svg, dp, }: DrawMoistAdiabatsProps) => void;
+export declare const drawMoistAdiabats: ({ staticPressureArray, minTemperature, maxTemperature, minPressure, maxPressure, width, height, xScale, yScale, svg, dp, diagramType, }: DrawMoistAdiabatsProps) => void;
 interface DrawMoistAdiabatsBijvoetProps {
     minPressure: number;
     maxPressure: number;

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

@@ -9,7 +9,7 @@ export interface UpdateSourcePayload {
     value: SourceSelection;
 }
 export interface SourceSelection {
-    url?: string;
+    url: string;
     instanceId?: string;
     isChecked?: boolean;
     parameterMappings?: Record<string, string>;

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

@@ -1,8 +1,10 @@
+import { SoundingDiagramType } from '../api/edr-api/types';
 export declare const soundingsComponentType = "Soundings";
 export interface SoundingsLookUpPayload {
     componentType: typeof soundingsComponentType;
     id: string;
     title?: string;
+    diagramType?: SoundingDiagramType;
     initialProps: Record<string, unknown>;
 }
 export declare const soundingsLookUp: (payload: SoundingsLookUpPayload) => React.JSX.Element | null;

package/src/lib/api/edr-api/crss-types.d.ts

@@ -1,26 +0,0 @@
-export interface Referencing {
-    coordinates: string[];
-    system: CRSSystem;
-}
-interface GeographicCRS {
-    type: 'GeographicCRS';
-    id: string;
-}
-interface ProjectedCRS {
-    type: 'ProjectedCRS';
-    id: string;
-}
-interface VerticalCRS {
-    type: 'VerticalCRS';
-    id: string;
-}
-interface EngineeringCRS {
-    type: 'EngineeringCRS';
-    id?: string;
-}
-interface TemporalRS {
-    type: 'TemporalRS';
-    calendar: string;
-}
-type CRSSystem = GeographicCRS | ProjectedCRS | VerticalCRS | EngineeringCRS | TemporalRS;
-export {};