@opengeoweb/webmap-react 6.0.4 → 7.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "6.0.4",
+  "version": "7.0.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Source } from '@opengeoweb/shared';
+import { LayerFoundation } from '@opengeoweb/webmap';
+interface LegendDialogProps {
+    layers: LayerFoundation[];
+    isOpen: boolean;
+    onClose: () => void;
+    onMouseDown?: () => void;
+    mapId: string;
+    showMapId?: boolean;
+    order?: number;
+    source?: Source;
+}
+export declare const LegendDialog: React.FC<LegendDialogProps>;
+export {};

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

@@ -1,2 +1,3 @@
 export * from './Legend';
 export * from './LegendLayout';
+export * from './LegendDialog';

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { TooltipProps } from '@mui/material';
+import { CustomIconProps } from '@opengeoweb/shared';
+interface MapControlButtonProps extends CustomIconProps {
+    isActive?: boolean;
+    placement?: TooltipProps['placement'];
+    children: React.ReactNode;
+}
+export declare const MapControlButton: React.FC<MapControlButtonProps>;
+export {};

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface MapControlsProps {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}
+export declare const MapControls: React.FC<MapControlsProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface ZoomControlsProps {
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    onZoomReset: () => void;
+}
+export declare const ZoomControls: React.FC<ZoomControlsProps>;
+export {};

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

@@ -0,0 +1,3 @@
+export * from './ZoomControls';
+export * from './MapControlButton';
+export * from './MapControls';

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Dimension } from '@opengeoweb/webmap';
+export declare const getTimeDimension: (dimensions: Dimension[]) => Dimension;
+export declare const formatTime: (time: string, timeFormat: string) => string;
+interface MapeTimeProps {
+    dimensions: Dimension[];
+    timeFormat?: string;
+}
+export declare const defaultTimeFormat = "EEE dd MMM yyyy HH:mm 'UTC'";
+export declare const MapTime: React.FC<MapeTimeProps>;
+export {};

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

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

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ReactMapViewProps } from '../ReactMapView';
+export interface MapViewProps extends ReactMapViewProps {
+    controls?: {
+        zoomControls?: boolean;
+    };
+}
+export declare const MapView: React.FC<MapViewProps>;

package/src/lib/components/MapView/MapViewLayer.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { GeoJSONObject } from '@turf/turf';
+import { LayerFoundation, WMJSMap, WMLayer } from '@opengeoweb/webmap';
+import { DrawModeExitCallback, FeatureEvent } from '../MapDraw';
+export interface MapViewLayerProps extends LayerFoundation {
+    id: string;
+    onLayerReady?: (layer: WMLayer, webmap?: WMJSMap) => void;
+    onLayerError?: (layer: WMLayer, error?: Error) => void;
+    isInEditMode?: boolean;
+    drawMode?: string;
+    updateGeojson?: (geoJson: GeoJSONObject) => void;
+    exitDrawModeCallback?: (reason: DrawModeExitCallback) => void;
+    featureNrToEdit?: number;
+    onClickFeature?: (event: FeatureEvent) => void;
+    onHoverFeature?: (event: FeatureEvent) => void;
+}
+export declare const MapViewLayer: React.FC<MapViewLayerProps>;

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

@@ -0,0 +1,2 @@
+export * from './MapView';
+export * from './MapViewLayer';

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

@@ -0,0 +1,58 @@
+/// <reference types="node" />
+import * as React from 'react';
+import { WMJSMap, WMLayer, WMBBOX } from '@opengeoweb/webmap';
+import { ReactMapViewProps } from './types';
+export declare const ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION = "ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION";
+export declare const ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO = "ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO";
+interface ReactMapViewState {
+    adagucInitialised: boolean;
+}
+interface AdagucObjectProp {
+    initialized: boolean;
+    baseLayers: WMLayer[];
+    oldbbox: WMBBOX;
+    currentWidth: number;
+    currentHeight: number;
+    currentMapProps: {
+        children?: React.ReactNode;
+    };
+}
+export declare class ReactMapView extends React.Component<ReactMapViewProps, ReactMapViewState> {
+    adaguc: AdagucObjectProp;
+    adagucContainerRef: React.RefObject<HTMLDivElement>;
+    adagucWebMapJSRef: React.RefObject<HTMLDivElement>;
+    refetchTimer: NodeJS.Timeout | number | null;
+    static defaultProps: {
+        srs: string;
+        bbox: {
+            left: number;
+            bottom: number;
+            right: number;
+            top: number;
+        };
+        shouldAutoFetch: boolean;
+        displayMapPin: boolean;
+        disableMapPin: boolean;
+        onWMJSMount: () => void;
+        onMapChangeDimension: () => void;
+        onUpdateLayerInformation: () => void;
+        onMapZoomEnd: () => void;
+    };
+    constructor(props: ReactMapViewProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ReactMapViewProps): void;
+    componentWillUnmount(): void;
+    handleWindowResize(): void;
+    onDimChangeListener(): void;
+    onAfterSetBBoxListener(): void;
+    onUpdateBBoxListener(newBbox: WMBBOX): void;
+    onStartRefetchTimer: () => void;
+    clearRefetchTimer: () => void;
+    parseWMJSLayer: (wmLayer: WMLayer, forceReload: boolean, child?: React.ReactElement) => void;
+    updateWMJSMapProps(prevProps: ReactMapViewProps, props: ReactMapViewProps): void;
+    drawDebounced(): void;
+    mountWMJSMap(): WMJSMap | null;
+    resize(): void;
+    render(): React.ReactElement;
+}
+export {};

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

