@deck.gl-community/editable-layers 9.0.3 → 9.1.0-beta.3

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export { getPickedEditHandle, getEditHandlesForGeometry } from "./edit-modes/uti
 export type { EditMode } from "./edit-modes/edit-mode.js";
 export type { GeoJsonEditModeType } from "./edit-modes/geojson-edit-mode.js";
 export type { GeoJsonEditModeConstructor } from "./edit-modes/geojson-edit-mode.js";
+export type { EditableGeoJsonLayerProps } from "./editable-layers/editable-geojson-layer.js";
 export { GeoJsonEditMode } from "./edit-modes/geojson-edit-mode.js";
 export { ModifyMode } from "./edit-modes/modify-mode.js";
 export { ResizeCircleMode } from "./edit-modes/resize-circle-mode.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/mode-handlers/split-polygon-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split-polygon-handler.d.ts","sourceRoot":"","sources":["../../src/mode-handlers/split-polygon-handler.ts"],"names":[],"mappings":"AAeA,OAAO,EAAC,UAAU,EAAE,WAAW,EAAC,0BAAuB;AACvD,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,+BAA4B;AAGjE,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,kBAAkB,CAAC,aAAa,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;IAgDrD,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,GAAG,SAAS;IAoC7D,iBAAiB,CAAC,EAAC,SAAS,EAAC,EAAE,gBAAgB,GAAG;QAChD,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,YAAY,EAAE,OAAO,CAAC;KACvB;IAoBD,YAAY;CAqDb"}
