@opengeoweb/webmap-react 11.1.0 → 12.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "11.1.0",
+  "version": "12.0.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {
@@ -8,24 +8,34 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/webmap": "*",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.0",
+    "@mui/material": "^6.1.1",
+    "@mui/system": "6.4.6",
+    "@mui/x-date-pickers": "7.27.1",
+    "@reduxjs/toolkit": "1.9.7",
+    "@sentry/react": "8.54.0",
+    "@storybook/react": "8.4.2",
+    "@tanstack/query-core": "5.67.1",
+    "@tanstack/react-query": "^5.62.7",
+    "@testing-library/react": "16.0.1",
+    "@testing-library/user-event": "14.5.2",
+    "@turf/turf": "^7.1.0",
     "axios": "^1.7.7",
-    "@opengeoweb/theme": "*",
-    "@opengeoweb/shared": "*",
+    "date-fns": "4.1.0",
+    "dompurify": "3.2.4",
+    "i18next": "^23.11.5",
+    "immer": "^10.0.3",
+    "jest-canvas-mock": "2.5.2",
+    "jest-date-mock": "1.0.10",
     "lodash": "^4.17.21",
+    "ol": "^10.4.0",
     "proj4": "^2.9.2",
-    "@turf/turf": "^7.1.0",
-    "immer": "^10.0.3",
-    "react-resize-detector": "^9.1.0",
-    "i18next": "^23.11.5",
-    "@mui/material": "^6.1.1",
+    "re-resizable": "6.11.2",
+    "react": "18.3.1",
+    "react-draggable": "4.4.6",
     "react-i18next": "^15.1.1",
-    "@tanstack/react-query": "^5.61.5"
-  },
-  "peerDependencies": {
-    "react": "18",
-    "@emotion/react": "*",
-    "@emotion/styled": "*"
+    "react-resize-detector": "^9.1.0"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/index.d.ts

@@ -1,5 +1,15 @@
 import { WEBMAP_NAMESPACE, webmapTranslations } from '@opengeoweb/webmap';
 import webmapReactTranslations from '../locales/webmap-react.json';
+import { OpenLayersLayerProps, OpenLayersLayer } from './lib/components/OpenLayers/layers/OpenLayersLayer';
+import { DefaultBaseLayers } from './lib/components/OpenLayers/layers/DefaultBaseLayers';
+import { OpenLayersFeatureLayer, WMSLayer } from './lib/components/OpenLayers/layers';
+import TimeContext from './lib/components/OpenLayers/context/TimeContext';
+import { TimeContextType } from './lib/components/OpenLayers/types/Timespan';
+import { TimeawareImageSource } from './lib/components/OpenLayers/utils/TimeawareImageSource';
 export * from './lib';
 export { webmapReactTranslations };
 export { WEBMAP_NAMESPACE, webmapTranslations };
+export { TimeContext, TimeawareImageSource, OpenLayersFeatureLayer, WMSLayer, DefaultBaseLayers, OpenLayersLayer, };
+export type { TimeContextType, OpenLayersLayerProps };
+export declare const setOpenLayersEnabled: (openLayersOnOrOff: boolean) => void;
+export declare const isOpenLayersEnabled: () => boolean;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const HoldShiftToZoomMessage: () => React.ReactElement | null;

package/src/lib/components/HoldShiftToZoomMessage/HoldShiftToZoomMessage.spec.d.ts

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

package/src/lib/components/MapDrawTool/useMapDrawTool.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DrawMode, DrawModeValue, SelectionType } from './types';
-import { MapViewLayerProps } from '../MapView';
+import { OpenLayersLayerProps } from '../OpenLayers/layers';
 export declare const defaultIntersectionStyleProperties: GeoJSON.GeoJsonProperties;
 export declare const emptyLineString: GeoJSON.Feature;
 export declare const emptyPoint: GeoJSON.Feature;
