@opengeoweb/webmap-react 19.6.1 → 20.0.0-nightly-20260918

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

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const MapMousePosition: React.FC;
+interface MapMousePositionProps {
+    bottom?: string;
+}
+export declare const MapMousePosition: React.FC<MapMousePositionProps>;
+export {};

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

@@ -24,7 +24,10 @@ export declare const FEATURE_STROKE_SELECTED: Stroke;
 export declare const FEATURE_VERTICE_IMAGE: Circle;
 export declare const FEATURE_VERTICE_HANDLE_IMAGE: Circle;
 export declare const FEATURE_VERTICES_EDIT_HANDLES: Style;
-export declare const getFeaturePointStyle: (fillColor?: string, fillOpacity?: number) => Style;
+export declare const SELECTED_FEATURE_COLOR = "#006CFD";
+export declare const getBoxSelectPreviewStyle: (fill?: string) => Style;
+export declare const getFeaturePointStyle: (fillColor?: string, fillOpacity?: number, isSelected?: boolean) => Style;
+export declare const SELECTED_POINT_HALO_STYLE: Style;
 export declare const labelOptions: {
     font: string;
     padding: number[];

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

@@ -10,5 +10,6 @@ export interface OpenLayersMapViewProps {
     holdShiftToScroll?: boolean;
     mapId?: string;
     showMapMousePosition?: boolean;
+    mapMousePositionBottom?: string;
 }
 export declare const OpenLayersMapView: React.FC<OpenLayersMapViewProps>;

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

@@ -3,6 +3,7 @@ import type { Geometry } from 'ol/geom';
 import type { StyleLike } from 'ol/style/Style';
 import React from 'react';
 import type { DrawModeExitCallback, DrawModeValue } from './types';
+import type { BoxSelect } from '../utils/types';
 export interface OpenLayersMapDrawProps {
     geojson: GeoJSON.FeatureCollection;
     drawMode?: DrawModeValue;
@@ -10,9 +11,12 @@ export interface OpenLayersMapDrawProps {
     exitDrawModeCallback?: (reason: DrawModeExitCallback) => void;
     isInEditMode: boolean;
     selectedFeatureIndex: number;
+    /** Highlight-only. The edit target stays `selectedFeatureIndex`. */
+    selectedFeatureIndices?: number[];
     updateGeojson?: (geoJson: GeoJSON.FeatureCollection, text: string) => void;
-    onViewOnlyFeatureClick?: (feature: Feature<Geometry>[]) => void;
+    onViewOnlyFeatureClick?: (feature: Feature<Geometry>[], isShiftClick?: boolean) => void;
     onNoFeatureClick?: () => void;
+    boxSelect?: BoxSelect;
 }
 /**
  * Integrates with OpenLayers Draw and Modify (+Snap) interactions, to implement feature drawing

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

@@ -10,3 +10,4 @@ export * from './geojsonShapes';
 export * from './mapDrawUtils';
 export * from './storyComponents';
 export * from './polygonCleanDangling';
+export * from './selectionUtils';

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

@@ -6,6 +6,7 @@ export declare const getProj4: (projection: string | Converter) => Converter;
 export declare const NEW_LINESTRING_CREATED = "new point in LineString created";
 export declare const NEW_FEATURE_CREATED = "new feature created";
 export declare const NEW_POINT_CREATED = "new point created";
+export declare const COORDINATE_DECIMALS = 5;
 export declare const roundCoordinates: <T extends Position | Position[] | Position[][] | Position[][][]>(coords: T) => T;
 export declare const roundFeatureCoordinates: <T extends Feature>(feature: T) => T;
 export declare const splitPolygon: (polygonFeature: Feature<GeoJSON.Polygon>, splitFeature: Feature<GeoJSON.Polygon>) => FeatureCollection<GeoJSON.Polygon> | null;

package/dist/src/lib/components/OpenLayers/draw/selectionUtils.d.ts

@@ -0,0 +1,5 @@
+export declare const calculateNewSelection: (currentSelectedIndices: number[], clickedIndex: number, isShiftClick: boolean) => number[];
+export declare const getAffectedIndices: (oldSelection: number[], newSelection: number[]) => number[];
+export declare const shouldEnterEditMode: (isReadonly: boolean, isShiftClick: boolean, newSelectionCount: number) => boolean;
+export declare const shouldExitEditModeForMultiSelect: (newSelectionCount: number) => boolean;
+export declare const calculateBoxSelection: (currentSelectedIndices: number[], boxSelectedIndices: number[], addToSelection: boolean) => number[];

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

@@ -6,4 +6,5 @@ export declare const strokeWidthOptions: string[];
 export declare const getToolIcon: (selectionType: SelectionType) => React.ReactElement;
 export declare const basicExampleDrawOptions: MapDrawToolOptions;
 export declare const basicExampleMultipleShapeDrawOptions: MapDrawToolOptions;
+export declare const basicExampleSharedVertexDrawOptions: MapDrawToolOptions;
 export declare const basicExampleMultipleShapeWithValuesDrawOptions: MapDrawToolOptions;

package/dist/src/lib/components/OpenLayers/draw/utils.d.ts

@@ -73,6 +73,15 @@ export declare const isPointFeatureCollection: (geojson: GeoJSON.FeatureCollecti
  * @returns GeoJSONS extend with intersections
  */
 export declare const createInterSections: (geojson: GeoJSON.FeatureCollection, otherGeoJSON: GeoJSON.FeatureCollection, geoJSONproperties?: GeoJSON.GeoJsonProperties, proj?: string) => GeoJSON.FeatureCollection;
+export declare const TRANSIENT_FEATURE_PROPERTIES: readonly ["isSelected", "highlightSelectedFeature", "highlightNearbyFeature", "hover", "boxSelectPreview", "isReadonly"];
+/**
+ * Removes the passed properties from the features of a feature collection
+ * @param geoJSON feature collection
+ * @param propertiesToRemove names of the properties to remove
+ * @returns feature collection without the passed feature properties
+ */
+export declare const removeFeatureProperties: (geoJSON: GeoJSON.FeatureCollection, propertiesToRemove: readonly string[]) => GeoJSON.FeatureCollection;
+export declare const removeTransientFeatureProperties: (geoJSON: GeoJSON.FeatureCollection) => GeoJSON.FeatureCollection;
 /**
  * Turns a feature which originates from another feature into a new feature: the
  * id and the properties identifying the original feature are removed

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

@@ -2,6 +2,8 @@ export { default as MapContext } from './context/MapContext';
 export * from './component/OpenLayersMapView';
 export * from './utils/TimeAwareImageWrapper';
 export type * from './utils/types';
+export * from './utils/modifyFeatures';
+export * from './utils/moveFeatures';
 export * from './utils/projections';
 export * from './utils/setMapCenter';
 export * from './utils/viewUtils';

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

@@ -1,6 +1,7 @@
 import type { Feature } from 'ol';
 import type { StyleLike } from 'ol/style/Style';
-import type { BoxSelect, ClickOnFeature, HoverSelect } from '../utils/types';
+import React from 'react';
+import type { BoxSelect, ClickOnFeature, HoverSelect, ModifyFeatures, MoveFeatures } from '../utils/types';
 export interface FeatureLayerProps {
     features: Feature[];
     style: StyleLike;
@@ -8,6 +9,8 @@ export interface FeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     boxSelect?: BoxSelect;
+    moveFeatures?: MoveFeatures;
+    modifyFeatures?: ModifyFeatures;
     layerId?: string;
     testId?: string;
     opacity?: number;

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

@@ -1,6 +1,6 @@
 import type { FeatureCollection } from 'geojson';
 import type { StyleLike } from 'ol/style/Style';
-import type { BoxSelect, ClickOnFeature, HoverSelect } from '../utils/types';
+import type { BoxSelect, ClickOnFeature, HoverSelect, ModifyFeaturesGeoJSON, MoveFeaturesGeoJSON } from '../utils/types';
 export interface OpenLayersFeatureLayerProps {
     featureCollection?: FeatureCollection;
     style?: StyleLike;
@@ -8,6 +8,8 @@ export interface OpenLayersFeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     boxSelect?: BoxSelect;
+    moveFeatures?: MoveFeaturesGeoJSON;
+    modifyFeatures?: ModifyFeaturesGeoJSON;
     layerId?: string;
     testId?: string;
     opacity?: number;

package/dist/src/lib/components/OpenLayers/utils/dragBoxSelect.d.ts

@@ -0,0 +1,25 @@
+import type { Feature, Map } from 'ol';
+import DragBox from 'ol/interaction/DragBox';
+import type VectorSource from 'ol/source/Vector';
+export declare const isBoxSelectModifier: (event: {
+    altKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    shiftKey: boolean;
+}) => boolean;
+export interface CreateDragBoxSelectOptions {
+    sources: VectorSource[];
+    onBoxSelect: (features: Feature[], addToSelection: boolean) => void;
+}
+export interface DragBoxSelect {
+    dragBox: DragBox;
+    dispose: () => void;
+}
+export declare const createDragBoxSelect: ({ sources, onBoxSelect, }: CreateDragBoxSelectOptions) => DragBoxSelect;
+export interface UseDragBoxSelectOptions {
+    map?: Map | null;
+    source?: VectorSource;
+    active: boolean;
+    onBoxSelect?: (features: Feature[], addToSelection: boolean) => void;
+}
+export declare const useDragBoxSelect: ({ map, source, active, onBoxSelect, }: UseDragBoxSelectOptions) => void;

package/dist/src/lib/components/OpenLayers/utils/modifyFeatures.d.ts

@@ -0,0 +1,30 @@
+import type { Feature, Map } from 'ol';
+import Modify from 'ol/interaction/Modify';
+import type { ProjectionLike } from 'ol/proj';
+import Style from 'ol/style/Style';
+export declare const CONSTRAINED_SELECTION_TYPES: ReadonlySet<string>;
+export declare const hasEditableVertices: (feature: Feature) => boolean;
+export declare const isDefaultModifiable: (feature: Feature) => boolean;
+export declare const connectSharedVertices: (features: Feature[], projection: ProjectionLike) => void;
+export declare const modifyHandleStyle: Style;
+export interface CreateModifyFeaturesOptions {
+    features: Feature[];
+    isModifiable: (feature: Feature) => boolean;
+    projection: ProjectionLike;
+    onModifyEnd: (features: Feature[]) => void;
+    onModifyStart?: () => void;
+}
+export interface ModifyFeaturesInteraction {
+    modify: Modify;
+    dispose: () => void;
+}
+export declare const createModifyFeatures: ({ features, isModifiable, projection, onModifyEnd, onModifyStart, }: CreateModifyFeaturesOptions) => ModifyFeaturesInteraction | undefined;
+export interface UseModifyFeaturesOptions {
+    map?: Map | null;
+    features: Feature[];
+    active: boolean;
+    isModifiable?: (feature: Feature) => boolean;
+    onModifyEnd?: (features: Feature[]) => void;
+    onModifyStart?: () => void;
+}
+export declare const useModifyFeatures: ({ map, features, active, isModifiable, onModifyEnd, onModifyStart, }: UseModifyFeaturesOptions) => void;

package/dist/src/lib/components/OpenLayers/utils/moveFeatures.d.ts

@@ -0,0 +1,27 @@
+import type { Feature, Map } from 'ol';
+import type { Geometry } from 'ol/geom';
+import Translate from 'ol/interaction/Translate';
+import type { MovedFeature } from './types';
+export declare const getOlFeatureKey: (feature?: Feature) => string | undefined;
+export declare const isDefaultMovable: (feature: Feature) => boolean;
+export declare const toMovedFeatures: (olFeatures: Feature<Geometry>[], projection: string) => MovedFeature[];
+export interface CreateMoveFeaturesOptions {
+    features: Feature[];
+    isMovable: (feature: Feature) => boolean;
+    onMoveEnd: (features: Feature[]) => void;
+    onMoveStart?: () => void;
+}
+export interface MoveFeaturesInteraction {
+    translate: Translate;
+    dispose: () => void;
+}
+export declare const createMoveFeatures: ({ features, isMovable, onMoveEnd, onMoveStart, }: CreateMoveFeaturesOptions) => MoveFeaturesInteraction | undefined;
+export interface UseMoveFeaturesOptions {
+    map?: Map | null;
+    features: Feature[];
+    active: boolean;
+    isMovable?: (feature: Feature) => boolean;
+    onMoveEnd?: (features: Feature[]) => void;
+    onMoveStart?: () => void;
+}
+export declare const useMoveFeatures: ({ map, features, active, isMovable, onMoveEnd, onMoveStart, }: UseMoveFeaturesOptions) => void;

package/dist/src/lib/components/OpenLayers/utils/types.d.ts

@@ -13,6 +13,28 @@ export interface BoxSelect {
     onBoxSelect: (features: Feature[], addToSelection: boolean) => void;
     active: boolean;
 }
+export interface MovedFeature {
+    featureId: string;
+    geometry: GeoJSON.Geometry;
+}
+export interface MoveFeatures {
+    onMoveEnd: (features: Feature[]) => void;
+    isMovable?: (feature: Feature) => boolean;
+    active: boolean;
+}
+export interface MoveFeaturesGeoJSON {
+    onMoveEnd: (movedFeatures: MovedFeature[]) => void;
+    active: boolean;
+}
+export interface ModifyFeatures {
+    onModifyEnd: (features: Feature[]) => void;
+    isModifiable?: (feature: Feature) => boolean;
+    active: boolean;
+}
+export interface ModifyFeaturesGeoJSON {
+    onModifyEnd: (modifiedFeatures: MovedFeature[]) => void;
+    active: boolean;
+}
 export interface OnInitializeLayerProps {
     layerId: string;
     style: string;

package/dist/src/lib/hooks/useViewFromLayer.d.ts

@@ -1,6 +1,9 @@
 import { View } from 'ol';
+import type { Extent } from 'ol/extent';
+import type { WMLayer } from '@opengeoweb/webmap';
 import type { OpenLayersLayerProps } from '../components/OpenLayers/layers';
-export declare const useViewFromLayer: (layerProps: OpenLayersLayerProps, baseView?: {
+export declare const getLayerExtentForProjection: (wmLayer: WMLayer, projectionCode: string) => Extent | undefined;
+export declare const useViewFromLayer: (layerProps: OpenLayersLayerProps | undefined, baseView?: {
     projection: string;
     zoom: number;
     center: number[];

package/package.json

@@ -1,51 +1,51 @@
 {
-  "name": "@opengeoweb/webmap-react",
-  "version": "19.6.1",
-  "description": "GeoWeb react wrapper for webmap",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
-  },
-  "main": "./dist/index.esm.js",
-  "module": "./dist/index.esm.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "@opengeoweb/source": "./src/index.ts",
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "default": "./dist/index.esm.js"
-    }
-  },
-  "dependencies": {
-    "@opengeoweb/webmap": "*",
-    "@opengeoweb/theme": "*",
-    "@opengeoweb/shared": "*",
-    "lodash": "^4.18.1",
-    "ol": "^10.4.0",
-    "proj4": "^2.9.2",
-    "@turf/turf": "^7.1.0",
-    "immer": "^10.0.3",
-    "i18next": "^25.0.1",
-    "@mui/material": "^9.0.1",
-    "react-i18next": "^15.1.1",
-    "@tanstack/react-query": "^5.85.5",
-    "@types/geojson": "^7946.0.14"
-  },
-  "peerDependencies": {
-    "react": "19",
-    "@emotion/react": "*",
-    "@emotion/styled": "*"
-  },
-  "devDependencies": {
-    "eslint-plugin-storybook": "10.3.3"
-  },
-  "files": [
-    "dist",
-    "!dist/package.json",
-    "README.md",
-    "package.json"
-  ]
-}
+    "name": "@opengeoweb/webmap-react",
+    "version": "20.0.0-nightly-20260918",
+    "description": "GeoWeb react wrapper for webmap",
+    "license": "Apache-2.0",
+    "repository": {
+        "type": "git",
+        "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
+    },
+    "main": "./dist/index.esm.js",
+    "module": "./dist/index.esm.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        "./package.json": "./package.json",
+        ".": {
+            "@opengeoweb/source": "./src/index.ts",
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.esm.js",
+            "default": "./dist/index.esm.js"
+        }
+    },
+    "dependencies": {
+        "@opengeoweb/webmap": "20.0.0-nightly-20260918",
+        "@opengeoweb/theme": "20.0.0-nightly-20260918",
+        "@opengeoweb/shared": "20.0.0-nightly-20260918",
+        "lodash": "^4.18.1",
+        "ol": "^10.4.0",
+        "proj4": "^2.9.2",
+        "@turf/turf": "^7.1.0",
+        "immer": "^10.0.3",
+        "i18next": "^25.0.1",
+        "@mui/material": "^9.0.1",
+        "react-i18next": "^15.1.1",
+        "@tanstack/react-query": "^5.85.5",
+        "@types/geojson": "^7946.0.14"
+    },
+    "peerDependencies": {
+        "react": "19",
+        "@emotion/react": "*",
+        "@emotion/styled": "*"
+    },
+    "devDependencies": {
+        "eslint-plugin-storybook": "10.3.3"
+    },
+    "files": [
+        "dist",
+        "!dist/package.json",
+        "README.md",
+        "package.json"
+    ]
+}