@opengeoweb/webmap-react 12.5.0 → 12.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "12.5.0",
+  "version": "12.7.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {
@@ -8,16 +8,14 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/webmap": "12.5.0",
-    "axios": "^1.7.7",
-    "@opengeoweb/theme": "12.5.0",
-    "@opengeoweb/shared": "12.5.0",
+    "@opengeoweb/webmap": "12.7.0",
+    "@opengeoweb/theme": "12.7.0",
+    "@opengeoweb/shared": "12.7.0",
     "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": "^25.0.1",
     "@mui/material": "^7.0.1",
     "react-i18next": "^15.1.1",

package/src/index.d.ts

@@ -2,14 +2,12 @@ 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 { OpenLayersFeatureLayer, TimeAwareEDRLocationLayer, 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 { TimeContext, TimeawareImageSource, OpenLayersFeatureLayer, TimeAwareEDRLocationLayer, WMSLayer, DefaultBaseLayers, OpenLayersLayer, };
 export type { TimeContextType, OpenLayersLayerProps };
-export declare const setOpenLayersEnabled: (openLayersOnOrOff: boolean) => void;
-export declare const isOpenLayersEnabled: () => boolean;

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

@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
 import MapDimensionSelect from './MapDimensionSelect';
 declare const _default: {
     title: string;
-    component: React.FC<import("../MapView").MapViewProps>;
+    component: React.FC<import("../OpenLayers").OpenLayersMapViewProps>;
 };
 export default _default;
 type Story = StoryObj<typeof MapDimensionSelect>;

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

@@ -1,5 +1,3 @@
-export * from './MapDrawContainer';
-export * from './MapDraw';
 export * from './mapDrawUtils';
 export * from './geojsonShapes';
 export * from './storyComponents';

package/src/lib/components/MapDraw/mapDrawUtils.d.ts

@@ -1,26 +1,9 @@
 import proj4, { InterfaceProjection } from 'proj4';
-import { Position } from 'geojson';
 import { Coordinate } from './geojsonShapes';
-export type CheckHoverFeaturesResult = {
-    coordinateIndexInFeature: number;
-    featureIndex: number;
-    feature: GeoJSON.Feature;
-    distance: number;
-    screenCoords: {
-        x: number;
-        y: number;
-    };
-} | null;
 export type ProjectorCache = Record<string, InterfaceProjection>;
 export declare const Proj4js: typeof proj4;
 export declare const projectorCache: ProjectorCache;
 export declare const getProj4: (projection: string | proj4.InterfaceProjection) => InterfaceProjection;
-export declare const distance: (a: Coordinate, b: Coordinate) => number;
-export declare const isBetween: (a: Coordinate, c: Coordinate, b: Coordinate) => boolean;
-export declare const convertGeoCoordsToScreenCoords: (featureCoords: Position[], mapId: string) => Coordinate[];
-export declare const getPixelCoordFromGeoCoord: (featureCoords: Position[], mapId: string) => Coordinate[];
-export declare const findClosestCoords: (positions: Coordinate[], mouseX: number, mouseY: number) => number[];
-export declare const checkHoverFeatures: (geojson: GeoJSON.FeatureCollection, mouseX: number, mouseY: number, convertGeoCoordsToScreenCoords: (featureCoords: Position[]) => Coordinate[], ignoreCoordinateIndexInFeature?: boolean) => CheckHoverFeaturesResult;
 export interface MapDrawDrawFunctionArgs {
     context: CanvasRenderingContext2D;
     featureIndex: number;

package/src/lib/components/MapDraw/storyComponents/StoryLayout.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { MapViewLayerProps } from '../../MapView';
-import { DrawModeExitCallback } from '../MapDraw';
+import { DrawModeExitCallback } from '../../OpenLayers';
+import { OpenLayersLayerProps } from '../../OpenLayers/layers';
 interface StoryLayoutProps {
-    layers: MapViewLayerProps[];
+    layers: OpenLayersLayerProps[];
     children: React.ReactElement;
     onExitDrawMode: (reason: DrawModeExitCallback) => void;
 }

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

@@ -1,4 +1,4 @@
-import { DRAWMODE } from '../MapDraw/MapDraw';
+import { DRAWMODE } from '../OpenLayers/draw/types';
 export type DrawModeValue = DRAWMODE | 'DELETE' | '';
 type DefaultSelectionTypes = 'poly' | 'point' | 'box' | 'linestring';
 export type SelectionType = DefaultSelectionTypes | string;

package/src/lib/components/OpenLayers/OpenLayers.FeatureLayerOpacity.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 FeatureLayerOpacity: {
+    (): React.ReactNode;
+    storyName: string;
+};

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

@@ -2,6 +2,7 @@
 import { MapLocation } from '../../ReactMapView';
 export interface OpenLayersGetFeatureInfoProps {
     displayMapPin?: boolean;
+    disableMapPin?: boolean;
     mapPinLocation?: MapLocation;
     selectLocation: (location: MapLocation) => void;
 }

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

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

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

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

package/src/lib/components/{MapDraw/MapDrawContainer.d.ts → OpenLayers/draw/types.d.ts}

@@ -1,6 +1,23 @@
-import * as React from 'react';
 import { GeometryObject } from 'geojson';
-import { DrawModeExitCallback, FeatureEvent } from './MapDraw';
+export declare enum DRAWMODE {
+    POLYGON = "POLYGON",
+    BOX = "BOX",
+    MULTIPOINT = "MULTIPOINT",
+    POINT = "POINT",
+    LINESTRING = "LINESTRING"
+}
+export interface FeatureEvent {
+    coordinateIndexInFeature: number;
+    featureIndex: number;
+    screenCoords: {
+        x: number;
+        y: number;
+    };
+    mouseX: number;
+    mouseY: number;
+    isInEditMode: boolean;
+    feature: GeoJSON.Feature;
+}
 export interface FeatureLayer {
     id: string;
     type: string;
@@ -15,10 +32,4 @@ export interface FeatureLayer {
     exitDrawModeCallback?: (reason: DrawModeExitCallback, newGeoJSON?: GeoJSON.FeatureCollection) => void;
     selectedFeatureIndex?: string;
 }
-interface MapDrawContainerProps {
-    featureLayers: FeatureLayer[];
-    linkedFeatures?: GeoJSON.FeatureCollection;
-    mapId: string;
-}
-export declare const MapDrawContainer: React.FC<MapDrawContainerProps>;
-export {};
+export type DrawModeExitCallback = 'escaped' | 'doubleClicked' | 'shiftClick';

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

@@ -9,5 +9,6 @@ export interface FeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     testId?: string;
+    opacity?: number;
 }
 export declare const FeatureLayer: React.FC<FeatureLayerProps>;

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

@@ -9,5 +9,6 @@ export interface OpenLayersFeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     testId?: string;
+    opacity?: number;
 }
 export declare const OpenLayersFeatureLayer: React.FC<OpenLayersFeatureLayerProps>;

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { OpenLayersFeatureLayerProps } from './OpenLayersFeatureLayer';
+interface TimeAwareEDRLocationLayerProps extends OpenLayersFeatureLayerProps {
+    currentTime: string | undefined;
+    timestep: number;
+    edrBaseUrl: string;
+    collectionId: string;
+    parameter: string;
+}
+export declare const TimeAwareEDRLocationLayer: React.FC<TimeAwareEDRLocationLayerProps>;
+export {};

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

@@ -6,3 +6,4 @@ export * from './DefaultBaseLayers';
 export * from './OpenLayersLayer';
 export * from './FeatureLayer';
 export * from './OpenLayersFeatureLayer';
+export * from './TimeAwareEDRLocationLayer';

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { CoverageCollection } from '@opengeoweb/shared';
+export declare const coverageCollectionToFeatureCollection: (cov: CoverageCollection | undefined, parameterName: string) => GeoJSON.FeatureCollection;

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

@@ -1,5 +1,3 @@
 import RadarGetCapabilities from './radarGetCapabilities.spec.json';
-export * from './ReactMapViewLayer';
-export * from './ReactMapView';
 export * from './types';
 export { RadarGetCapabilities };

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

@@ -1,44 +1,4 @@
-/// <reference types="react" />
-import { Bbox, Dimension, IWMJSMap, TileServerSettings } from '@opengeoweb/webmap';
-import { TFunction } from 'i18next';
-export interface ReactMapViewProps {
-    listeners?: {
-        name?: string;
-        data: string;
-        keep: boolean;
-        callbackfunction: (webMap: IWMJSMap, value: string) => void;
-    }[];
-    isTimeScrollingEnabled?: boolean;
-    srs?: string;
-    bbox?: Bbox;
-    children?: React.ReactNode;
-    mapId: string;
-    activeLayerId?: string;
-    showScaleBar?: boolean;
-    showLegend?: boolean;
-    tileServerSettings?: TileServerSettings;
-    passiveMap?: boolean;
-    displayTimeInMap?: boolean;
-    animationDelay?: number;
-    timestep?: number;
-    dimensions?: Dimension[];
-    onClick?: () => void;
-    displayMapPin?: boolean;
-    mapPinLocation?: MapLocation;
-    shouldAutoFetch?: number | boolean;
-    showLayerInfo?: boolean;
-    disableMapPin?: boolean;
-    holdShiftToScroll?: boolean;
-    shouldDisablePrefetching?: boolean;
-    t?: TFunction;
-    linkedFeatures?: GeoJSON.FeatureCollection;
-    onWMJSMount?: (mapId: string) => void;
-    onWMJSUnMount?: (mapId: string) => void;
-    onMapChangeDimension?: (payload: SetMapDimensionPayload) => void;
-    onMapZoomEnd?: (payload: SetBboxPayload) => void;
-    onMapPinChangeLocation?: (payload: MapPinLocationPayload) => void;
-    onUpdateLayerInformation?: (payload: UpdateLayerInfoPayload) => void;
-}
+import { Bbox, Dimension } from '@opengeoweb/webmap';
 export interface MapLocation {
     lat: number;
     lon: number;

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

@@ -1,8 +1,6 @@
-import { Dimension, LayerFoundation, IWMJSMap, WMLayer } from '@opengeoweb/webmap';
+import { Dimension, LayerFoundation } from '@opengeoweb/webmap';
 import React from 'react';
-import { FeatureLayer } from '../MapDraw';
-import type { MapViewLayerProps, MapViewProps } from '../MapView';
-import { ReactMapViewProps, UpdateLayerInfoPayload } from './types';
+import { FeatureLayer } from '../OpenLayers/draw/types';
 /** Returns filtered list of props with geoJson
  * @param children React.ReactNode, layers with geoJson
  */
@@ -18,9 +16,3 @@ export declare const isAMapLayer: (layer: LayerFoundation) => boolean;
  */
 export declare const isAGeoJSONLayer: (layer: LayerFoundation) => boolean;
 export declare function getIsInsideAcceptanceTime(acceptanceTimeInMinutes: number | undefined, mapDimensions: Dimension[] | undefined, layerDimensions: Dimension[] | undefined): boolean;
-export declare const makeLayerPropListFromChildren: (children: React.ReactNode, mapId: string) => MapViewLayerProps[];
-export declare const parseWMJSLayer: (wmLayer: WMLayer, forceReload: boolean) => Promise<WMLayer>;
-export declare const setWMLayerPropsBasedOnChildProps: (child: MapViewLayerProps, wmLayer: WMLayer, mapViewProps: ReactMapViewProps) => boolean;
-export declare const addWMLayerPropsBasedOnChildProps: (child: MapViewLayerProps, mapId: string, props: MapViewProps, onUpdateLayerInformation?: (payload: UpdateLayerInfoPayload) => void) => void;
-export declare const removeWMLayerFromMap: (wmLayer: WMLayer, mapId: string, onUpdateLayerInformation?: (payload: UpdateLayerInfoPayload) => void) => void;
-export declare const orderLayers: (wmjsMap: IWMJSMap, _reactMapViewLayers: MapViewLayerProps[]) => boolean;

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const EdrLayerAPICollection: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const EdrLayerAPILocations: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const EdrLayerAPICubeOnObs: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -3,7 +3,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const MapViewRadar: {
+export declare const TanStackDemoGetCapLiveUpdate: {
     (): React.ReactElement;
     storyName: string;
 };

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface StoryWrapperProps {
+    children: [] | React.ReactElement;
+}
+export declare const StoryWrapper: ({ children, }: StoryWrapperProps) => React.ReactElement;
+export {};

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

@@ -2,9 +2,8 @@ export * from './Legend';
 export * from './MapDraw';
 export * from './MapDrawTool';
 export * from './ReactMapView';
-export * from './ReactMapView/utils';
 export * from './ReactMapView/ReactMapViewParseLayer';
-export * from './MapView';
+export * from './ReactMapView/utils';
 export * from './MapTime';
 export * from './MapControls';
 export * from './MapWarning';

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

@@ -0,0 +1,5 @@
+import { ColorMap } from './edrOlLegendUtils';
+export declare const wowTemperatureLegendColors: ColorMap;
+export declare const colorMaps: {
+    wowTemperatureLegendColors: ColorMap;
+};

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

@@ -0,0 +1,20 @@
+import { FeatureLike } from 'ol/Feature';
+import { Circle, Style } from 'ol/style';
+export type ColorMap = string[];
+export interface EdrMapLegendEntry {
+    min: number;
+    max: number;
+    color: string;
+    image: Circle;
+}
+export interface EdrOlColorLegend {
+    legend: EdrMapLegendEntry[];
+}
+export declare const makeLegendFromColorMap: (props: {
+    colors: ColorMap;
+    min: number;
+    max: number;
+}) => EdrOlColorLegend;
+export declare const getLegendClass: (edrColorLegend: EdrOlColorLegend, value: number, clip?: boolean) => EdrMapLegendEntry | undefined;
+export declare const makeFeatureStyleDisc: (feature: FeatureLike, legend: EdrOlColorLegend) => Style;
+export declare const makeFeatureStyleLoading: (feature: FeatureLike) => Style;

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

@@ -0,0 +1,2 @@
+export * from './colormaps';
+export * from './edrOlLegendUtils';

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

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

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

@@ -0,0 +1,6 @@
+import { EDRInstance, CoverageCollection } from '@opengeoweb/shared';
+import { UseQueryResult } from '@tanstack/react-query';
+import { FeatureCollection } from 'geojson';
+export declare const useEDRCollection: (edrBaseUrl: string, collectionId: string, instanceId?: string) => UseQueryResult<EDRInstance, Error>;
+export declare const useEDRCollectionLocation: (edrBaseUrl: string, collectionId: string, instanceId?: string) => UseQueryResult<FeatureCollection, Error>;
+export declare const useEDRCollectionCube: (edrBaseUrl: string, collectionId: string, parameterName: string, datetime?: string, instanceId?: string, bbox?: string) => UseQueryResult<CoverageCollection, Error>;

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

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './colormaps';
+export { fakeEdrLayerApiHandlers } from './fakeApi';

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

@@ -55,6 +55,6 @@ export declare const useGetWMLayerInstance: (serviceUrl: string, name: string, i
 /**
  * Used for querying WMTS GetCapabilities documents
  * @param serviceUrl
- * @returns
+ * @returns {UseQueryResult<string>}
  */
-export declare const useQueryWMTSGetCapabilities: (serviceUrl: string) => UseQueryResult<GetCapabilitiesJson>;
+export declare const useQueryWMTSGetCapabilities: (serviceUrl: string) => UseQueryResult<string>;

package/src/lib/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
 export * from './layers';
 export * from './hooks';
+export * from './edr-layer-api';
 export { WEBMAP_REACT_NAMESPACE } from './utils/i18n';

package/src/lib/components/Axis/ProfileAxis.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface ProfileAxisProps {
-    mapId: string;
-}
-/**
- * This component registers to a webmap instance and draws axis for height and time in the map using the Map Canvas.
- */
-export declare const ProfileAxis: React.FC<ProfileAxisProps>;

package/src/lib/components/Axis/ProfileAxis.spec.d.ts

@@ -1 +0,0 @@
-import 'jest-canvas-mock';

package/src/lib/components/Axis/ProfileAxis.stories.d.ts

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

package/src/lib/components/Axis/profileUtils.d.ts

@@ -1,17 +0,0 @@
-export type GFIResult = [{
-    data: {
-        '0': number;
-    };
-}];
-export declare const CEILONETSTATIONLAYERNAME = "hasceilometerWMONAME";
-export declare const CEILONETPROFILELAYERPREFIX = "ceilonet_";
-/**
- * Connects a Map with a WMS layer with ceilometer stations to a Map withj profile layers.
- * Clicking on the station map causes the layer in the profile map to be changed accordingly.
- * The layername comes from a GetFeatureInfo request on the stations layer.
- *
- * @param mapIdWithProfileViewer
- * @param mapIdWithCeilometerStations
- * @returns
- */
-export declare const connectProfileMapViewToProfileStationsMapById: (mapIdWithProfileViewer: string, mapIdWithCeilometerStations: string) => void;

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

@@ -1,159 +0,0 @@
-import * as React from 'react';
-import { FeatureCollection, GeoJsonProperties, GeometryObject, Position } from 'geojson';
-import { GeoFeatureStyle, Coordinate } from './geojsonShapes';
-interface DrawStyle {
-    x: number;
-    y: number;
-    nr: number;
-}
-interface InputEvent {
-    leftButton: boolean;
-    mouseDown: boolean;
-    mouseX: number;
-    mouseY: number;
-    rightButton: boolean;
-}
-export interface FeatureEvent {
-    coordinateIndexInFeature: number;
-    featureIndex: number;
-    screenCoords: {
-        x: number;
-        y: number;
-    };
-    mouseX: number;
-    mouseY: number;
-    isInEditMode: boolean;
-    feature: GeoJSON.Feature;
-}
-export interface MapDrawProps {
-    mapId: string;
-    geojson: GeoJSON.FeatureCollection;
-    linkedFeatures?: GeoJSON.FeatureCollection;
-    drawMode: string;
-    deletePolygonCallback?: string;
-    exitDrawModeCallback: (reason: DrawModeExitCallback, newGeoJSON?: GeoJSON.FeatureCollection) => void;
-    isInEditMode: boolean;
-    isInDeleteMode: boolean;
-    selectedFeatureIndex: number;
-    onHoverFeature?: (event: FeatureEvent) => void;
-    onClickFeature?: (event: FeatureEvent) => void;
-    updateGeojson: (geoJson: GeometryObject, text: string) => void;
-}
-export declare enum EDITMODE {
-    EMPTY = "EMPTY",
-    DELETE_FEATURES = "DELETE_FEATURES",
-    ADD_FEATURE = "ADD_FEATURE"
-}
-export declare enum DRAWMODE {
-    POLYGON = "POLYGON",
-    BOX = "BOX",
-    MULTIPOINT = "MULTIPOINT",
-    POINT = "POINT",
-    LINESTRING = "LINESTRING"
-}
-declare enum VERTEX {
-    NONE = "NONE",
-    MIDDLE_POINT_OF_FEATURE = "MIDDLE_POINT_OF_FEATURE"
-}
-declare enum EDGE {
-    NONE = "NONE"
-}
-declare enum SNAPPEDFEATURE {
-    NONE = "NONE"
-}
-export type DrawModeExitCallback = 'escaped' | 'doubleClicked';
-export default class MapDraw extends React.PureComponent<MapDrawProps> {
-    myEditMode: EDITMODE;
-    myDrawMode: DRAWMODE;
-    textPositions: {
-        x: number;
-        y: number;
-        text: string;
-    }[];
-    mouseOverPolygonCoordinates: Coordinate[] | number;
-    defaultPolyProps: GeoFeatureStyle;
-    defaultLineStringProps: GeoFeatureStyle;
-    defaultIconProps: {
-        imageWidth: number;
-        imageHeight: number;
-    };
-    somethingWasDragged: string;
-    mouseIsOverVertexNr: SNAPPEDFEATURE | VERTEX | number;
-    selectedEdge: EDGE;
-    geojson: FeatureCollection;
-    listenersInitialized: boolean;
-    mouseGeoCoord: Coordinate;
-    snappedGeoCoords: Coordinate;
-    doubleClickTimer: {
-        isRunning?: boolean;
-        timer?: number;
-        mouseX?: number;
-        mouseY?: number;
-    };
-    mouseStoppedTimer: number;
-    snappedPolygonIndex: SNAPPEDFEATURE | number;
-    mouseX: number;
-    mouseY: number;
-    mouseOverPolygonFeatureIndex: number;
-    drawMode: string;
-    disabled: boolean;
-    static defaultProps: {
-        isInEditMode: boolean;
-        isInDeleteMode: boolean;
-        webmapjs: undefined;
-        selectedFeatureIndex: number;
-    };
-    featureEvent: FeatureEvent;
-    constructor(props: MapDrawProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: MapDrawProps): void;
-    componentWillUnmount(): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleNewFeatureIndex(): void;
-    handleDrawMode(_drawMode: string): void;
-    handleGeoJSONUpdate: (newGeoJSON: GeoJSON.FeatureCollection) => void;
-    handleExitDrawMode: (reason?: DrawModeExitCallback) => void;
-    getSelectedFeature: () => GeoJSON.Feature;
-    hoverVertex(feature: GeoJSON.Feature, mouseX: number, mouseY: number): void;
-    mouseMove(event: InputEvent): boolean;
-    triggerMouseDownTimer(event: InputEvent): void | boolean;
-    mouseDoubleClick(): void;
-    insertVertexInEdge(event: InputEvent): boolean;
-    /**
-     * This creates a new feature in the geojson features array at the selectedFeatureIndex location
-     * @param event
-     * @returns if a new feature is made
-     */
-    createNewFeature(event: InputEvent): boolean;
-    addPointToMultiPointFeature(event: InputEvent): boolean;
-    addVerticesToPolygonFeature(event: InputEvent): boolean;
-    addPointToLineStringFeature(event: InputEvent): boolean;
-    mouseDown(event: InputEvent): void | boolean;
-    deletePolygon(index: number | SNAPPEDFEATURE): void;
-    deleteFeature(): void;
-    mouseUp(event: InputEvent): void | boolean;
-    cancelEdit(cancelLastPoint: boolean): void;
-    moveVertex(feature: GeoJSON.Feature, mouseDown: boolean): boolean;
-    transposePolygon(featureCoords: Position[]): void;
-    transposeVertex(featureCoords: Position[]): void;
-    componentCleanup(): void;
-    initializeFeature(feature: GeoJSON.Feature): void;
-    validatePolys(fixPolys: boolean): void;
-    beforeDraw(ctx: CanvasRenderingContext2D): void;
-    checkDist(coord: Coordinate, polygonIndex: SNAPPEDFEATURE | number, mouseX: number, mouseY: number): boolean;
-    hoverEdge(geometry: GeoJSON.Geometry, mouseX: number, mouseY: number): {
-        selectedEdge: EDGE | number;
-        snappedPolygonIndex: SNAPPEDFEATURE | number;
-    };
-    drawVertice(ctx: CanvasRenderingContext2D, _coord: Coordinate, selected: boolean, middle: boolean, isInEditMode: boolean): void;
-    drawPoint(ctx: CanvasRenderingContext2D, _coord: Coordinate, selected: boolean, middle: boolean, isInEditMode: boolean, feature: GeoJSON.Feature, featureIndex: number): void;
-    drawIcon(ctx: CanvasRenderingContext2D, _coord: Coordinate, featureProperties: GeoJsonProperties): DrawStyle;
-    drawMarker(ctx: CanvasRenderingContext2D, _coord: Coordinate, selected: boolean, middle: boolean, isInEditMode: boolean, featureProperties: GeoFeatureStyle): void | DrawStyle;
-    drawLine(ctx: CanvasRenderingContext2D, XYCoords: Coordinate[], featureIndex: number, lineStringIndex: number): void | DrawStyle;
-    drawPolygon(ctx: CanvasRenderingContext2D, XYCoords: Coordinate[], featureIndex: number, polygonIndex: number): void | DrawStyle;
-    initializeFeatureCoordinates(feature: GeoJSON.Feature, type: string): GeoJSON.Feature;
-    checkIfFeatureIsBox(feature: GeoJSON.Feature): boolean;
-    featureHasChanged(text: string): void;
-    render(): React.ReactElement;
-}
-export {};