@opengeoweb/webmap-react 12.13.0 → 13.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "12.13.0",
+  "version": "13.1.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {
@@ -8,9 +8,9 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/webmap": "12.13.0",
-    "@opengeoweb/theme": "12.13.0",
-    "@opengeoweb/shared": "12.13.0",
+    "@opengeoweb/webmap": "13.1.0",
+    "@opengeoweb/theme": "13.1.0",
+    "@opengeoweb/shared": "13.1.0",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "proj4": "^2.9.2",
@@ -19,7 +19,7 @@
     "i18next": "^25.0.1",
     "@mui/material": "^7.0.1",
     "react-i18next": "^15.1.1",
-    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query": "^5.85.5",
     "@types/geojson": "^7946.0.14"
   },
   "peerDependencies": {

package/src/index.d.ts

@@ -3,8 +3,9 @@ import webmapReactTranslations from '../locales/webmap-react.json';
 import TimeContext from './lib/components/OpenLayers/context/TimeContext';
 import { TimeContextType } from './lib/components/OpenLayers/types/Timespan';
 import { TimeawareImageSource } from './lib/components/OpenLayers/utils/TimeawareImageSource';
+import { makeTimeList } from './lib/components/OpenLayers/utils/makeDimValuesToPrefetch';
 export * from './lib';
 export { webmapReactTranslations };
 export { WEBMAP_NAMESPACE, webmapTranslations };
-export { TimeContext, TimeawareImageSource };
+export { TimeContext, TimeawareImageSource, makeTimeList };
 export type { TimeContextType };

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

@@ -6,3 +6,5 @@ type Story = StoryObj<typeof Legend>;
 export declare const SimpleLegend: Story;
 export declare const SimpleLegendWithMultiDimensions: Story;
 export declare const SimpleLegendWithoutDimensionsOrGraphic: Story;
+export declare const EDRLegendTemperature: Story;
+export declare const EDRLegendWind: Story;

package/src/lib/components/OpenLayers/draw/types.d.ts

@@ -17,4 +17,4 @@ export interface FeatureEvent {
     isInEditMode: boolean;
     feature: GeoJSON.Feature;
 }
-export type DrawModeExitCallback = 'escaped' | 'doubleClicked' | 'shiftClick';
+export type DrawModeExitCallback = 'escaped' | 'doubleClicked' | 'clickedNearStartingPoint';

package/src/lib/components/OpenLayers/types/Timespan.d.ts

@@ -4,6 +4,6 @@ export interface Timespan {
     step: number;
 }
 export interface TimeContextType {
-    timespan: Timespan;
     isAnimating: boolean;
+    prefetchList: number[];
 }

package/src/lib/components/OpenLayers/utils/TimeawareImageSource.d.ts

@@ -18,8 +18,14 @@ export declare class TimeawareImageSource extends ImageSource {
     private _extraWMSParams;
     private _timeStampsToPrefetch;
     private _prefetchWorkers;
-    private _wantedExtent;
-    private _wantedResolution;
+    private _lastRequestedExtent;
+    private _lastRequestedResolution;
+    private _lastRequestedPixelRatio;
+    private _lastRequestedProjection;
+    private _loadedExtent;
+    private _loadedResolution;
+    private _loadedPixelRatio;
+    private _loadedProjection;
     private _previousPrefetchExtent;
     private _dimProperties;
     private _imWrapperEmptyButLoading;
@@ -27,23 +33,24 @@ export declare class TimeawareImageSource extends ImageSource {
     private _imWrapperForAltImage;
     private _styleName;
     private _layerName;
-    private _wantedPixelRatio;
-    private _wantedProjection;
     private _imWrapperForPrefetch;
     private throttledPrefetch;
+    private throttledImageLoad;
     constructor({ wmsUrl, timeStampsToPrefetch, layerName, styleName, dimProps, params, visible, }: TimeawareImageSourceOptions);
     private _conditionalPrefetch;
+    private _loadImagery;
     private prefetch;
-    triggerPrefetch(extent: Extent, resolution: number, pixelRatio: number, projection: Projection): void;
+    triggerPrefetch(): void;
     getImage(extent: Extent, resolution: number, pixelRatio: number, projection: Projection): ImageWrapper;
     setDimProps(params: Record<string, string>): void;
     /**
-     * Check if an image is available and loaded for requested date.
-     * @param timeStampsToPrefetch
+     * Check if an image is available and loaded for requested date. Used for animation to proceed.
+     * @param isoTime
      * @returns
      */
-    hasImageForTimeValue(timeStampsToPrefetch: string): boolean;
-    loadImageForTimeValue(timeStampsToPrefetch: string): void;
+    hasImageLoadedForTimeValue(isoTime: string): boolean;
+    isImageLoadingForTimestep(isoTime: string): boolean;
+    setImageForTimeValue(timeStampsToPrefetch: string): void;
     setStyle(styleName: string): void;
     setLayerName(layerName: string): void;
     setTimeValuesValuesToPrefetch(timeStampsToPrefetch: string[]): void;

package/src/lib/components/OpenLayers/utils/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const MAX_NUMBER_TO_PREFETCH = 200;
-export declare const MAX_NUMBER_STEPS_IN_TIMESLIDER_TO_PREFETCH = 10000;
+export declare const MAX_NUMBER_STEPS_IN_TIME_SLIDER_TO_PREFETCH = 10000;
 export declare const NUMBER_PREFETCH_WORKERS = 4;
 export declare const ENABLE_PREFETCH = true;
 export declare const ADD_SHOW_DIMS_OPTION = false;

package/src/lib/components/OpenLayers/utils/makeDimValuesToPrefetch.d.ts

@@ -15,4 +15,4 @@ export declare const getDimensionParamsForWMS: (dimensions: Dimension[] | undefi
  * @param timespan Object of Timespan, with start/stop/end in milliseconds
  * @returns Timestams array in milliseconds
  */
-export declare const getTimeStepsToCheckMemoized: ((timespan: Timespan) => number[]) & import("lodash").MemoizedFunction;
+export declare const makeTimeList: ((timespan: Timespan) => number[]) & import("lodash").MemoizedFunction;

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

@@ -4,5 +4,6 @@ export declare const precipitationMMLegendColorsWoW: ColorMap;
 export declare const temperatureLegendColorsCWK: ColorMap;
 export declare const colorMaps: {
     temperatureLegendColorsWoW: ColorMap;
+    precipitationMMLegendColorsWoW: ColorMap;
     temperatureLegendColorsCWK: ColorMap;
 };

package/src/lib/edr-layer-api/colormaps/edrOlLegendUtils.d.ts

@@ -10,12 +10,15 @@ export interface EdrMapLegendEntry {
 export interface EdrOlColorLegend {
     legend: EdrMapLegendEntry[];
 }
+export declare const makeLegendFromStyleName: (styleName: string) => EdrOlColorLegend | null;
 export declare const makeLegendFromColorMap: (props: {
     colors: ColorMap;
     min: number;
     max: number;
 }) => EdrOlColorLegend;
+export declare const generateImageFromLegend: (edrColorLegend: EdrOlColorLegend, ctx: CanvasRenderingContext2D, opacity?: number) => number;
 export declare const getLegendClass: (edrColorLegend: EdrOlColorLegend, value: number, clip?: boolean) => EdrMapLegendEntry | undefined;
+export declare const makeFeatureStyleWind: (feature: FeatureLike) => Style[];
 export declare const makeFeatureStyleMultiParam: (feature: FeatureLike) => Style[];
 export declare const makeFeatureStyleMultiParamLoading: () => Style;
 export declare const makeFeatureStyleDisc: (feature: FeatureLike, legend: EdrOlColorLegend) => Style;