@@ -24,8 +24,8 @@ export interface MapDrawToolProps {
     activeTool: string;
     changeActiveTool: (newMode: DrawMode) => void;
     setActiveTool: (newToolId: string) => void;
-    layers: MapViewLayerProps[];
-    getLayer: (layerType: DrawLayerType, layerId: string) => MapViewLayerProps;
+    layers: OpenLayersLayerProps[];
+    getLayer: (layerType: DrawLayerType, layerId: string) => OpenLayersLayerProps;
     deactivateTool: () => void;
     changeProperties: (geoJSONProperties: GeoJSON.GeoJsonProperties) => void;
     getProperties: () => GeoJSON.GeoJsonProperties;

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

@@ -9,6 +9,16 @@ import { DrawMode, SelectionType } from './types';
  * @param featureProperties
  */
 export declare const addFeatureProperties: (geojson: GeoJSON.FeatureCollection | undefined, featureProperties: GeoJSON.GeoJsonProperties, featureIndex?: number) => GeoJSON.FeatureCollection;
+/**
+ * Checks if the geometry of the feature is empty as defined per GeoJSON spec.
+ * According to the specification, an empty geometry is type 'Polygon' and coordinates
+ * equal [[]]. Also GeoWeb uses empty linestring and poit geometries (coordinates [])
+ * which are supported as well.
+ *
+ * @param feature Feature to test
+ * @returns Whether `feature` is empty or not
+ */
+export declare const isGeoJSONGeometryEmpty: (feature: GeoJSON.Feature) => boolean;
 export declare const getGeoJSONPropertyValue: (property: string, properties: GeoJSON.GeoJsonProperties, polygonDrawMode: DrawMode | undefined, defaultProperties?: GeoJSON.GeoJsonProperties) => number | string;
 /**
  * moves geoJSON feature as new feature. Mutates newGeoJSON

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { Circle, Fill, Stroke } from 'ol/style';
+import Style, { StyleFunction, StyleLike } from 'ol/style/Style';
+import { ColorLike } from 'ol/colorlike';
+import { DrawModeValue } from '../MapDrawTool';
+export declare enum MapFeatureClass {
+    MyLocation = "MyLocation",
+    GenericMarker = "GenericMarker",
+    ObservationStation = "ObservationStation",
+    default = "default"
+}
+export declare const FEATURE_FILL: Fill;
+export declare const FEATURE_STROKE: Stroke;
+export declare const FEATURE_STROKE_EDIT: Stroke;
+export declare const FEATURE_VERTICE_IMAGE: Circle;
+export declare const FEATURE_VERTICE_HANDLE_IMAGE: Circle;
+export declare const ICON_LOCATIONMARKER: Style;
+export declare const ICON_LOCATIONMARKER_MODIFY: Style;
+export declare const FEATURE_VERTICES_EDIT_HANDLES: Style;
+export declare const textLableStyle: (text: string) => Style;
+export declare const geowebColorToOpenLayersColor: (color: string, opacity?: string | number) => ColorLike;
+export declare const inlineFeatureStyle: StyleFunction;
+export declare const genericOpenLayersFeatureStyle: StyleFunction;
+export declare const drawStyles: Record<DrawModeValue, StyleLike>;
+export declare const modifyStyles: Record<DrawModeValue, Style[]>;

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

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

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const BaseLayerStory: Story;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare const OPENLAYERS_MOUSEWHEEL_DURATION = 50;
+export declare const OPENLAYERS_MOUSEWHEEL_TIMEOUT = 50;

package/src/lib/components/OpenLayers/OpenLayersMapView.Error.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const MapError: Story;

package/src/lib/components/OpenLayers/OpenLayersMapView.MapPin.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const SetMapPin: Story;

package/src/lib/components/OpenLayers/OpenLayersMapView.Passive.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const PassiveMap: Story;

package/src/lib/components/OpenLayers/OpenLayersMapView.RadarAnimation.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const RadarAnimation: Story;

package/src/lib/components/OpenLayers/OpenLayersMapView.RadarData.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const MapViewRadar: Story;

package/src/lib/components/OpenLayers/OpenLayersMapView.SetProjectionBBox.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const SetProjectionBBox: Story;

package/src/lib/components/OpenLayers/OpenLayersMapView.SetProjectionBBoxLocalState.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const SetProjectionBBoxLocalState: Story;

package/src/lib/components/OpenLayers/OpenLayersMapView.ShiftToZoom.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const HoldShiftToZoom: Story;

package/src/lib/components/OpenLayers/OpenLayersMapView.ShowLayerInfo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const MapWithShowLayerInfoEnabled: Story;

package/src/lib/components/{MapView/MapView.TiledBaseLayers.stories.d.ts → OpenLayers/OpenLayersMapView.TiledBaseLayers.stories.d.ts}

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { MapView } from './MapView';
-declare const meta: Meta<typeof MapView>;
+import { OpenLayersMapView } from '.';
+declare const meta: Meta<typeof OpenLayersMapView>;
 export default meta;
-type Story = StoryObj<typeof MapView>;
+type Story = StoryObj<typeof OpenLayersMapView>;
 export interface MapDropDownItem {
     name: string;
     title: string;

package/src/lib/components/OpenLayers/OpenLayersMapView.VFXData.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OpenLayersMapView } from './component/OpenLayersMapView';
+declare const meta: Meta<typeof OpenLayersMapView>;
+export default meta;
+type Story = StoryObj<typeof OpenLayersMapView>;
+export declare const MapViewVFX: Story;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { View } from 'ol';
+import 'ol/ol.css';
+export interface OpenLayersMapViewProps {
+    view?: View;
+    children?: React.ReactNode;
+    isFocused?: boolean;
+    isMouseWheelZoomEnabled?: boolean;
+    passiveMap?: boolean;
+    holdShiftToScroll?: boolean;
+}
+export declare const OpenLayersMapView: React.FC<OpenLayersMapViewProps>;

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Map } from 'ol';
+export interface MapContextType {
+    map: Map | null;
+}
+declare const MapContext: import("react").Context<MapContextType>;
+export default MapContext;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { 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;
+declare const TimeContext: import("react").Context<TimeContextType>;
+export default TimeContext;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MapLocation } from '../../ReactMapView';
+export interface OpenLayersGetFeatureInfoProps {
+    displayMapPin?: boolean;
+    mapPinLocation?: MapLocation;
+    selectLocation: (location: MapLocation) => void;
+}
+export declare const OpenLayersGetFeatureInfo: React.FC<OpenLayersGetFeatureInfoProps>;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Extent } from 'ol/extent';
+interface OpenLayersZoomControlProps {
+    homeExtent?: Extent;
+}
+export declare const OpenLayersZoomControl: React.FC<OpenLayersZoomControlProps>;
+export {};

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

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

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

@@ -0,0 +1,2 @@
+export * from './OpenLayersGetFeatureInfo';
+export * from './OpenLayersZoomControl';

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { StyleLike } from 'ol/style/Style';
+import { DrawModeExitCallback } from '../../MapDraw';
+import { DrawModeValue } from '../../MapDrawTool';
+export interface OpenLayersMapDrawProps {
+    geojson: GeoJSON.FeatureCollection;
+    drawMode?: DrawModeValue;
+    viewOnlyStyle: StyleLike;
+    exitDrawModeCallback?: (reason: DrawModeExitCallback) => void;
+    isInEditMode: boolean;
+    selectedFeatureIndex: number;
+    updateGeojson?: (geoJson: GeoJSON.FeatureCollection, text: string) => void;
+}
+/**
+ * Integrates with OpenLayers Draw and Modify (+Snap) interactions, to implement feature drawing
+ * and modification behaviour.
+ *
+ * There is a corner case where this fails: the user will only be able to edit the existing
+ * feature (not add) when there are 1) multiple features in the geojson, and 2) the
+ * selectedFeatureIndex points to a feature with of the same type as drawMode is going to draw. To
+ * fix this properly, it would be better that the surrounding code would add a placeholder feature
+ * in the geojson and then activate drawing at that feature index. This means the openlayers version
+ * works slightly differently from the WebMapJS version, but since the multi-feature edit feature
+ * is not really a requirement for any production workflows, this functionality was left as is.
+ */
+export declare const OpenLayersMapDraw: React.FC<OpenLayersMapDrawProps>;

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { useMapDrawTool } from '../../MapDrawTool';
+declare const meta: Meta<typeof useMapDrawTool>;
+export default meta;
+type Story = StoryObj<typeof useMapDrawTool>;
+export declare const OlBasicMapDrawTool: Story;
+export declare const OlBasicMapDrawToolShape: Story;
+export declare const OlBasicMapDrawToolWithMultipleShapes: Story;
+export declare const OlBasicMapDrawToolWithMultipleShapesValues: Story;

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

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

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

@@ -0,0 +1,11 @@
+export { default as MapContext } from './context/MapContext';
+export * from './component/OpenLayersMapView';
+export * from './utils/TimeAwareImageWrapper';
+export * from './utils/types';
+export * from './utils/projections';
+export * from './utils/setMapCenter';
+export * from './utils/viewUtils';
+export * from './controls';
+export * from './draw';
+export * from './styles/useIconStyle';
+export * from './OlStyles';

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare enum BaseLayerType {
+    LIGHT_GREY_CANVAS = 0,
+    WORLD_TOPO = 1
+}
+interface DefaultBaseLayersOptions {
+    type?: BaseLayerType;
+}
+export declare const DefaultBaseLayers: React.FC<DefaultBaseLayersOptions>;
+export {};

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Feature } from 'ol';
+import { StyleLike } from 'ol/style/Style';
+import { ClickOnFeature, HoverSelect } from '../utils/types';
+export interface FeatureLayerProps {
+    features: Feature[];
+    style: StyleLike;
+    zIndex?: number;
+    hoverSelect?: HoverSelect;
+    clickOnFeature?: ClickOnFeature;
+    testId?: string;
+}
+export declare const FeatureLayer: React.FC<FeatureLayerProps>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { StyleLike } from 'ol/style/Style';
+import { FeatureCollection } from 'geojson';
+import { ClickOnFeature, HoverSelect } from '../utils/types';
+export interface OpenLayersFeatureLayerProps {
+    featureCollection?: FeatureCollection;
+    style: StyleLike;
+    zIndex?: number;
+    hoverSelect?: HoverSelect;
+    clickOnFeature?: ClickOnFeature;
+    testId?: string;
+}
+export declare const OpenLayersFeatureLayer: React.FC<OpenLayersFeatureLayerProps>;

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

