@opengeoweb/webmap-react 7.0.0 → 8.1.0

package/package.json

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

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

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

package/src/lib/components/CanvasComponent/CanvasComponentDynamic.stories.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DynamicCanvas: React.FC;

package/src/lib/components/CanvasComponent/CanvasComponentStatic.stories.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const StaticCanvas: React.FC;

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

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

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const SimpleLegend: () => React.ReactElement;
+export declare const SimpleLegendWithMultiDimensions: () => React.ReactElement;
+export declare const SimpleLegendWithoutDimensionsOrGraphic: () => React.ReactElement;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Map1: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const Map2: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const Map3: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const Map4: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const Map5: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const Map6: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const Map7: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

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

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

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

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

@@ -2,4 +2,4 @@ export * from './MapDrawContainer';
 export * from './MapDraw';
 export * from './mapDrawUtils';
 export * from './geojsonShapes';
-export * from './storyComponents/geojsonExamples';
+export * from './storyComponents';

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface EditModeButtonProps {
+    isInEditMode: boolean;
+    onToggleEditMode: (isEditMode: boolean) => void;
+    drawMode: string;
+}
+export declare const EditModeButton: React.FC<EditModeButtonProps>;
+export default EditModeButton;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FeatureLayersProps {
+    geojson: GeoJSON.FeatureCollection;
+    onChangeLayerIndex: (newIndex: number) => void;
+    activeFeatureLayerIndex: number;
+}
+declare const FeatureLayers: React.FC<FeatureLayersProps>;
+export default FeatureLayers;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SxProps } from '@mui/material';
+interface GeoJSONTextFieldProps {
+    geoJSON: GeoJSON.FeatureCollection;
+    onChangeGeoJSON?: (geoJSON: GeoJSON.FeatureCollection) => void;
+    title?: string;
+    sx?: SxProps;
+    maxRows?: number;
+}
+declare const GeoJSONTextField: React.FC<GeoJSONTextFieldProps>;
+export default GeoJSONTextField;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+type IntersectionElement = {
+    geojson: GeoJSON.FeatureCollection;
+    title: string;
+};
+interface IntersectionSelectProps {
+    intersections: IntersectionElement[];
+    onChangeIntersection: (geojson: GeoJSON.FeatureCollection) => void;
+}
+export declare const IntersectionSelect: React.FC<IntersectionSelectProps>;
+export default IntersectionSelect;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MapDrawGeoJSON: React.FC;
+export default MapDrawGeoJSON;

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DrawMode } from '../../MapDrawTool';
+interface ToolButtonProps {
+    mode: DrawMode;
+    isSelected: boolean;
+    onClick: () => void;
+    icon: React.ReactElement;
+}
+export declare const ToolButton: React.FC<ToolButtonProps>;
+export default ToolButton;

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

@@ -1,4 +1,3 @@
-export declare const defaultStyleProperties: GeoJSON.GeoJsonProperties;
 export declare const simplePolygonGeoJSON: GeoJSON.FeatureCollection;
 export declare const simplePointsGeojson: GeoJSON.FeatureCollection;
 export declare const simpleSmallLineStringGeoJSON: GeoJSON.FeatureCollection;

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

@@ -0,0 +1,5 @@
+export { default as GeoJSONTextField } from './GeoJSONTextField';
+export { default as FeatureLayers } from './FeatureLayers';
+export { default as EditModeButtonField } from './EditModeButton';
+export * from './geojsonExamples';
+export * from './storyUtils';

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

@@ -0,0 +1,48 @@
+export declare const drawPolyStoryStyles: {
+    MapDrawGeoJSONContainer: {
+        display: string;
+        gridTemplateColumns: string;
+        gridTemplateRows: string;
+        gridTemplateAreas: string;
+        width: string;
+        height: string;
+    };
+    MapDrawGeoJSONMapContainer: {
+        gridArea: string;
+        width: string;
+        height: string;
+    };
+    MapDrawGeoJSONControlsContainer: {
+        gridArea: string;
+        width: string;
+        height: string;
+    };
+    MapDrawGeoJSONTextAreaContainer: {
+        gridArea: string;
+        width: string;
+        height: string;
+    };
+    MapDrawGeoJSONTextArea: {
+        padding: number;
+        border: string;
+        width: string;
+        height: string;
+        fontSize: string;
+    };
+};
+export declare const useGeoJSON: () => {
+    editModes: {
+        key: string;
+        value: string;
+    }[];
+    isInEditMode: boolean;
+    geojson: GeoJSON.FeatureCollection;
+    setGeojson: (geojson: GeoJSON.FeatureCollection) => void;
+    geojsonText: string;
+    setGeojsonText: (text: string) => void;
+    drawMode: string;
+    currentFeatureNrToEdit: number;
+    setCurrentFeatureNrToEdit: (featureNumber: number) => void;
+    changeDrawMode: (mode: string) => void;
+    setEditMode: (on: boolean) => void;
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MapDrawToolOptions } from './useMapDrawTool';
+declare const _default: {
+    title: string;
+};
+export default _default;
+interface BasicMapDrawToolProps {
+    mapDrawOptions: MapDrawToolOptions;
+}
+export declare const BasicMapDrawTool: React.FC<BasicMapDrawToolProps>;
+export declare const BasicMapDrawToolShape: () => React.ReactElement;
+export declare const BasicMapDrawToolWithMultipleShapes: () => React.ReactElement;

