@opengeoweb/webmap-react 14.4.0 → 14.5.1

package/src/lib/components/OpenLayers/layers/TimeAwareWMTSLayer.d.ts

@@ -0,0 +1,17 @@
+import TileLayer from 'ol/layer/Tile';
+import type { Dimension } from '@opengeoweb/webmap';
+import type { OnInitializeLayerProps } from '../utils/types';
+export interface TimeAwareWMTSLayerProps {
+    layerId?: string;
+    getCapsURL: string;
+    layerName: string;
+    styleName?: string;
+    layerOptions: ConstructorParameters<typeof TileLayer>[0];
+    dimensions?: Dimension[];
+    visible?: boolean;
+    onInitializeLayer?: (payload: OnInitializeLayerProps) => void;
+    onLayerReady?: (layerId: string) => void;
+    onLayerError?: (layerId: string, message: string) => void;
+    debugMode?: boolean;
+}
+export declare const TimeAwareWMTSLayer: React.FC<TimeAwareWMTSLayerProps>;

package/src/lib/components/OpenLayers/layers/TimeAwareWMTSLayer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/OpenLayers/layers/TimeawareGeoTIFFLayer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/OpenLayers/layers/TimeawareImageSourceWMSLayer.d.ts

@@ -1,5 +1,5 @@
 import ImageLayer from 'ol/layer/Image';