@@ -0,0 +1,19 @@
+import { LayerFoundation } from '@opengeoweb/webmap';
+import type { OnInitializeLayerProps } from '../utils/types';
+import { DrawModeExitCallback, FeatureEvent } from '../../MapDraw';
+export interface OpenLayersLayerProps extends LayerFoundation {
+    zIndex?: number;
+    onInitializeLayer?: (payload: OnInitializeLayerProps) => void;
+    onLayerReady?: (layerId: string) => void;
+    onLayerError?: (layerId: string, message: string) => void;
+    debugMode?: boolean;
+    id: string;
+    isInEditMode?: boolean;
+    drawMode?: string;
+    updateGeojson?: (geoJson: GeoJSON.FeatureCollection, reason: string) => void;
+    exitDrawModeCallback?: (reason: DrawModeExitCallback) => void;
+    selectedFeatureIndex?: number;
+    onClickFeature?: (event?: FeatureEvent) => void;
+    onHoverFeature?: (event: FeatureEvent) => void;
+}
+export declare const OpenLayersLayer: (layerProps: OpenLayersLayerProps) => React.ReactElement;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import ImageLayer from 'ol/layer/Image';
+import { LayerFoundation } from '@opengeoweb/webmap';
+export interface TiledWMSLayerProps {
+    url: string;
+    layerName: string;
+    styleName: string;
+    layerOptions: ConstructorParameters<typeof ImageLayer>[0];
+    layerProps?: LayerFoundation;
+}
+export declare const TiledWMSLayer: React.FC<TiledWMSLayerProps>;

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

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

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import ImageLayer from 'ol/layer/Image';
+import { LayerFoundation } from '@opengeoweb/webmap';
+export interface WMSLayerProps {
+    url: string;
+    layerName: string;
+    styleName: string;
+    layerOptions: ConstructorParameters<typeof ImageLayer>[0];
+    layerProps?: LayerFoundation;
+}
+export declare const WMSLayer: React.FC<WMSLayerProps>;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import TileLayer from 'ol/layer/Tile';
+import { LayerFoundation } from '@opengeoweb/webmap';
+export interface WMTSLayerProps {
+    getCapsURL: string;
+    layerName: string;
+    tileMatrixSet: string;
+    layerOptions: ConstructorParameters<typeof TileLayer>[0];
+    layerProps?: LayerFoundation;
+}
+export declare const WMTSLayer: React.FC<WMTSLayerProps>;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import TileLayer from 'ol/layer/Tile';
+import { LayerFoundation } from '@opengeoweb/webmap';
+export interface XYZLayerProps {
+    urlTemplate: string;
+    layerOptions: ConstructorParameters<typeof TileLayer>[0];
+    layerProps?: LayerFoundation;
+    tileProjectionCode?: string;
+}
+export declare const XYZLayer: React.FC<XYZLayerProps>;

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

@@ -0,0 +1,8 @@
+export * from './TimeawareImageSourceWMSLayer';
+export * from './WMSLayer';
+export * from './WMTSLayer';
+export * from './XYZLayer';
+export * from './DefaultBaseLayers';
+export * from './OpenLayersLayer';
+export * from './FeatureLayer';
+export * from './OpenLayersFeatureLayer';

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DrawModeExitCallback } from '../../MapDraw';
+import { OpenLayersLayerProps } from '../layers';
+interface OlStoryLayoutProps {
+    layers: OpenLayersLayerProps[];
+    children: React.ReactElement;
+    onExitDrawMode: (reason: DrawModeExitCallback) => void;
+}
+export declare const OlStoryLayout: React.FC<OlStoryLayoutProps>;
+export {};

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

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