@@ -0,0 +1,8 @@
+import { WMLayer } from '@opengeoweb/webmap';
+import * as React from 'react';
+interface ReactMapViewLayerProps {
+    id: string;
+    onLayerReady?: (layer: WMLayer) => void;
+}
+export declare const ReactMapViewLayer: React.FC<ReactMapViewLayerProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { WMLayer, WMJSDimension } from '@opengeoweb/webmap';
+import { UpdateLayerInfoPayload } from './types';
+export declare const getCurrentDimensionValue: (name: string, dimensions?: WMJSDimension[]) => string;
+export declare const setLayerInfo: (wmLayer: WMLayer, mapId: string, onUpdateLayerInformation?: ((payload: UpdateLayerInfoPayload) => void) | undefined) => void;

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

@@ -0,0 +1,3 @@
+export * from './ReactMapViewLayer';
+export * from './ReactMapView';
+export * from './types';

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

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+import { Bbox, Dimension, WMJSMap } from '@opengeoweb/webmap';
+export interface ReactMapViewProps {
+    listeners?: {
+        name?: string;
+        data: string;
+        keep: boolean;
+        callbackfunction: (webMap: WMJSMap, value: string) => void;
+    }[];
+    srs?: string;
+    bbox?: Bbox;
+    children?: React.ReactNode;
+    mapId: string;
+    activeLayerId?: string;
+    showScaleBar?: boolean;
+    showLegend?: boolean;
+    passiveMap?: boolean;
+    displayTimeInMap?: boolean;
+    animationDelay?: number;
+    dimensions?: Dimension[];
+    onClick?: () => void;
+    displayMapPin?: boolean;
+    mapPinLocation?: MapLocation;
+    shouldAutoFetch?: boolean;
+    showLayerInfo?: boolean;
+    disableMapPin?: boolean;
+    onWMJSMount?: (mapId: string) => void;
+    onMapChangeDimension?: (payload: SetMapDimensionPayload) => void;
+    onMapZoomEnd?: (payload: SetBboxPayload) => void;
+    onMapPinChangeLocation?: (payload: MapPinLocationPayload) => void;
+    onUpdateLayerInformation?: (payload: UpdateLayerInfoPayload) => void;
+}
+export interface MapLocation {
+    lat: number;
+    lon: number;
+}
+export interface MapPinLocationPayload {
+    mapId: string;
+    mapPinLocation: MapLocation;
+}
+export interface SetMapDimensionPayload {
+    origin: string;
+    mapId: string;
+    dimension: Dimension;
+}
+export interface SetBboxPayload {
+    mapId: string;
+    bbox: Bbox;
+    srs?: string;
+}
+export interface SetLayerDimensionsPayload {
+    layerId: string;
+    origin: string;
+    dimensions: Dimension[];
+}
+export interface UpdateAllMapDimensionsPayload {
+    origin: string;
+    mapId: string;
+    dimensions: Dimension[];
+}
+export interface SetLayerStylePayload {
+    layerId: string;
+    style: string;
+    mapId?: string;
+    origin?: string;
+}
+export interface UpdateLayerInfoPayload {
+    origin: string;
+    mapDimensions?: UpdateAllMapDimensionsPayload;
+    layerStyle?: SetLayerStylePayload;
+    layerDimensions?: SetLayerDimensionsPayload;
+}

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

@@ -0,0 +1,22 @@
+import { Dimension, LayerFoundation, WMLayer } from '@opengeoweb/webmap';
+import { FeatureLayer } from '../MapDraw';
+/**
+ * Returns filtered list of props with geoJson
+ * @param children React.ReactNode, layers with geoJson
+ */
+export declare const getFeatureLayers: (children: React.ReactNode) => FeatureLayer[];
+/**
+ * Returns true if this is a maplayer and not a baselayer or overlayer
+ * @param layer The LayerFoundation object, or the props from the ReactWMJSLayer
+ */
+export declare const isAMapLayer: (layer: LayerFoundation) => boolean;
+/**
+ * Returns true if this is a geojsonlayer (layer containing geojson field)
+ * @param layer The LayerFoundation object, or the props from the ReactWMJSLayer
+ */
+export declare const isAGeoJSONLayer: (layer: LayerFoundation) => boolean;
+export declare const getWMJSLayerFromReactLayer: (mapId: string, wmLayers: WMLayer[], reactWebMapJSLayer: React.ReactElement, wmLayerIndex: number) => {
+    layer: WMLayer;
+    layerArrayMutated: boolean;
+};
+export declare function getIsInsideAcceptanceTime(acceptanceTimeInMinutes: number | undefined, mapDimensions: Dimension[] | undefined, layerDimensions: Dimension[] | undefined): boolean;

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