-import { Dimension } from '@opengeoweb/webmap';
+import type { Dimension } from '@opengeoweb/webmap';
 import type { OnInitializeLayerProps } from '../utils/types';
 interface TimeawareImageSourceWMSLayerProps {
     layerId?: string;

package/src/lib/components/OpenLayers/layers/WMSLayer.d.ts

@@ -1,5 +1,5 @@
 import ImageLayer from 'ol/layer/Image';
-import { LayerFoundation } from '@opengeoweb/webmap';
+import type { LayerFoundation } from '@opengeoweb/webmap';
 export interface WMSLayerProps {
     url: string;
     layerName: string;

package/src/lib/components/OpenLayers/layers/WMTSLayer.d.ts

@@ -1,5 +1,5 @@
 import TileLayer from 'ol/layer/Tile';
-import { LayerFoundation } from '@opengeoweb/webmap';
+import type { LayerFoundation } from '@opengeoweb/webmap';
 export interface WMTSLayerProps {
     getCapsURL: string;
     layerName: string;

package/src/lib/components/OpenLayers/layers/XYZLayer.d.ts

@@ -1,5 +1,5 @@
 import TileLayer from 'ol/layer/Tile';
-import { LayerFoundation } from '@opengeoweb/webmap';
+import type { LayerFoundation } from '@opengeoweb/webmap';
 export interface XYZLayerProps {
     urlTemplate: string;
     layerOptions: ConstructorParameters<typeof TileLayer>[0];

package/src/lib/components/OpenLayers/layers/index.d.ts

@@ -7,3 +7,5 @@ export * from './OpenLayersLayer';
 export * from './FeatureLayer';
 export * from './OpenLayersFeatureLayer';
 export * from './TimeAwareEDRLocationLayer';
+export * from './TimeAwareWMTSLayer';
+export * from './TimeAwareGeoTIFFLayer';

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

@@ -0,0 +1,2 @@
+import type { Dimension } from '@opengeoweb/webmap';
+export declare const WMTSDimensionsFromDimensions: (dimensions: Dimension[]) => Record<string, string>;

package/src/lib/components/OpenLayers/layers/utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/OpenLayers/storyComponents/OlStoryLayout.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { OpenLayersLayerProps } from '../layers';
-import { DrawModeExitCallback } from '../draw';
+import type { DrawModeExitCallback } from '../draw';
+import type { OpenLayersLayerProps } from '../layers';
 interface OlStoryLayoutProps {
     layers: OpenLayersLayerProps[];
     children: React.ReactElement;

package/src/lib/components/OpenLayers/styles/useIconStyle.d.ts

@@ -1,5 +1,5 @@
 import { Style } from 'ol/style';
-import { Options } from 'ol/style/Icon';
+import type { Options } from 'ol/style/Icon';
 type IconSVG = string | {
     path: string;
     width?: number;

package/src/lib/components/OpenLayers/tools/ClickOnMapTool.d.ts

@@ -1,4 +1,4 @@
-import { StyleLike } from 'ol/style/Style';
+import type { StyleLike } from 'ol/style/Style';
 export interface ClickOnMapToolProps {
     isActive: boolean;
     isVisible: boolean;

package/src/lib/components/OpenLayers/useProjectionDropDown.d.ts

@@ -1,7 +1,7 @@
-import { EPSGCode } from '@opengeoweb/shared';
-import { Bbox } from '@opengeoweb/webmap';
 import { View } from 'ol';
 import React from 'react';
+import type { EPSGCode } from '@opengeoweb/shared';
+import type { Bbox } from '@opengeoweb/webmap';
 export interface BboxAndSrs {
     srs: EPSGCode;
     bbox: Bbox;

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

@@ -1,6 +1,6 @@
-import { WMLayer } from '@opengeoweb/webmap';
-import ImageLayer from 'ol/layer/Image';
-import { TimeawareImageSource } from './TimeawareImageSource';
+import type ImageLayer from 'ol/layer/Image';
+import type { WMLayer } from '@opengeoweb/webmap';
+import type { TimeawareImageSource } from './TimeawareImageSource';
 export interface ShowTimeAwareLayerInfoProps {
     wmLayer: WMLayer;
     stepsToCheck: number[];

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

@@ -1,7 +1,8 @@
-import { Extent } from 'ol/extent';
+import type { Extent } from 'ol/extent';
 import ImageWrapper from 'ol/Image';
-import { Projection } from 'ol/proj';
-import { WMImage, WMImageStore } from '@opengeoweb/webmap';
+import type { Projection } from 'ol/proj';
+import type { WMImage } from '@opengeoweb/webmap';
+import { WMImageStore } from '@opengeoweb/webmap';
 export declare const openLayersGetMapImageStore: WMImageStore;
 export declare const clearImageCacheForAllMaps: () => void;
 interface TimeAwareGeoreferencedImageSrc {

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

@@ -1,6 +1,6 @@
-import { Extent } from 'ol/extent';
-import ImageWrapper from 'ol/Image';
-import { Projection } from 'ol/proj';
+import type { Extent } from 'ol/extent';
+import type ImageWrapper from 'ol/Image';
+import type { Projection } from 'ol/proj';
 import ImageSource from 'ol/source/Image';
 import TimeAwareImageWrapper from './TimeAwareImageWrapper';
 export declare const initImageWrapper: () => TimeAwareImageWrapper;

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

@@ -1,4 +1,4 @@
-import { WorkerQueueJob } from '../types/WorkerQueue';
+import type { WorkerQueueJob } from '../types/WorkerQueue';
 export declare class WorkerQueue {
     maxConcurrency: number;
     tasksInProcess: WorkerQueueJob[];

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

@@ -1,5 +1,5 @@
-import { WMJSDimension, Dimension, WMLayer } from '@opengeoweb/webmap';
-import { Timespan } from '../types/Timespan';
+import type { WMJSDimension, Dimension, WMLayer } from '@opengeoweb/webmap';
+import type { Timespan } from '../types/Timespan';
 export declare const makeDimValuesToPrefetch: (wmTimeDim: WMJSDimension, stepsToCheck: number[], isAnimating: boolean) => string[];
 export declare const extendPrefetchListWithModelRunTimeSteps: (wmLayer: WMLayer, stepsToCheck: number[]) => number[];
 /**

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

@@ -1,4 +1,4 @@
-import { LayerProps } from '@opengeoweb/webmap';
+import type { LayerProps } from '@opengeoweb/webmap';
 export declare const initializeOpenLayersProjections: () => void;
 /**
  * Returns a preferred projection to use with a particular layer. It will search the layer props for

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

@@ -1,2 +1,2 @@
-import { Map } from 'ol';
+import type { Map } from 'ol';
 export declare const setMapCenter: (map: Map, lon: number, lat: number, zoomLevel?: number) => void;

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

@@ -1,5 +1,5 @@
-import { Feature } from 'ol';
-import { Dimension } from '@opengeoweb/webmap';
+import type { Feature } from 'ol';
+import type { Dimension } from '@opengeoweb/webmap';
 export interface HoverSelect {
     onHover?: (f: Feature | undefined) => void;
     active: boolean;

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

@@ -1,6 +1,6 @@
-import { Bbox } from '@opengeoweb/webmap';
-import { FeatureCollection, Geometry, GeoJsonProperties } from 'geojson';
+import type { FeatureCollection, Geometry, GeoJsonProperties } from 'geojson';
 import { View } from 'ol';
+import type { Bbox } from '@opengeoweb/webmap';
 export declare const setViewFromExtent: (view: View, bbox: Bbox) => void;
 export declare const setViewFromFeature: (view: View, geojsonFeature: FeatureCollection<Geometry, GeoJsonProperties> | undefined) => void;
 export declare const makeView: (projectionCode?: string) => View;

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

@@ -1,3 +1,2 @@
-import React from 'react';
-import { ThemeProviderProps } from '@opengeoweb/theme';
+import type { ThemeProviderProps } from '@opengeoweb/theme';
 export declare const WebmapReactThemeProvider: React.FC<ThemeProviderProps>;

package/src/lib/components/TanStackDemo/TanStackDemo.GetCapabilitiesLiveUpdate.stories.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
 };

package/src/lib/components/TanStackDemo/storyUtils.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 interface StoryWrapperProps {
     children: [] | React.ReactElement;
 }

package/src/lib/components/WMSViewerDemo/components/WMSDimTimeYearSelector.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export declare enum TimeMode {
     YEAR = 0,
     MONTH = 1,

package/src/lib/components/WMSViewerDemo/components/WMSLayerSelector.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { LayerProps, LayerFoundation } from '@opengeoweb/webmap';
+import React from 'react';
+import type { LayerProps, LayerFoundation } from '@opengeoweb/webmap';
 interface WMSLayerSelectorProps {
     layer: LayerFoundation;
     layers: LayerProps[];

package/src/lib/components/WMSViewerDemo/components/WMSStyleSelector.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { LayerFoundation } from '@opengeoweb/webmap';
+import React from 'react';
+import type { LayerFoundation } from '@opengeoweb/webmap';
 interface WMSStyleSelectorProps {
     layer: LayerFoundation;
     onSelectStyle: (layer: LayerFoundation) => void;

package/src/lib/components/WMSViewerDemo/components/WMSTimeSlider.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 interface WMSTimeSliderProps {
     selectedISOTime: string;
     layerId: string;

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

@@ -1,5 +1,5 @@
-import { Coverage, CoverageCollection, EDRInstance, PointDomain, PointSeriesDomain } from '@opengeoweb/shared';
-export declare const handleResponse: (response: Response) => Promise<any>;
+import type { Coverage, CoverageCollection, EDRInstance, PointDomain, PointSeriesDomain } from '@opengeoweb/shared';
+export declare const handleResponse: (response: Response) => Promise<unknown>;
 export declare const joinUrlParams: (params: string[]) => string;
 export declare const fetchEDRCollectionDetails: (edrBaseUrlWithCollection: string, instanceId?: string) => Promise<EDRInstance>;
 export declare const fetchEDRCube: (edrBaseUrlWithCollection: string, parameterName: string, datetime?: string, instanceId?: string, bbox?: string) => Promise<CoverageCollection<PointDomain | PointSeriesDomain> | Coverage<PointDomain | PointSeriesDomain>>;

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

@@ -1,6 +1,6 @@
-import { FeatureLike } from 'ol/Feature';
+import type { FeatureLike } from 'ol/Feature';
 import { Circle, Style } from 'ol/style';
-import { ColorMap } from './colormaps';
+import type { ColorMap } from './colormaps';
 export interface EdrMapLegendEntry {
     min: number;
     max: number;

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

@@ -1,5 +1,5 @@
-import { UseQueryResult } from '@tanstack/react-query';
-import { EDRInstance } from '@opengeoweb/shared';
+import type { UseQueryResult } from '@tanstack/react-query';
+import type { EDRInstance } from '@opengeoweb/shared';
 export declare const webmapEDRQueryOptions: {
     readonly getCollectionDetailsQuery: (edrBaseUrlWithCollection: string, enabled: boolean, instanceId?: string) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<EDRInstance, Error, EDRInstance, string[]>, "queryFn"> & {
         queryFn?: import("@tanstack/react-query").QueryFunction<EDRInstance, string[], never> | undefined;

package/src/lib/geotiff-layer-api/api.d.ts

@@ -0,0 +1,43 @@
+import type { Geometry } from 'geojson';
+interface Properties {
+    datetime: string | null;
+    'proj:wkt2'?: string;
+}
+interface STACAsset {
+    href: string;
+    type: string;
+    created: string;
+}
+interface STACExtent {
+    temporal: {
+        interval: string[][];
+    };
+}
+export interface STACLink {
+    href: string;
+    rel: string;
+}
+export interface STACItem {
+    type: 'Feature';
+    stac_version: string;
+    id: string;
+    geometry: Geometry | null;
+    bbox: number[];
+    properties: Properties;
+    links: STACLink[];
+    assets: Record<string, STACAsset>;
+}
+export interface STACCollection {
+    type: 'Collection';
+    stac_version: string;
+    id: string;
+    description: string;
+    license: string;
+    extent: STACExtent;
+    links: STACLink[];
+    features: STACItem[];
+}
+export declare const fetchStacCollection: (stacBaseUrlWithCollection: string) => Promise<STACCollection>;
+export declare const fetchStacItem: (stacItemUrl: string) => Promise<STACItem>;
+export declare const fetchStacItems: (collectionUrl: string) => Promise<STACItem[]>;
+export {};

package/src/lib/geotiff-layer-api/fakeApi.d.ts

@@ -0,0 +1 @@
+export declare const fakeStacApiHandlers: import("msw").HttpHandler[];

package/src/lib/geotiff-layer-api/hooks.d.ts

@@ -0,0 +1,5 @@
+import type { UseQueryResult } from '@tanstack/react-query';
+import type { STACCollection, STACItem } from './api';
+export declare const useStacCollection: (stacBaseUrlWithCollection: string, instanceId?: string, enabled?: boolean) => UseQueryResult<STACCollection, Error>;
+export declare const useStacItems: (stacBaseUrlWithCollection: string, startDate?: string, endDate?: string) => UseQueryResult<STACItem[], Error>;
+export declare const useFetchGeoTIFFBlob: (url: string, enabled?: boolean) => UseQueryResult<Blob, Error>;

package/src/lib/geotiff-layer-api/utils/useGetStacGeoTIFFLayerInstance .d.ts

@@ -0,0 +1,11 @@
+import { WMLayer } from '@opengeoweb/webmap';
+import type { OnInitializeLayerProps } from '../../components/OpenLayers/utils/types';
+/**
+ * Returns WMLayer instance in STAC GeoTIFF mode. The layer will contains parsed dimensions and styles and keeps a state for these properties.
+ *
+ * @param {string} serviceUrl
+ * @param {string} name
+ * @returns {(WMLayer | null)}
+ */
+export declare const useGetStacGeoTIFFWMLayerInstance: (serviceUrl: string, name: string, id?: string, onLayerError?: (layerId: string, message: string) => void) => WMLayer | null;
+export declare const useGetStacGeoTIFFLayerInstance: (stacCollectionURL: string, parameter: string, layerId?: string, onInitializeLayer?: (payload: OnInitializeLayerProps) => void) => WMLayer | null;

package/src/lib/hooks/useAnimationForLayer.d.ts

@@ -1,6 +1,6 @@
-import { Dimension } from '@opengeoweb/webmap';
+import type { Dimension } from '@opengeoweb/webmap';
 import type { OpenLayersLayerProps } from '../components/OpenLayers/layers';
-import { TimeContextType } from '../components/OpenLayers/types/Timespan';
+import type { TimeContextType } from '../components/OpenLayers/types/Timespan';
 interface UseAnimationForLayerProps {
     dimensions: Dimension[];
     timeContext: TimeContextType;

package/src/lib/hooks/useHooksGetCapabilities.d.ts

@@ -1,12 +1,13 @@
-import { GetCapabilitiesJson, WMSServiceInfo, LayerTree, LayerProps, WMLayer, Style } from '@opengeoweb/webmap';
-import { UseQueryResult } from '@tanstack/react-query';
+import type { UseQueryResult } from '@tanstack/react-query';
+import type { WMSServiceInfo, LayerTree, LayerProps, Style, OGCWMSWMTSGetCapabilities, LayerFoundation } from '@opengeoweb/webmap';
+import { WMLayer } from '@opengeoweb/webmap';
 /**
  * Queries the WMS GetCapabilities. This is the base TanStack hook for the other hooks in this file.
  *
  * @param {string} serviceUrl
- * @returns {UseQueryResult<GetCapabilitiesJson>}
+ * @returns {UseQueryResult<WMSGetCapabilities>}
  */
-export declare const useQueryGetWMSGetCapabilities: (serviceUrl: string) => UseQueryResult<GetCapabilitiesJson>;
+export declare const useQueryGetWMSGetCapabilities: (serviceUrl: string) => UseQueryResult<OGCWMSWMTSGetCapabilities>;
 /**
  * Returns details about the WMS service
  *
@@ -45,13 +46,15 @@ export declare const useQueryGetWMSLayer: (serviceUrl: string, name: string) =>
  */
 export declare const useGetWMSLayerStyleList: (serviceUrl: string, name: string) => Style[] | null;
 /**
- * Returns WMLayer instance. The layer will contains parsed dimensions and styles and keeps a state for these properties.
+ * Returns a WMLayer instance. If the layerType is LayerType.mapLayer or LayerType.wmtsMapLayer, the layer will detect the right type and will contain the parsed dimensions and styles.
  *
- * @param {string} serviceUrl
- * @param {string} name
- * @returns {(WMLayer | null)}
+ * @param layerFoundation
+ * @returns object with wmLayer and if set an errorMessage
  */
-export declare const useGetWMLayerInstance: (serviceUrl: string, name: string, id?: string, onLayerError?: (layerId: string, message: string) => void) => WMLayer | null;
+export declare const useGetWMLayerInstance: (layerFoundation?: LayerFoundation) => {
+    wmLayer: WMLayer | null;
+    errorMessage: string | null;
+};
 /**
  * Used for querying WMTS GetCapabilities documents
  * @param serviceUrl

package/src/lib/index.d.ts

@@ -2,6 +2,6 @@ export * from './components';
 export * from './layers';
 export * from './hooks';
 export * from './utils';
-export * from './types';
+export type * from './types';
 export * from './edr-layer-api';
 export { WEBMAP_REACT_NAMESPACE } from './utils/i18n';

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

@@ -1 +1 @@
-export * from './types';
+export type * from './types';

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

@@ -1,4 +1,4 @@
-import { Bbox, Dimension } from '@opengeoweb/webmap';
+import type { Bbox, Dimension } from '@opengeoweb/webmap';
 export interface MapLocation {
     lat: number;
     lon: number;

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

@@ -1,5 +1,6 @@
-import i18n, { Namespace } from 'i18next';
-import { UseTranslationResponse } from 'react-i18next';
+import type { Namespace } from 'i18next';
+import i18n from 'i18next';
+import type { UseTranslationResponse } from 'react-i18next';
 export declare const WEBMAP_REACT_NAMESPACE = "webmapreact";
 export declare const initWebmapReactTestI18n: () => void;
 export declare const translateInTestsAndStories: (key: string, params?: Record<string, string | number> | undefined, ns?: string) => string;

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

@@ -1,4 +1,4 @@
-import { Dimension, WMLayer } from '@opengeoweb/webmap';
-import { UpdateLayerInfoPayload } from '../types/types';
+import type { Dimension, WMLayer } from '@opengeoweb/webmap';
+import type { UpdateLayerInfoPayload } from '../types/types';
 export declare function getIsInsideAcceptanceTime(acceptanceTimeInMinutes: number | undefined, mapDimensions: Dimension[] | undefined, layerDimensions: Dimension[] | undefined): boolean;
 export declare const getLayerUpdateInfo: (wmLayer: WMLayer, mapId: string) => UpdateLayerInfoPayload;