package/src/lib/components/MapDrawTool/MapDrawToolDoubleControls.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DoubleMapControlsDemo: () => React.ReactElement;

package/src/lib/components/MapDrawTool/MapDrawToolIntersection.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MapDrawToolOptions } from './useMapDrawTool';
+declare const _default: {
+    title: string;
+};
+export default _default;
+interface MapDrawToolIntersectDemoProps {
+    mapDrawOptions: MapDrawToolOptions;
+}
+export declare const IntersectionDemo: React.FC<MapDrawToolIntersectDemoProps>;
+export declare const IntersectionWithShapeDemo: () => React.ReactElement;

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

@@ -0,0 +1,2 @@
+export * from './types';
+export { useMapDrawTool, defaultPoint, defaultDelete, defaultPolygon, defaultBox, defaultIntersectionStyleProperties, getIcon, currentlySupportedDrawModes, defaultModes, } from './useMapDrawTool';

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

@@ -0,0 +1,9 @@
+import { DRAWMODE } from '../MapDraw/MapDraw';
+export type DrawModeValue = DRAWMODE | 'DELETE' | '';
+export type DrawMode = {
+    drawModeId: string;
+    value: DrawModeValue;
+    shape: GeoJSON.Feature | GeoJSON.FeatureCollection;
+    title: string;
+    isSelectable: boolean;
+};

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

