@opengeoweb/webmap-react 14.4.0 → 14.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "14.4.0",
+  "version": "14.5.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": "14.4.0",
-    "@opengeoweb/theme": "14.4.0",
-    "@opengeoweb/shared": "14.4.0",
+    "@opengeoweb/webmap": "14.5.0",
+    "@opengeoweb/theme": "14.5.0",
+    "@opengeoweb/shared": "14.5.0",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "proj4": "^2.9.2",

package/src/index.d.ts

@@ -1,9 +1,9 @@
 import { WEBMAP_NAMESPACE, webmapTranslations } from '@opengeoweb/webmap';
 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 type { TimeContextType } from './lib/components/OpenLayers/types/Timespan';
 import { makeTimeList } from './lib/components/OpenLayers/utils/makeDimValuesToPrefetch';
+import { TimeawareImageSource } from './lib/components/OpenLayers/utils/TimeawareImageSource';
 export * from './lib';
 export { webmapReactTranslations };
 export { WEBMAP_NAMESPACE, webmapTranslations };

package/src/lib/components/LayerInfo/LayerInfoButton.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { CustomIconProps } from '@opengeoweb/shared';
+import type { CustomIconProps } from '@opengeoweb/shared';
 interface LayerInfoButtonProps extends CustomIconProps {
     disabled?: boolean;
     isActive?: boolean;

package/src/lib/components/LayerInfo/LayerInfoDialog.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { Position, Source } from '@opengeoweb/shared';
-import { LayerProps } from '@opengeoweb/webmap';
+import type { Position, Source } from '@opengeoweb/shared';
+import type { LayerProps } from '@opengeoweb/webmap';
 export interface LayerInfoDialogProps {
     layer: LayerProps;
     serviceName: string;

package/src/lib/components/LayerInfo/LayerInfoLegend.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { Dimension } from '@opengeoweb/webmap';
+import type { Dimension } from '@opengeoweb/webmap';
 export interface LayerInfoLegendProps {
     title: string;
     name: string;

package/src/lib/components/LayerInfo/LayerInfoList.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface ListItem {
     label: string;
     value: string;

package/src/lib/components/LayerInfo/LayerInfoText.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface LayerInfoTextProps {
     label: string;
     value: string;

package/src/lib/components/LayerInfo/LayerInfoUtils.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { Dimension, LayerProps } from '@opengeoweb/webmap';
-import { TFunction } from 'i18next';
-import { ListItem } from './LayerInfoList';
+import type { TFunction } from 'i18next';
+import type { Dimension, LayerProps } from '@opengeoweb/webmap';
+import type { ListItem } from './LayerInfoList';
 export declare const getLayerStyles: (layer: LayerProps) => string;
 export declare const getDimensionValue: (name: string, dimensions: Dimension[]) => string;
 export declare const getLayerBbox: (t: TFunction, layer: LayerProps) => string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LayerFoundation } from '@opengeoweb/webmap';
+import type { LayerFoundation } from '@opengeoweb/webmap';
 interface LegendProps {
     layer: LayerFoundation;
 }

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export declare const LegendButton: React.FC<{
     openLegendDialog: () => void;
     isOpen: boolean;

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { Source } from '@opengeoweb/shared';
-import { LayerFoundation } from '@opengeoweb/webmap';
+import React from 'react';
+import type { Source } from '@opengeoweb/shared';
+import type { LayerFoundation } from '@opengeoweb/webmap';
 interface LegendDialogProps {
     layers: LayerFoundation[];
     isOpen: boolean;

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import { Dimension } from '@opengeoweb/webmap';
+import type { Dimension } from '@opengeoweb/webmap';
 interface LegendLayoutProps {
     title: string;
     name: string;

package/src/lib/components/MapControls/MapControlButton.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { TooltipProps } from '@mui/material';
-import { CustomIconProps } from '@opengeoweb/shared';
+import type { TooltipProps } from '@mui/material';
+import React from 'react';
+import type { CustomIconProps } from '@opengeoweb/shared';
 interface MapControlButtonProps extends CustomIconProps {
     isActive?: boolean;
     placement?: TooltipProps['placement'];

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 interface MapControlsProps {
     children: React.ReactNode;
     style?: React.CSSProperties;

package/src/lib/components/MapControls/ZoomControls.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 interface ZoomControlsProps {
     onZoomIn: () => void;
     onZoomOut: () => void;

package/src/lib/components/MapDimensionSelect/DimensionSelectButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 interface DimensionSelectButtonProps {
     dimension: string;
     onClickDimensionButton: () => void;

package/src/lib/components/MapDimensionSelect/DimensionSelectDialog.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Source } from '@opengeoweb/shared';
+import React from 'react';
+import type { Source } from '@opengeoweb/shared';
 export interface DimensionSelectProps {
     isOpen: boolean;
     order?: number;

package/src/lib/components/MapDimensionSelect/DimensionSelectSlider.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Mark } from './utils';
+import React from 'react';
+import type { Mark } from './utils';
 interface DimensionSelectSliderProps {
     marks: Mark[];
     layerTitle: string;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Dimension } from '@opengeoweb/webmap';
+import React from 'react';
+import type { Dimension } from '@opengeoweb/webmap';
 export interface MapDimensionSelectProps {
     layerId: string;
     dimensionName: string;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { StoryObj } from '@storybook/react-webpack5';
+import React from 'react';
 import MapDimensionSelect from './MapDimensionSelect';
 declare const _default: {
     title: string;

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { SvgIconProps } from '@mui/material';
-import { WMJSDimension } from '@opengeoweb/webmap';
-import { TFunction } from 'i18next';
+import type { SvgIconProps } from '@mui/material';
+import type { TFunction } from 'i18next';
+import type React from 'react';
+import type { WMJSDimension } from '@opengeoweb/webmap';
 export interface DimensionConfig {
     name: string;
     label: string;

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

@@ -1,3 +1,4 @@
+export declare const CLASSNAME_MAP_MEASURE_TOOLTIP = "text-tooltip-map-measure";
 export interface MapMeasureInterface {
     lineColor?: string;
 }

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

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import React from 'react';
 export declare const MapMousePosition: React.FC;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Dimension } from '@opengeoweb/webmap';
+import React from 'react';
+import type { Dimension } from '@opengeoweb/webmap';
 export declare const getTimeDimension: (dimensions: Dimension[]) => Dimension;
 export declare const formatTime: (time: string, timeFormat: string) => string;
 interface MapeTimeProps {

package/src/lib/components/MapWarning/MapWarningProperties.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface WarningListProps {
     selectedFeatureProperties: {
         identifier?: string;

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

@@ -1,11 +1,12 @@
-import { ColorLike } from 'ol/colorlike';
-import { FeatureLike } from 'ol/Feature';
+import type { ColorLike } from 'ol/colorlike';
+import type { Coordinate } from 'ol/coordinate';
+import type { FeatureLike } from 'ol/Feature';
 import { Polygon } from 'ol/geom';
+import type { LineCoordType, GeometryFunction } from 'ol/interaction/Draw';
 import { Circle, Fill, Stroke } from 'ol/style';
-import Style, { StyleFunction, StyleLike } from 'ol/style/Style';
-import { Coordinate } from 'ol/coordinate';
-import { LineCoordType, GeometryFunction } from 'ol/interaction/Draw';
-import { DrawModeValue } from './draw/types';
+import type { StyleFunction, StyleLike } from 'ol/style/Style';
+import Style from 'ol/style/Style';
+import type { DrawModeValue } from './draw/types';
 export declare enum MapFeatureClass {
     MyLocation = "MyLocation",
     GenericMarker = "GenericMarker",
@@ -23,9 +24,21 @@ export declare const FEATURE_VERTICE_IMAGE: Circle;
 export declare const FEATURE_VERTICE_HANDLE_IMAGE: Circle;
 export declare const FEATURE_VERTICES_EDIT_HANDLES: Style;
 export declare const getFeaturePointStyle: (fillColor?: string, fillOpacity?: number) => Style;
+export declare const labelOptions: {
+    font: string;
+    padding: number[];
+    fill: Fill;
+    text: string;
+    backgroundFill: Fill;
+    backgroundStroke: Stroke;
+    offsetY: number;
+    overflow: boolean;
+};
 export declare const textLabelStyle: (text: string) => Style;
 export declare const multiPolygonLabelStyle: (text: string) => Style;
 export declare const multiLineStringLabelStyle: (text: string) => Style;
+export declare const measureToolStyle: (lineColor: string) => Style;
+export declare const measureResultStyle: (lineColor: string) => Style;
 export declare const geowebColorToOpenLayersColor: (color: string, opacity?: string | number) => ColorLike;
 export declare const inlineFeatureStyle: (feature: FeatureLike) => Style[];
 export declare const genericOpenLayersFeatureStyle: StyleFunction;

package/src/lib/components/OpenLayers/OpenLayers.ClickFeatureLayer.stories.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./component/OpenLayersMapView").OpenLayersMapViewProps>;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./component/OpenLayersMapView").OpenLayersMapViewProps>;

package/src/lib/components/OpenLayers/OpenLayers.FeatureLayer.stories.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./component/OpenLayersMapView").OpenLayersMapViewProps>;

package/src/lib/components/OpenLayers/OpenLayers.FeatureLayerOpacity.stories.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./component/OpenLayersMapView").OpenLayersMapViewProps>;

package/src/lib/components/OpenLayers/OpenLayers.GeoTIFFLayer.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./component/OpenLayersMapView").OpenLayersMapViewProps>;
+};
+export default _default;
+export declare const GeoTIFFLayerMap: {
+    (): React.ReactNode;
+    parameters: {
+        msw: {
+            handlers: {
+                all: import("msw").HttpHandler[];
+            };
+        };
+    };
+    storyName: string;
+};

package/src/lib/components/OpenLayers/OpenLayers.GetFeatureInfo.stories.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./component/OpenLayersMapView").OpenLayersMapViewProps>;

package/src/lib/components/OpenLayers/OpenLayers.HoverFeatureLayer.stories.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./component/OpenLayersMapView").OpenLayersMapViewProps>;

package/src/lib/components/OpenLayers/OpenLayers.Prefetch.stories.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./component/OpenLayersMapView").OpenLayersMapViewProps>;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./component/OpenLayersMapView").OpenLayersMapViewProps>;
+};
+export default _default;
+export declare const TimeAwareWMTSLayerStory: {
+    (): React.ReactNode;
+    storyName: string;
+};

package/src/lib/components/OpenLayers/component/OpenLayersMapView.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { View } from 'ol';
+import React from 'react';
 import 'ol/ol.css';
 export interface OpenLayersMapViewProps {
     view?: View;

package/src/lib/components/OpenLayers/context/MapContext.d.ts

@@ -1,4 +1,4 @@
-import { Map } from 'ol';
+import type { Map } from 'ol';
 export interface MapContextType {
     map: Map | null;
 }

package/src/lib/components/OpenLayers/context/TimeContext.d.ts

@@ -1,4 +1,4 @@
-import { TimeContextType } from '../types/Timespan';
+import type { TimeContextType } from '../types/Timespan';
 export type ChangeRelevantTimestepsFn = (layerId: string, dimensionValues: string[]) => void;
 export type ResetPrefetchFn = (layerId: string) => void;
 export type TimestepPrefetchedFn = (layerId: string, dimensionValue: string) => void;

package/src/lib/components/OpenLayers/controls/OpenLayersGetFeatureInfo.d.ts

@@ -1,4 +1,4 @@
-import { MapLocation } from '../../../types/types';
+import type { MapLocation } from '../../../types/types';
 export interface OpenLayersGetFeatureInfoProps {
     displayMapPin?: boolean;
     disableMapPin?: boolean;

package/src/lib/components/OpenLayers/controls/OpenLayersZoomControl.d.ts

@@ -1,4 +1,4 @@
-import { Extent } from 'ol/extent';
+import type { Extent } from 'ol/extent';
 interface OpenLayersZoomControlProps {
     homeExtent?: Extent;
 }

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { StyleLike } from 'ol/style/Style';
-import { DrawModeExitCallback, DrawModeValue } from './types';
+import type { StyleLike } from 'ol/style/Style';
+import React from 'react';
+import type { DrawModeExitCallback, DrawModeValue } from './types';
 export interface OpenLayersMapDrawProps {
     geojson: GeoJSON.FeatureCollection;
     drawMode?: DrawModeValue;

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

@@ -1,3 +1,4 @@
+export declare const DEFAULT_GEOJSON_STYLE_FILL_OPACITY = 0.1;
 export declare const defaultGeoJSONStyleProperties: GeoJSON.GeoJsonProperties;
 export declare const emptyGeoJSON: GeoJSON.FeatureCollection;
 export declare const featurePoint: GeoJSON.Feature<GeoJSON.Point>;

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

@@ -1,7 +1,10 @@
-import proj4, { InterfaceProjection, Converter } from 'proj4';
+import type { Position } from 'geojson';
+import type { InterfaceProjection, Converter } from 'proj4';
+import proj4 from 'proj4';
 export type ProjectorCache = Record<string, InterfaceProjection | Converter>;
 export declare const projectorCache: ProjectorCache;
 export declare const getProj4: (projection: string | proj4.InterfaceProjection) => InterfaceProjection;
 export declare const NEW_LINESTRING_CREATED = "new point in LineString created";
 export declare const NEW_FEATURE_CREATED = "new feature created";
 export declare const NEW_POINT_CREATED = "new point created";
+export declare const roundCoordinates: <T extends Position | Position[] | Position[][] | Position[][][]>(coords: T) => T;

package/src/lib/components/OpenLayers/draw/storyComponents/EditModeButton.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface EditModeButtonProps {
     isInEditMode: boolean;
     onToggleEditMode: (isEditMode: boolean) => void;

package/src/lib/components/OpenLayers/draw/storyComponents/FeatureLayers.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface FeatureLayersProps {
     geojson: GeoJSON.FeatureCollection;
     onChangeLayerIndex: (newIndex: number, feature: GeoJSON.Feature) => void;

package/src/lib/components/OpenLayers/draw/storyComponents/GeoJSONTextField.d.ts

@@ -1,5 +1,5 @@
+import type { SxProps } from '@mui/material';
 import React from 'react';
-import { SxProps } from '@mui/material';
 interface GeoJSONTextFieldProps {
     geoJSON: GeoJSON.FeatureCollection;
     onChangeGeoJSON?: (geoJSON: GeoJSON.FeatureCollection) => void;

package/src/lib/components/OpenLayers/draw/storyComponents/SelectField.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare const SelectField: React.FC<{
     label: string;
     value: string;

package/src/lib/components/OpenLayers/draw/storyComponents/StoryLayout.d.ts

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

package/src/lib/components/OpenLayers/draw/storyComponents/StoryLayoutGrid.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare const StoryLayoutGrid: React.FC<{
     children: React.ReactNode;
     mapComponent: React.ReactNode;

package/src/lib/components/OpenLayers/draw/storyComponents/ToolButton.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { DrawMode } from '..';
+import type { DrawMode } from '..';
 interface ToolButtonProps {
     mode: DrawMode;
     isSelected: boolean;

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

@@ -1,6 +1,5 @@
-import React from 'react';
-import { MapDrawToolOptions } from './useMapDrawTool';
-import { SelectionType } from './types';
+import type { SelectionType } from './types';
+import type { MapDrawToolOptions } from './useMapDrawTool';
 export declare const opacityOptions: string[];
 export declare const fillOptions: any[];
 export declare const strokeWidthOptions: string[];

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

@@ -1,6 +1,5 @@
-import React from 'react';
-import { SelectionType } from './types';
-import { MapDrawToolOptions } from './useMapDrawTool';
+import type { SelectionType } from './types';
+import type { MapDrawToolOptions } from './useMapDrawTool';
 export declare const getIntersectionToolIcon: (selectionType: SelectionType) => React.ReactElement;
 export declare const exampleIntersections: {
     title: string;

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

@@ -1,6 +1,5 @@
-import React from 'react';
-import { DrawMode } from './types';
-import { MapDrawToolOptions } from './useMapDrawTool';
+import type { DrawMode } from './types';
+import type { MapDrawToolOptions } from './useMapDrawTool';
 export declare const firSelectionType = "fir";
 export declare const exampleIntersectionsMultiDrawTool: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { Feature, Polygon, MultiPolygon } from 'geojson';
+import type { Feature, Polygon, MultiPolygon } from 'geojson';
 export declare enum DRAWMODE {
     POLYGON = "POLYGON",
     BOX = "BOX",

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DrawMode, DrawModeValue, SelectionType } from './types';
-import { OpenLayersLayerProps } from '../layers';
+import type { DrawMode, DrawModeValue, SelectionType } from './types';
+import type { OpenLayersLayerProps } from '../layers';
 export declare const defaultIntersectionStyleProperties: GeoJSON.GeoJsonProperties;
 export declare const emptyLineString: GeoJSON.Feature;
 export declare const emptyPoint: GeoJSON.Feature;

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

@@ -1,7 +1,7 @@
 export { default as MapContext } from './context/MapContext';
 export * from './component/OpenLayersMapView';
 export * from './utils/TimeAwareImageWrapper';
-export * from './utils/types';
+export type * from './utils/types';
 export * from './utils/projections';
 export * from './utils/setMapCenter';
 export * from './utils/viewUtils';

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare enum BaseLayerType {
     LIGHT_GREY_CANVAS = 0,
     WORLD_TOPO = 1

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

@@ -1,6 +1,6 @@
-import { Feature } from 'ol';
-import { StyleLike } from 'ol/style/Style';
-import { ClickOnFeature, HoverSelect } from '../utils/types';
+import type { Feature } from 'ol';
+import type { StyleLike } from 'ol/style/Style';
+import type { ClickOnFeature, HoverSelect } from '../utils/types';
 export interface FeatureLayerProps {
     features: Feature[];
     style: StyleLike;

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

@@ -0,0 +1,11 @@
+import type ImageLayer from 'ol/layer/Image';
+import type { LayerFoundation } from '@opengeoweb/webmap';
+export interface TiledWMSLayerProps {
+    url: string;
+    layerName: string;
+    layerOptions: ConstructorParameters<typeof ImageLayer>[0];
+    layerProps?: LayerFoundation;
+    projection?: string;
+    shouldRender?: boolean;
+}
+export declare const GeoTIFFLayer: React.FC<TiledWMSLayerProps>;

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

@@ -1,6 +1,6 @@
-import { StyleLike } from 'ol/style/Style';
-import { FeatureCollection } from 'geojson';
-import { ClickOnFeature, HoverSelect } from '../utils/types';
+import type { FeatureCollection } from 'geojson';
+import type { StyleLike } from 'ol/style/Style';
+import type { ClickOnFeature, HoverSelect } from '../utils/types';
 export interface OpenLayersFeatureLayerProps {
     featureCollection?: FeatureCollection;
     style?: StyleLike;

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

@@ -1,6 +1,6 @@
-import { LayerFoundation, TileServerSettings } from '@opengeoweb/webmap';
+import type { LayerFoundation, TileServerSettings } from '@opengeoweb/webmap';
+import type { DrawModeExitCallback, FeatureEvent } from '../draw/types';
 import type { OnInitializeLayerProps } from '../utils/types';
-import { DrawModeExitCallback, FeatureEvent } from '../draw/types';
 export interface OpenLayersLayerProps extends LayerFoundation {
     zIndex?: number;
     onInitializeLayer?: (payload: OnInitializeLayerProps) => void;

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Dimension } from '@opengeoweb/webmap';
 import type { OpenLayersFeatureLayerProps } from './OpenLayersFeatureLayer';
 import type { OnInitializeLayerProps } from '../utils/types';

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { Dimension } from '@opengeoweb/webmap';
+import type { OpenLayersFeatureLayerProps } from './OpenLayersFeatureLayer';
+import type { OnInitializeLayerProps } from '../utils/types';
+interface TimeAwareGeoTIFFLayerProps extends OpenLayersFeatureLayerProps {
+    layerId?: string;
+    stacCollectionUrl: string;
+    layerName: string;
+    dimensions?: Dimension[];
+    onInitializeLayer?: (payload: OnInitializeLayerProps) => void;
+    opacity?: number;
+    visible?: boolean;
+}
+export declare const TimeAwareGeoTIFFLayer: React.FC<TimeAwareGeoTIFFLayerProps>;
+export {};