@opengeoweb/webmap-react 19.5.1 → 19.6.1-nightly-20260912

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Source } from '@opengeoweb/shared';
+import type { Source, DraggablePosition, DraggableSize, Position, Size } from '@opengeoweb/shared';
 import type { LayerFoundation } from '@opengeoweb/webmap';
 interface LegendDialogProps {
     layers: LayerFoundation[];
@@ -11,6 +11,10 @@ interface LegendDialogProps {
     order?: number;
     source?: Source;
     onToggleLayerLegendVisibility: (layerId: string, showLegend: boolean) => void;
+    startDraggablePosition?: DraggablePosition;
+    startPosition?: Position;
+    startSize?: DraggableSize;
+    onDragEnd?: (position: DraggablePosition, size: Size) => void;
 }
 export declare const LegendDialog: React.FC<LegendDialogProps>;
 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/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/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/utils.d.ts

@@ -73,6 +73,21 @@ 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;
+/**
+ * Turns a feature which originates from another feature into a new feature: the
+ * id and the properties identifying the original feature are removed
+ * @param feature feature which originates from another feature
+ * @returns feature without the identity of the original feature
+ */
+export declare const asNewFeature: (feature: GeoJSON.Feature) => GeoJSON.Feature;
+/**
+ * Keeps the identity of the original feature on the first of the features it was
+ * split into, the other features become new features
+ * @param splitFeatures features resulting from splitting a feature
+ * @param originalFeature feature which was split
+ * @returns split features where only the first one keeps the original identity
+ */
+export declare const keepIdentityOnFirstSplitFeature: (splitFeatures: GeoJSON.Feature[], originalFeature: GeoJSON.Feature | undefined) => GeoJSON.Feature[];
 export declare const getGeoJson: (geojson: GeoJSON.FeatureCollection, shouldAllowMultipleShapes: boolean) => GeoJSON.FeatureCollection;
 export declare const getLastEmptyFeatureIndex: (geoJSONFeatureCollection: GeoJSON.FeatureCollection) => number | undefined;
 export declare const getFeatureCollection: (geoJSONFeature: GeoJSON.Feature | GeoJSON.FeatureCollection, shouldAllowMultipleShapes: boolean, geoJSONFeatureCollection?: GeoJSON.FeatureCollection) => GeoJSON.FeatureCollection;

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

@@ -2,6 +2,7 @@ export { default as MapContext } from './context/MapContext';
 export * from './component/OpenLayersMapView';
 export * from './utils/TimeAwareImageWrapper';
 export type * from './utils/types';
+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, MoveFeatures } from '../utils/types';
 export interface FeatureLayerProps {
     features: Feature[];
     style: StyleLike;
@@ -8,6 +9,7 @@ export interface FeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     boxSelect?: BoxSelect;
+    moveFeatures?: MoveFeatures;
     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, MoveFeaturesGeoJSON } from '../utils/types';
 export interface OpenLayersFeatureLayerProps {
     featureCollection?: FeatureCollection;
     style?: StyleLike;
@@ -8,6 +8,7 @@ export interface OpenLayersFeatureLayerProps {
     hoverSelect?: HoverSelect;
     clickOnFeature?: ClickOnFeature;
     boxSelect?: BoxSelect;
+    moveFeatures?: MoveFeaturesGeoJSON;
     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/moveFeatures.d.ts

@@ -0,0 +1,24 @@
+import type { Feature, Map } from 'ol';
+import Translate from 'ol/interaction/Translate';
+export declare const getOlFeatureKey: (feature?: Feature) => string | undefined;
+export declare const isDefaultMovable: (feature: Feature) => boolean;
+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,19 @@ 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 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.5.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": "19.6.1-nightly-20260912",
+    "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": "19.6.1-nightly-20260912",
+        "@opengeoweb/theme": "19.6.1-nightly-20260912",
+        "@opengeoweb/shared": "19.6.1-nightly-20260912",
+        "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"
+    ]
+}