@@ -0,0 +1,105 @@
+import React from 'react';
+import { DrawMode, DrawModeValue } from './types';
+import { MapViewLayerProps } from '../MapView';
+import { DRAWMODE } from '../MapDraw/MapDraw';
+export declare const defaultIntersectionStyleProperties: GeoJSON.GeoJsonProperties;
+export declare const emptyLineString: GeoJSON.Feature;
+export declare const emptyPoint: GeoJSON.Feature;
+export declare const emptyPolygon: GeoJSON.Feature;
+export declare const emptyBox: GeoJSON.Feature;
+export declare const emptyIntersectionShape: GeoJSON.FeatureCollection;
+type DrawLayerType = 'geoJSON' | 'geoJSONIntersection' | 'geoJSONIntersectionBounds';
+export interface MapDrawToolProps {
+    geoJSON: GeoJSON.FeatureCollection;
+    geoJSONIntersection?: GeoJSON.FeatureCollection;
+    geoJSONIntersectionBounds?: GeoJSON.FeatureCollection;
+    setGeoJSON: (geojson: GeoJSON.Feature | GeoJSON.FeatureCollection) => void;
+    setGeoJSONIntersectionBounds: (geojson: GeoJSON.FeatureCollection) => void;
+    editModes: DrawMode[];
+    changeDrawMode: (mode: DrawModeValue) => void;
+    isInEditMode: boolean;
+    setEditMode: (shouldEnable: boolean) => void;
+    featureLayerIndex: number;
+    setFeatureLayerIndex: (newIndex: number) => void;
+    activeTool: string;
+    changeActiveTool: (newMode: DrawMode) => void;
+    setActiveTool: (newToolId: string) => void;
+    layers: MapViewLayerProps[];
+    getLayer: (layerType: DrawLayerType, layerId: string) => MapViewLayerProps;
+    deactivateTool: () => void;
+    setEditModes: (editModes: DrawMode[]) => void;
+    changeProperties: (geoJSONProperties: GeoJSON.GeoJsonProperties) => void;
+    getProperties: () => GeoJSON.GeoJsonProperties;
+}
+export interface MapDrawToolOptions {
+    shouldAllowMultipleshapes?: boolean;
+    defaultEditModes?: DrawMode[];
+    defaultGeoJSON?: GeoJSON.FeatureCollection;
+    defaultGeoJSONIntersection?: GeoJSON.FeatureCollection;
+    defaultGeoJSONIntersectionBounds?: GeoJSON.FeatureCollection;
+    defaultGeoJSONIntersectionProperties?: GeoJSON.GeoJsonProperties;
+}
+export declare const getIcon: (drawModeId: string) => React.ReactElement | null;
+export declare const defaultPoint: {
+    drawModeId: string;
+    value: DRAWMODE;
+    title: string;
+    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    isSelectable: boolean;
+};
+export declare const defaultPolygon: {
+    drawModeId: string;
+    value: DRAWMODE;
+    title: string;
+    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    isSelectable: boolean;
+};
+export declare const defaultBox: {
+    drawModeId: string;
+    value: DRAWMODE;
+    title: string;
+    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    isSelectable: boolean;
+};
+export declare const defaultLineString: {
+    drawModeId: string;
+    value: DRAWMODE;
+    title: string;
+    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    isSelectable: boolean;
+};
+export declare const defaultDelete: {
+    drawModeId: string;
+    value: "DELETE";
+    title: string;
+    shape: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    isSelectable: boolean;
+};
+export declare const defaultModes: ({
+    drawModeId: string;
+    value: DRAWMODE;
+    title: string;
+    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    isSelectable: boolean;
+} | {
+    drawModeId: string;
+    value: "DELETE";
+    title: string;
+    shape: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    isSelectable: boolean;
+})[];
+export declare const currentlySupportedDrawModes: ({
+    drawModeId: string;
+    value: DRAWMODE;
+    title: string;
+    shape: import("geojson").Feature<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    isSelectable: boolean;
+} | {
+    drawModeId: string;
+    value: "DELETE";
+    title: string;
+    shape: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
+    isSelectable: boolean;
+})[];
+export declare const useMapDrawTool: ({ defaultEditModes, shouldAllowMultipleshapes, defaultGeoJSON, defaultGeoJSONIntersection, defaultGeoJSONIntersectionBounds, defaultGeoJSONIntersectionProperties, }: MapDrawToolOptions) => MapDrawToolProps;
+export {};

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

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

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

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./MapView").MapViewProps>;
+};
+export default _default;
+export declare const MapError: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const MapWithDuplicateLayerIdsError: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,4 @@
 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 {
@@ -8,7 +7,7 @@ export interface MapViewLayerProps extends LayerFoundation {
     onLayerError?: (layer: WMLayer, error?: Error) => void;
     isInEditMode?: boolean;
     drawMode?: string;
-    updateGeojson?: (geoJson: GeoJSONObject) => void;
+    updateGeojson?: (geoJson: GeoJSON.FeatureCollection) => void;
     exitDrawModeCallback?: (reason: DrawModeExitCallback) => void;
     featureNrToEdit?: number;
     onClickFeature?: (event: FeatureEvent) => void;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+interface WarningListProps {
+    selectedFeatureProperties: {
+        identifier?: string;
+        severity?: string;
+        certainty?: string;
+        onset?: string;
+        expires?: string;
+        languages?: Language[];
+    };
+    languageIndex?: number;
+    parentSize?: number;
+}
+interface Language {
+    areaDesc: string;
+    language: string;
+    event: string;
+    senderName: string;
+    headline: string;
+    description: string;
+}
+export declare const MapWarningProperties: React.FC<WarningListProps>;
+export {};

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

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

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

@@ -0,0 +1 @@
+export { MapWarningProperties } from './MapWarningProperties';

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

@@ -0,0 +1 @@
+export declare const mockGeoJSON: GeoJSON.FeatureCollection;

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

@@ -0,0 +1 @@
+export declare const mockGeoJSON: GeoJSON.FeatureCollection;

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

@@ -17,6 +17,7 @@ export interface ReactMapViewProps {
     passiveMap?: boolean;
     displayTimeInMap?: boolean;
     animationDelay?: number;
+    timestep?: number;
     dimensions?: Dimension[];
     onClick?: () => void;
     displayMapPin?: boolean;

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

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

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

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

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

@@ -0,0 +1,9 @@
+export declare const initialBbox: {
+    srs: string;
+    bbox: {
+        left: number;
+        bottom: number;
+        right: number;
+        top: number;
+    };
+};