+{"version":3,"file":"split-polygon-handler.d.ts","sourceRoot":"","sources":["../../src/mode-handlers/split-polygon-handler.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAC,UAAU,EAAE,WAAW,EAAC,0BAAuB;AACvD,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,+BAA4B;AAGjE,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,kBAAkB,CAAC,aAAa,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;IAgDrD,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,GAAG,SAAS;IAoC7D,iBAAiB,CAAC,EAAC,SAAS,EAAC,EAAE,gBAAgB,GAAG;QAChD,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,YAAY,EAAE,OAAO,CAAC;KACvB;IAoBD,YAAY;CAqDb"}

package/dist/shaderlib/color/color.d.ts

@@ -1,10 +1,20 @@
-declare function getUniforms(opts?: Record<string, number>): Record<string, number>;
+export type ColorProps = {
+    opacity: number;
+    desaturate: number;
+    brightness: number;
+};
+declare function getUniforms(opts?: ColorProps): ColorProps;
 /** Shader module that implements desaturation. @note still WIP */
 export declare const color: {
     readonly name: "color";
     readonly vs: "in vec4 color_vColor;\n\ncolor_setColor(vec4 color) {\n  color_vColor = color;\n}\n";
-    readonly fs: "uniform float color_uOpacity;\nuniform float color_uDesaturate;\nuniform float color_uBrightness;\n\nin vec4 color_vColor;\n\nout vec4 fragColor;\n\nvec4 color_getColor() {\n  return color_vColor;\n}\n\nvec4 color_filterColor(vec4 color) {\n  // apply desaturation and brightness\n  if (color_uDesaturate > 0.01) {\n    float luminance = (color.r + color.g + color.b) * 0.333333333 + color_uBrightness;\n    color = vec4(mix(color.rgb, vec3(luminance), color_uDesaturate), color.a);\n\n  // Apply opacity\n  color = vec4(color.rgb, color.a * color_uOpacity);\n  return color;\n}\n";
+    readonly fs: "uniform colorUniforms {\n  float opacity;\n  float desaturate;\n  float brightness;\n} color;\n\n\nin vec4 color_vColor;\n\nout vec4 fragColor;\n\nvec4 color_getColor() {\n  return color_vColor;\n}\n\nvec4 color_filterColor(vec4 inputColor) {\n  vec4 color = inputColor;\n  // apply desaturation and brightness\n  if (color.desaturate > 0.01) {\n    float luminance = (color.r + color.g + color.b) * 0.333333333 + color.brightness;\n    color = vec4(mix(color.rgb, vec3(luminance), color.desaturate), color.a);\n  }\n\n  // Apply opacity\n  color = vec4(color.rgb, color.a * color.opacity);\n  return color;\n}\n";
     readonly getUniforms: typeof getUniforms;
+    readonly uniformTypes: {
+        readonly opacity: "f32";
+        readonly desaturate: "f32";
+        readonly brightness: "f32";
+    };
 };
 export {};
 //# sourceMappingURL=color.d.ts.map

package/dist/shaderlib/color/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/shaderlib/color/color.ts"],"names":[],"mappings":"AAaA,iBAAS,WAAW,CAAC,IAAI,yBAAgB,0BAMxC;AAmCD,kEAAkE;AAClE,eAAO,MAAM,KAAK;;;;;CAKe,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/shaderlib/color/color.ts"],"names":[],"mappings":"AAcA,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,iBAAS,WAAW,CAAC,IAAI,aAAgB,cAExC;AAmCD,kEAAkE;AAClE,eAAO,MAAM,KAAK;;;;;;;;;;CAU2B,CAAC"}

package/dist/shaderlib/color/color.js

@@ -1,18 +1,20 @@
 // deck.gl-community
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
-/* eslint-disable camelcase */
+const uniformBlock = `\
+uniform colorUniforms {
+  float opacity;
+  float desaturate;
+  float brightness;
+} color;
+`;
 const INITIAL_STATE = {
-    color_uOpacity: 1.0,
-    color_uDesaturate: 0.0,
-    color_uBrightness: 1.0
+    opacity: 1.0,
+    desaturate: 0.0,
+    brightness: 1.0
 };
 function getUniforms(opts = INITIAL_STATE) {
-    const uniforms = {};
-    if (opts.opacity) {
-        uniforms.color_uOpacity = opts.opacity;
-    }
-    return uniforms;
+    return opts;
 }
 const vs = `\
 in vec4 color_vColor;
@@ -22,9 +24,7 @@ color_setColor(vec4 color) {
 }
 `;
 const fs = `\
-uniform float color_uOpacity;
-uniform float color_uDesaturate;
-uniform float color_uBrightness;
+${uniformBlock}
 
 in vec4 color_vColor;
 
@@ -34,14 +34,16 @@ vec4 color_getColor() {
   return color_vColor;
 }
 
-vec4 color_filterColor(vec4 color) {
+vec4 color_filterColor(vec4 inputColor) {
+  vec4 color = inputColor;
   // apply desaturation and brightness
-  if (color_uDesaturate > 0.01) {
-    float luminance = (color.r + color.g + color.b) * 0.333333333 + color_uBrightness;
-    color = vec4(mix(color.rgb, vec3(luminance), color_uDesaturate), color.a);
+  if (color.desaturate > 0.01) {
+    float luminance = (color.r + color.g + color.b) * 0.333333333 + color.brightness;
+    color = vec4(mix(color.rgb, vec3(luminance), color.desaturate), color.a);
+  }
 
   // Apply opacity
-  color = vec4(color.rgb, color.a * color_uOpacity);
+  color = vec4(color.rgb, color.a * color.opacity);
   return color;
 }
 `;
@@ -50,5 +52,10 @@ export const color = {
     name: 'color',
     vs,
     fs,
-    getUniforms
+    getUniforms,
+    uniformTypes: {
+        opacity: 'f32',
+        desaturate: 'f32',
+        brightness: 'f32'
+    }
 };

package/dist/utils/utils.js

@@ -5,7 +5,7 @@ import destination from '@turf/destination';
 import bearing from '@turf/bearing';
 import pointToLineDistance from '@turf/point-to-line-distance';
 import { point } from '@turf/helpers';
-import WebMercatorViewport from 'viewport-mercator-project';
+import { WebMercatorViewport } from 'viewport-mercator-project';
 export function toDeckColor(color, defaultColor = [255, 0, 0, 255]) {
     if (!Array.isArray(color)) {
         return defaultColor;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@deck.gl-community/editable-layers",
   "description": "A suite of 3D-enabled data editing overlays, suitable for deck.gl",
   "license": "MIT",
-  "version": "9.0.3",
+  "version": "9.1.0-beta.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/visgl/deck.gl-community"
@@ -70,16 +70,16 @@
     "viewport-mercator-project": ">=6.2.3"
   },
   "peerDependencies": {
-    "@deck.gl-community/layers": "^9.0.0",
-    "@deck.gl/core": "^9.0.12",
-    "@deck.gl/extensions": "^9.0.12",
-    "@deck.gl/geo-layers": "^9.0.12",
-    "@deck.gl/layers": "^9.0.12",
-    "@deck.gl/mesh-layers": ">=9.0.6",
-    "@luma.gl/constants": ">=9.0.12",
-    "@luma.gl/core": ">=9.0.12",
-    "@luma.gl/engine": ">=9.0.12",
+    "@deck.gl-community/layers": "^9.1.0-beta.2",
+    "@deck.gl/core": "^9.1.0",
+    "@deck.gl/extensions": "^9.1.0",
+    "@deck.gl/geo-layers": "^9.1.0",
+    "@deck.gl/layers": "^9.1.0",
+    "@deck.gl/mesh-layers": "^9.1.0",
+    "@luma.gl/constants": ">=9.1.0",
+    "@luma.gl/core": ">=9.1.0",
+    "@luma.gl/engine": ">=9.1.0",
     "@math.gl/core": ">=4.0.1"
   },
-  "gitHead": "8955b0da47771f3524b65360243ee246abeb3660"
+  "gitHead": "5d67929a62a74fdbf78cedce21253c9d41096887"
 }

package/src/edit-modes/delete-mode.ts

@@ -0,0 +1,28 @@
+import {FeatureCollection} from '../utils/geojson-types';
+
+import {GeoJsonEditMode} from './geojson-edit-mode';
+import {ClickEvent, ModeProps} from './types';
+export class DeleteMode extends GeoJsonEditMode {
+  handleClick(_event: ClickEvent, props: ModeProps<FeatureCollection>): void {
+    const selectedFeatureIndexes = props.lastPointerMoveEvent.picks.map((pick) => pick.index);
+    if (selectedFeatureIndexes.length > 0) {
+      const indexToDelete = selectedFeatureIndexes[0];
+
+      const features = props.data.features.filter((_, index) => index !== indexToDelete);
+      const updatedData = {
+        ...props.data,
+        features
+      };
+
+      const editAction = {
+        updatedData,
+        editType: 'deleteFeature',
+        editContext: {
+          featureIndexes: selectedFeatureIndexes
+        }
+      };
+
+      props.onEdit(editAction);
+    }
+  }
+}

package/src/edit-modes/draw-circle-by-diameter-mode.ts

@@ -38,6 +38,10 @@ export class DrawCircleByDiameterMode extends TwoClickPolygonMode {
 
     geometry.properties = geometry.properties || {};
     geometry.properties.shape = 'Circle';
+    geometry.properties.editProperties = geometry.properties.editProperties || {};
+    geometry.properties.editProperties.shape = 'Circle';
+    geometry.properties.editProperties.radius = {value: this.radius, unit: 'kilometers'};
+    geometry.properties.editProperties.center = centerCoordinates;
     // calculate area of circle with turf function
     this.areaCircle = area(geometry);
     // @ts-expect-error turf types diff

package/src/edit-modes/draw-circle-from-center-mode.ts

@@ -32,6 +32,10 @@ export class DrawCircleFromCenterMode extends TwoClickPolygonMode {
 
     geometry.properties = geometry.properties || {};
     geometry.properties.shape = 'Circle';
+    geometry.properties.editProperties = geometry.properties.editProperties || {};
+    geometry.properties.editProperties.shape = 'Circle';
+    geometry.properties.editProperties.radius = {value: this.radius, unit: 'kilometers'};
+    geometry.properties.editProperties.center = coord1;
     // calculate area of circle with turf function
     this.areaCircle = area(geometry);
     // @ts-expect-error turf types diff

package/src/edit-modes/draw-ellipse-by-bounding-box-mode.ts

@@ -23,7 +23,16 @@ export class DrawEllipseByBoundingBoxMode extends TwoClickPolygonMode {
     const xSemiAxis = Math.max(distance(point(polygonPoints[0]), point(polygonPoints[1])), 0.001);
     const ySemiAxis = Math.max(distance(point(polygonPoints[0]), point(polygonPoints[3])), 0.001);
 
+    const geometry = ellipse(centerCoordinates, xSemiAxis, ySemiAxis);
+
+    geometry.properties = geometry.properties || {};
+    geometry.properties.editProperties = geometry.properties.editProperties || {};
+    geometry.properties.editProperties.shape = 'Ellipse';
+    geometry.properties.editProperties.xSemiAxis = {value: xSemiAxis, unit: 'kilometers'};
+    geometry.properties.editProperties.ySemiAxis = {value: ySemiAxis, unit: 'kilometers'};
+    geometry.properties.editProperties.angle = 0;
+    geometry.properties.editProperties.center = centerCoordinates;
     // @ts-expect-error fix return types
-    return ellipse(centerCoordinates, xSemiAxis, ySemiAxis);
+    return geometry;
   }
 }

package/src/edit-modes/draw-ellipse-using-three-points-mode.ts

@@ -22,6 +22,16 @@ export class DrawEllipseUsingThreePointsMode extends ThreeClickPolygonMode {
     const ySemiAxis = Math.max(distance(coord1, coord2), 0.001) / 2;
     const options = {angle: bearing(coord1, coord2)};
     // @ts-expect-error fix return types
-    return ellipse(centerCoordinates, xSemiAxis, ySemiAxis, options);
+    const geometry = ellipse(centerCoordinates, xSemiAxis, ySemiAxis, options);
+
+    geometry.properties = geometry.properties || {};
+    geometry.properties.editProperties = geometry.properties.editProperties || {};
+    geometry.properties.editProperties.shape = 'Ellipse';
+    geometry.properties.editProperties.xSemiAxis = {value: xSemiAxis, unit: 'kilometers'};
+    geometry.properties.editProperties.ySemiAxis = {value: ySemiAxis, unit: 'kilometers'};
+    geometry.properties.editProperties.angle = options.angle;
+    geometry.properties.editProperties.center = centerCoordinates;
+    // @ts-expect-error fix return types
+    return geometry;
   }
 }

package/src/edit-modes/extend-line-string-mode.ts

@@ -62,6 +62,10 @@ export class ExtendLineStringMode extends GeoJsonEditMode {
 
     const mapCoords = props.lastPointerMoveEvent && props.lastPointerMoveEvent.mapCoords;
 
+    if (!mapCoords) {
+      return guides;
+    }
+
     // Draw an extension line starting from one end of the selected LineString to the cursor
     let startPosition: Position | null | undefined = null;
     const {modeConfig} = props;

package/src/edit-modes/extrude-mode.ts

@@ -6,7 +6,8 @@ import bearing from '@turf/bearing';
 import {
   generatePointsParallelToLinePoints,
   getPickedEditHandle,
-  getPickedIntermediateEditHandle
+  getPickedIntermediateEditHandle,
+  shouldCancelPan
 } from './utils';
 import {FeatureCollection} from '../utils/geojson-types';
 import {ModeProps, StartDraggingEvent, StopDraggingEvent, DraggingEvent} from './types';
@@ -61,6 +62,10 @@ export class ExtrudeMode extends ModifyMode {
   }
 
   handleStartDragging(event: StartDraggingEvent, props: ModeProps<FeatureCollection>) {
+    if (shouldCancelPan(event)) {
+      event.cancelPan();
+    }
+
     const selectedFeatureIndexes = props.selectedIndexes;
 
     const editHandle = getPickedIntermediateEditHandle(event.picks);

package/src/edit-modes/geojson-edit-mode.ts

@@ -118,17 +118,19 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
 
   getAddFeatureAction(
     featureOrGeometry: Geometry | Feature,
-    features: FeatureCollection
+    features: FeatureCollection,
+    featureProperties?: {}
   ): GeoJsonEditAction {
     // Unsure why flow can't deal with Geometry type, but there I fixed it
     const featureOrGeometryAsAny: any = featureOrGeometry;
+    featureProperties = featureProperties || {};
 
     const feature: any =
       featureOrGeometryAsAny.type === 'Feature'
         ? featureOrGeometryAsAny
         : {
             type: 'Feature',
-            properties: {},
+            properties: featureProperties,
             geometry: featureOrGeometryAsAny
           };
 
@@ -173,11 +175,14 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
     };
   }
 
+  // eslint-disable-next-line complexity
   getAddFeatureOrBooleanPolygonAction(
     featureOrGeometry: Polygon | Feature,
-    props: ModeProps<FeatureCollection>
+    props: ModeProps<FeatureCollection>,
+    featureProperties?: {}
   ): GeoJsonEditAction | null | undefined {
     const featureOrGeometryAsAny: any = featureOrGeometry;
+    featureProperties = featureProperties || {};
 
     const selectedFeature = this.getSelectedFeature(props);
     const {modeConfig} = props;
@@ -240,7 +245,7 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
 
       return editAction;
     }
-    return this.getAddFeatureAction(featureOrGeometry, props.data);
+    return this.getAddFeatureAction(featureOrGeometry, props.data, featureProperties);
   }
 
   createTentativeFeature(props: ModeProps<FeatureCollection>): TentativeFeature | null {

package/src/edit-modes/measure-distance-mode.ts

@@ -4,7 +4,7 @@
 
 import turfDistance from '@turf/distance';
 import turfMidpoint from '@turf/midpoint';
-import {FeatureCollection, Position} from '../utils/geojson-types';
+import {FeatureCollection} from '../utils/geojson-types';
 import {
   ClickEvent,
   PointerMoveEvent,

package/src/edit-modes/modify-mode.ts

@@ -13,7 +13,8 @@ import {
   getPickedExistingEditHandle,
   getPickedIntermediateEditHandle,
   updateRectanglePosition,
-  NearestPointType
+  NearestPointType,
+  shouldCancelPan
 } from './utils';
 import {LineString, Point, Polygon, FeatureCollection, FeatureOf} from '../utils/geojson-types';
 import {
@@ -251,6 +252,10 @@ export class ModifyMode extends GeoJsonEditMode {
   }
 
   handleStartDragging(event: StartDraggingEvent, props: ModeProps<FeatureCollection>) {
+    if (shouldCancelPan(event)) {
+      event.cancelPan();
+    }
+
     const selectedFeatureIndexes = props.selectedIndexes;
 
     const editHandle = getPickedIntermediateEditHandle(event.picks);

package/src/edit-modes/resize-circle-mode.ts

@@ -182,6 +182,7 @@ export class ResizeCircleMode extends GeoJsonEditMode {
 
   handleStartDragging(event: StartDraggingEvent, props: ModeProps<FeatureCollection>) {
     if (this._selectedEditHandle) {
+      event.cancelPan();
       this._isResizing = true;
     }
   }

package/src/edit-modes/rotate-mode.ts

@@ -11,7 +11,7 @@ import {coordEach} from '@turf/meta';
 import {getGeom} from '@turf/invariant';
 import {point, featureCollection, lineString} from '@turf/helpers';
 import turfTransformRotate from '@turf/transform-rotate';
-import polygonToLine from '@turf/polygon-to-line';
+import {polygonToLine} from '@turf/polygon-to-line';
 import {
   PointerMoveEvent,
   StartDraggingEvent,
@@ -128,6 +128,7 @@ export class RotateMode extends GeoJsonEditMode {
 
   handleStartDragging(event: StartDraggingEvent, props: ModeProps<FeatureCollection>) {
     if (this._selectedEditHandle) {
+      event.cancelPan();
       this._isRotating = true;
       this._geometryBeingRotated = this.getSelectedFeaturesAsFeatureCollection(props);
     }

package/src/edit-modes/scale-mode.ts

@@ -7,7 +7,7 @@ import turfCentroid from '@turf/centroid';
 import turfBearing from '@turf/bearing';
 import bboxPolygon from '@turf/bbox-polygon';
 import {point, featureCollection} from '@turf/helpers';
-import polygonToLine from '@turf/polygon-to-line';
+import {polygonToLine} from '@turf/polygon-to-line';
 import {coordEach} from '@turf/meta';
 import turfDistance from '@turf/distance';
 import turfTransformScale from '@turf/transform-scale';
@@ -152,6 +152,7 @@ export class ScaleMode extends GeoJsonEditMode {
 
   handleStartDragging(event: StartDraggingEvent, props: ModeProps<FeatureCollection>) {
     if (this._selectedEditHandle) {
+      event.cancelPan();
       this._isScaling = true;
       this._geometryBeingScaled = this.getSelectedFeaturesAsFeatureCollection(props);
     }

package/src/edit-modes/split-polygon-mode.ts

@@ -6,12 +6,14 @@ import booleanPointInPolygon from '@turf/boolean-point-in-polygon';
 import turfDifference from '@turf/difference';
 import turfBuffer from '@turf/buffer';
 import lineIntersect from '@turf/line-intersect';
-import {lineString, Point} from '@turf/helpers';
+import type {Point} from '@turf/helpers';
+import {lineString} from '@turf/helpers';
 import turfBearing from '@turf/bearing';
 import turfDistance from '@turf/distance';
 import turfDestination from '@turf/destination';
 import turfPolygonToLine from '@turf/polygon-to-line';
-import nearestPointOnLine, {NearestPointOnLine} from '@turf/nearest-point-on-line';
+import type {NearestPointOnLine} from '@turf/nearest-point-on-line';
+import nearestPointOnLine from '@turf/nearest-point-on-line';
 import {generatePointsParallelToLinePoints} from './utils';
 import {FeatureCollection} from '../utils/geojson-types';
 import {

package/src/edit-modes/three-click-polygon-mode.ts

@@ -11,6 +11,7 @@ import {
 } from './types';
 import {Position, Polygon, FeatureOf, FeatureCollection} from '../utils/geojson-types';
 import {GeoJsonEditMode} from './geojson-edit-mode';
+import {omit} from 'lodash';
 
 export class ThreeClickPolygonMode extends GeoJsonEditMode {
   handleClick(event: ClickEvent, props: ModeProps<FeatureCollection>) {
@@ -23,7 +24,11 @@ export class ThreeClickPolygonMode extends GeoJsonEditMode {
       tentativeFeature &&
       tentativeFeature.geometry.type === 'Polygon'
     ) {
-      const editAction = this.getAddFeatureOrBooleanPolygonAction(tentativeFeature.geometry, props);
+      const editAction = this.getAddFeatureOrBooleanPolygonAction(
+        tentativeFeature.geometry,
+        props,
+        omit(tentativeFeature.properties, 'guideType')
+      );
       this.resetClickSequence();
 
       if (editAction) {
@@ -70,6 +75,7 @@ export class ThreeClickPolygonMode extends GeoJsonEditMode {
         guides.features.push({
           type: 'Feature',
           properties: {
+            ...polygon.properties,
             guideType: 'tentative'
           },
           geometry: polygon.geometry

package/src/edit-modes/transform-mode.ts

@@ -33,6 +33,10 @@ export class TransformMode extends CompositeMode {
     let translateMode: TranslateMode | null = null;
     const filteredModes: GeoJsonEditMode[] = [];
 
+    if (event.picks.length) {
+      event.cancelPan();
+    }
+
     // If the user selects a scaling edit handle that overlaps with part of the selected feature,
     // it is possible for both scale and translate actions to be triggered. This logic prevents
     // this simultaneous action trigger from happening by putting a higher priority on scaling

package/src/edit-modes/translate-mode.ts

@@ -5,8 +5,9 @@
 import turfBearing from '@turf/bearing';
 import turfDistance from '@turf/distance';
 import clone from '@turf/clone';
-import {point, Feature as TurfFeature, Geometry as TurfGeometry} from '@turf/helpers';
-import WebMercatorViewport from 'viewport-mercator-project';
+import type {Feature as TurfFeature, Geometry as TurfGeometry} from '@turf/helpers';
+import {point} from '@turf/helpers';
+import {WebMercatorViewport} from 'viewport-mercator-project';
 import {FeatureCollection, Position, Geometry} from '../utils/geojson-types';
 import {
   PointerMoveEvent,
@@ -59,6 +60,7 @@ export class TranslateMode extends GeoJsonEditMode {
       return;
     }
 
+    event.cancelPan();
     this._geometryBeforeTranslate = this.getSelectedFeaturesAsFeatureCollection(props);
   }
 

package/src/edit-modes/two-click-polygon-mode.ts

@@ -13,6 +13,7 @@ import {
 } from './types';
 import {Polygon, FeatureCollection, FeatureOf, Position} from '../utils/geojson-types';
 import {GeoJsonEditMode} from './geojson-edit-mode';
+import {omit} from 'lodash';
 
 export class TwoClickPolygonMode extends GeoJsonEditMode {
   handleClick(event: ClickEvent, props: ModeProps<FeatureCollection>) {
@@ -57,9 +58,7 @@ export class TwoClickPolygonMode extends GeoJsonEditMode {
     ) {
       const feature: FeatureOf<Polygon> = {
         type: 'Feature',
-        properties: {
-          shape: tentativeFeature.properties.shape
-        },
+        properties: omit(tentativeFeature.properties, 'guideType'),
         geometry: {
           type: 'Polygon',
           coordinates: tentativeFeature.geometry.coordinates
@@ -97,7 +96,7 @@ export class TwoClickPolygonMode extends GeoJsonEditMode {
       guides.features.push({
         type: 'Feature',
         properties: {
-          shape: polygon.properties && polygon.properties.shape,
+          ...polygon.properties,
           guideType: 'tentative'
         },
         geometry: polygon.geometry

package/src/edit-modes/types.ts

@@ -18,6 +18,7 @@ export type Pick = {
   index: number;
   object?: any;
   isGuide?: boolean;
+  featureType?: string;
   featureIndex?: number;
   type?: string;
   isEditingHandle?: boolean | null;

package/src/edit-modes/utils.ts

@@ -8,10 +8,11 @@ import destination from '@turf/destination';
 import bearing from '@turf/bearing';
 import pointToLineDistance from '@turf/point-to-line-distance';
 import {flattenEach} from '@turf/meta';
-import {point, MultiLineString} from '@turf/helpers';
+import type {MultiLineString} from '@turf/helpers';
+import {point} from '@turf/helpers';
 import {getCoords} from '@turf/invariant';
-import WebMercatorViewport from 'viewport-mercator-project';
-import {Viewport, Pick, EditHandleFeature, EditHandleType} from './types';
+import {WebMercatorViewport} from 'viewport-mercator-project';
+import {Viewport, Pick, EditHandleFeature, EditHandleType, StartDraggingEvent} from './types';
 import {
   Geometry,
   Position,
@@ -516,3 +517,7 @@ export function mapCoords(
     })
     .filter(Boolean);
 }
+
+export function shouldCancelPan(event: StartDraggingEvent) {
+  return event.picks.length && event.picks.find((p) => p.featureType === 'points');
+}

package/src/editable-layers/editable-geojson-layer.ts

@@ -40,6 +40,7 @@ import {Draw90DegreePolygonMode} from '../edit-modes/draw-90degree-polygon-mode'
 import {DrawPolygonByDraggingMode} from '../edit-modes/draw-polygon-by-dragging-mode';
 import {SnappableMode} from '../edit-modes/snappable-mode';
 import {TransformMode} from '../edit-modes/transform-mode';
+import {DeleteMode} from '../edit-modes/delete-mode';
 import {GeoJsonEditModeType} from '../edit-modes/geojson-edit-mode';
 
 import {Color} from '../utils/types';
@@ -112,7 +113,7 @@ function getEditHandleRadius(handle) {
   }
 }
 
-export type EditableGeojsonLayerProps<DataT = any> = EditableLayerProps & {
+export type EditableGeoJsonLayerProps<DataT = any> = EditableLayerProps & {
   data: DataT;
   mode?: any;
   modeConfig?: any;
@@ -172,7 +173,7 @@ export type EditableGeojsonLayerProps<DataT = any> = EditableLayerProps & {
   billboard?: boolean;
 };
 
-const defaultProps: DefaultProps<EditableGeojsonLayerProps<any>> = {
+const defaultProps: DefaultProps<EditableGeoJsonLayerProps<any>> = {
   mode: DEFAULT_EDIT_MODE,
 
   // Edit and interaction events
@@ -250,6 +251,7 @@ const modeNameMapping = {
   split: SplitPolygonMode,
   extrude: ExtrudeMode,
   elevation: ElevationMode,
+  delete: DeleteMode,
 
   // Draw modes
   drawPoint: DrawPointMode,
@@ -270,7 +272,7 @@ const modeNameMapping = {
 
 export class EditableGeoJsonLayer extends EditableLayer<
   FeatureCollection,
-  EditableGeojsonLayerProps<FeatureCollection>
+  EditableGeoJsonLayerProps<FeatureCollection>
 > {
   static layerName = 'EditableGeoJsonLayer';
   static defaultProps = defaultProps;
@@ -411,7 +413,7 @@ export class EditableGeoJsonLayer extends EditableLayer<
     this.setState({selectedFeatures});
   }
 
-  getModeProps(props: EditableGeojsonLayerProps<any>) {
+  getModeProps(props: EditableGeoJsonLayerProps<any>) {
     return {
       modeConfig: props.modeConfig,
       data: props.data,

package/src/editable-layers/editable-h3-cluster-layer.ts

@@ -4,8 +4,8 @@
 
 /* eslint-env browser */
 
+import type {DefaultProps} from '@deck.gl/core';
 import {H3ClusterLayer} from '@deck.gl/geo-layers';
-import {DefaultProps} from '@deck.gl/core';
 // TODO: Fix H3 support.
 // import { polyfill, geoToH3 } from 'h3-js';
 import {PROJECTED_PIXEL_SIZE_MULTIPLIER} from '../constants';