@@ -1,3 +1,7 @@
 export * from './CanvasComponent';
 export * from './Legend';
 export * from './MapDraw';
+export * from './ReactMapView';
+export * from './MapView';
+export * from './MapTime';
+export * from './MapControls';

package/src/lib/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './layers';

package/src/lib/layers/defaultLayers.d.ts

@@ -0,0 +1,15 @@
+import { LayerType } from '@opengeoweb/webmap';
+export declare const baseLayerGrey: {
+    id: string;
+    name: string;
+    type: string;
+    layerType: LayerType;
+};
+export declare const overLayer: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};

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

@@ -0,0 +1,3 @@
+export * as publicLayers from './publicLayers';
+export * as defaultLayers from './defaultLayers';
+export * as publicServices from './publicServices';

package/src/lib/layers/publicLayers.d.ts

@@ -0,0 +1,310 @@
+import { LayerType } from '@opengeoweb/webmap';
+import * as defaultLayers from './defaultLayers';
+export { defaultLayers };
+export declare const baseLayer: {
+    name: string;
+    title: string;
+    type: string;
+    layerType: LayerType;
+    enabled: boolean;
+    id: string;
+};
+export declare const baseLayerOpenStreetMapNL: {
+    id: string;
+    name: string;
+    type: string;
+    layerType: LayerType;
+    enabled: boolean;
+};
+export declare const baseLayerArcGisCanvas: {
+    service: string;
+    id: string;
+    name: string;
+    type: string;
+    enabled: boolean;
+    layerType: LayerType;
+};
+export declare const baseLayerWorldMap: {
+    id: string;
+    name: string;
+    type: string;
+    layerType: LayerType;
+    enabled: boolean;
+};
+export declare const baseLayerHeiGit: {
+    service: string;
+    id: string;
+    name: string;
+    layerType: LayerType;
+};
+export declare const msgCppLayer: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    style: string;
+    id: string;
+    layerType: LayerType;
+};
+export declare const veiligheidsRegiosGebiedsIndelingenLabels: {
+    service: string;
+    name: string;
+    style: string;
+    enabled: boolean;
+    layerType: LayerType;
+};
+export declare const veiligheidsRegiosGebiedsIndelingen: {
+    service: string;
+    name: string;
+    style: string;
+    enabled: boolean;
+    layerType: LayerType;
+};
+export declare const radarLayer: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    style: string;
+    id: string;
+    layerType: LayerType;
+};
+export declare const radarLayerWithError: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    style: string;
+    id: string;
+    layerType: LayerType;
+};
+export declare const obsAirTemperature: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+};
+export declare const obsWind: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+};
+export declare const obsAirPressureAtSeaLevel: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+};
+export declare const obsRelativeHumidity: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+};
+export declare const obsGlobalSolarRadiation: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+};
+export declare const obsPrecipitationIntensityPWS: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+};
+export declare const harmonieRelativeHumidityPl: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+    enabled: boolean;
+};
+export declare const harmonieWindPl: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+    enabled: boolean;
+};
+export declare const harmonieAirTemperature: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+    enabled: boolean;
+};
+export declare const harmoniePrecipitation: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+    enabled: boolean;
+};
+export declare const harmoniePressure: {
+    service: string;
+    name: string;
+    id: string;
+    layerType: LayerType;
+    enabled: boolean;
+};
+export declare const harmonieWindFlags: {
+    service: string;
+    name: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const klimaatAtlasTG3: {
+    service: string;
+    name: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const dwdWarningLayer: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const dwdRadarLayer: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const dwdObservationsWetterLayer: {
+    service: string;
+    name: string;
+    style: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const dwdObservationsWetterLayerWithHeader: {
+    service: string;
+    name: string;
+    style: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+    headers: {
+        name: string;
+        value: string;
+    }[];
+};
+export declare const dwdObservationsWindLayer: {
+    service: string;
+    name: string;
+    style: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const FMITemp: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const MetNoTemp: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const metNorwayWind1: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const metNorwayWind2: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const metNorwayWind3: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const metNorwayLatestT: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const metNorwaySalinaty: {
+    service: string;
+    name: string;
+    format: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const msgFesEUMETSAT: {
+    service: string;
+    name: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const msgNaturalenhncdEUMETSAT: {
+    service: string;
+    name: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const msgAshEUMETSAT: {
+    service: string;
+    name: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const msgCthEUMETSAT: {
+    service: string;
+    name: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const msgFogEUMETSAT: {
+    service: string;
+    name: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};
+export declare const msgNaturalEUMETSAT: {
+    service: string;
+    name: string;
+    enabled: boolean;
+    id: string;
+    layerType: LayerType;
+};