@deck.gl-community/editable-layers 9.0.0-alpha.1 → 9.0.2

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) 2020 vis.gl a Series of LF Projects, LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -1,82 +1,3 @@
-<h1 align="center">editable-layers | <a href="https://@deck.gl-community/editable-layers">Website</a></h1>
+# @deck.gl-community/editable-layers
 
-<h5 align="center">An editing framework for deck.gl</h5>
-
-[![docs](https://i.imgur.com/bRDL1oh.gif)](https://@deck.gl-community/editable-layers)
-
-[@deck.gl-community/editable-layers](https://@deck.gl-community/editable-layers) provides editable and interactive map overlay layers, built using the power of [deck.gl](https://deck.gl/).
-
-## Getting started
-
-### Running the example
-
-1. `git clone git@github.com:uber/@deck.gl-community/editable-layers.git`
-2. `cd @deck.gl-community/editable-layers`
-3. `yarn`
-4. `cd examples/advanced`
-5. `yarn`
-6. `export MapboxAccessToken='<Add your key>'`
-7. `yarn start-local`
-8. You can now view and edit geometry.
-
-### Installation
-
-For npm
-
-```bash
-npm install @deck.gl-community/editable-layers
-```
-
-For yarn
-
-```bash
-yarn add @deck.gl-community/editable-layers
-```
-
-### `EditableGeoJsonLayer`
-
-[EditableGeoJsonLayer](/docs/modules/editor-layers/api-reference/editable-geojson-layer.md) is implemented as a [deck.gl](https://deck.gl) layer. It provides the ability to view and edit multiple types of geometry formatted as [GeoJSON](https://tools.ietf.org/html/rfc7946) (an open standard format for geometry) including polygons, lines, and points.
-
-```jsx
-import DeckGL from '@deck.gl/react';
-import { EditableGeoJsonLayer, DrawPolygonMode } from '@deck.gl-community/editable-layers';
-
-const myFeatureCollection = {
-  type: 'FeatureCollection',
-  features: [
-    /* insert features here */
-  ],
-};
-
-const selectedFeatureIndexes = [];
-
-class App extends React.Component {
-  state = {
-    data: myFeatureCollection,
-  };
-
-  render() {
-    const layer = new EditableGeoJsonLayer({
-      id: 'geojson-layer',
-      data: this.state.data,
-      mode: DrawPolygonMode,
-      selectedFeatureIndexes,
-
-      onEdit: ({ updatedData }) => {
-        this.setState({
-          data: updatedData,
-        });
-      },
-    });
-
-    return <DeckGL {...this.props.viewport} layers={[layer]} />;
-  }
-}
-```
-
-### Useful examples (Codesandbox)
-
-- [Hello World (using deck.gl)](https://codesandbox.io/s/hello-world-nebulagl-csvsm)
-- [With Toolbox](https://codesandbox.io/s/hello-nebulagl-with-toolbox-oelkr)
-- [No React](https://codesandbox.io/s/deckgl-and-nebulagl-editablegeojsonlayer-no-react-p9yrs)
-- [Custom EditMode](https://codesandbox.io/s/connect-the-dots-mode-yow65)
+This module contains community maintained editable layers pack for deck.gl.

package/dist/constants.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 /**
  * A multiplier for screen-space width/scale for Arc, Line, Icon and Text layers.
  * Required in order to maintain the same appearance after upgrading to deck.gl v8.5.
@@ -10,5 +13,5 @@ export const PROJECTED_PIXEL_SIZE_MULTIPLIER = 2 / 3;
 export const UNIT = {
     common: 0,
     meters: 1,
-    pixels: 2,
+    pixels: 2
 };

package/dist/edit-modes/composite-mode.d.ts

@@ -1,4 +1,4 @@
-import { FeatureCollection } from '../geojson-types';
+import { FeatureCollection } from '../utils/geojson-types';
 import { ModeProps, ClickEvent, PointerMoveEvent, StartDraggingEvent, StopDraggingEvent, DraggingEvent, GuideFeatureCollection } from './types';
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export declare class CompositeMode extends GeoJsonEditMode {

package/dist/edit-modes/composite-mode.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export class CompositeMode extends GeoJsonEditMode {
     _modes;
@@ -41,7 +44,7 @@ export class CompositeMode extends GeoJsonEditMode {
         }
         return {
             type: 'FeatureCollection',
-            features: allGuides,
+            features: allGuides
         };
     }
 }

package/dist/edit-modes/draw-90degree-polygon-mode.d.ts

@@ -1,5 +1,5 @@
 import { ClickEvent, PointerMoveEvent, ModeProps, GuideFeatureCollection, TentativeFeature } from './types';
-import { Position, FeatureCollection } from '../geojson-types';
+import { Position, FeatureCollection } from '../utils/geojson-types';
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export declare class Draw90DegreePolygonMode extends GeoJsonEditMode {
     createTentativeFeature(props: ModeProps<FeatureCollection>): TentativeFeature;

package/dist/edit-modes/draw-90degree-polygon-mode.js

@@ -1,16 +1,19 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import destination from '@turf/destination';
 import bearing from '@turf/bearing';
 import lineIntersect from '@turf/line-intersect';
 import turfDistance from '@turf/distance';
 import { point, lineString as turfLineString } from '@turf/helpers';
-import { generatePointsParallelToLinePoints, getPickedEditHandle, getEditHandlesForGeometry, } from './utils';
+import { generatePointsParallelToLinePoints, getPickedEditHandle, getEditHandlesForGeometry } from './utils';
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export class Draw90DegreePolygonMode extends GeoJsonEditMode {
     createTentativeFeature(props) {
         const clickSequence = this.getClickSequence();
         const { mapCoords } = props.lastPointerMoveEvent;
         let p3;
-        if (clickSequence.length === 1) {
+        if (clickSequence.length <= 1) {
             p3 = mapCoords;
         }
         else {
@@ -24,12 +27,12 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
             tentativeFeature = {
                 type: 'Feature',
                 properties: {
-                    guideType: 'tentative',
+                    guideType: 'tentative'
                 },
                 geometry: {
                     type: 'LineString',
-                    coordinates: [...clickSequence, p3],
-                },
+                    coordinates: [...clickSequence, p3]
+                }
             };
         }
         else {
@@ -37,12 +40,12 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
             tentativeFeature = {
                 type: 'Feature',
                 properties: {
-                    guideType: 'tentative',
+                    guideType: 'tentative'
                 },
                 geometry: {
                     type: 'Polygon',
-                    coordinates: [[...clickSequence, p3, clickSequence[0]]],
-                },
+                    coordinates: [[...clickSequence, p3, clickSequence[0]]]
+                }
             };
         }
         return tentativeFeature;
@@ -50,7 +53,7 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
     getGuides(props) {
         const guides = {
             type: 'FeatureCollection',
-            features: [],
+            features: []
         };
         const clickSequence = this.getClickSequence();
         if (clickSequence.length === 0 || !props.lastPointerMoveEvent) {
@@ -95,7 +98,7 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
                 // They clicked the first or last point (or double-clicked), so complete the polygon
                 const polygonToAdd = {
                     type: 'Polygon',
-                    coordinates: this.finalizedCoordinates([...polygon.coordinates[0]]),
+                    coordinates: this.finalizedCoordinates([...polygon.coordinates[0]])
                 };
                 this.resetClickSequence();
                 const editAction = this.getAddFeatureOrBooleanPolygonAction(polygonToAdd, props);
@@ -104,18 +107,20 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
                 }
             }
         }
-        // Trigger pointer move right away in order for it to update edit handles (to support double-click)
-        const fakePointerMoveEvent = {
-            screenCoords: [-1, -1],
-            mapCoords: event.mapCoords,
-            picks: [],
-            pointerDownPicks: null,
-            pointerDownScreenCoords: null,
-            pointerDownMapCoords: null,
-            cancelPan: () => { },
-            sourceEvent: null,
-        };
-        this.handlePointerMove(fakePointerMoveEvent, props);
+        else {
+            // Trigger pointer move right away in order for it to update edit handles (to support double-click)
+            const fakePointerMoveEvent = {
+                screenCoords: [-1, -1],
+                mapCoords: event.mapCoords,
+                picks: [],
+                pointerDownPicks: null,
+                pointerDownScreenCoords: null,
+                pointerDownMapCoords: null,
+                cancelPan: () => { },
+                sourceEvent: null
+            };
+            this.handlePointerMove(fakePointerMoveEvent, props);
+        }
     }
     finalizedCoordinates(coords) {
         // Remove the hovered position
@@ -159,12 +164,12 @@ export class Draw90DegreePolygonMode extends GeoJsonEditMode {
             [0, 1, 2].forEach((indexFirst) => {
                 const line1 = turfLineString([
                     p1,
-                    destination(p1, distance, angles.first[indexFirst]).geometry.coordinates,
+                    destination(p1, distance, angles.first[indexFirst]).geometry.coordinates
                 ]);
                 [0, 1, 2].forEach((indexSecond) => {
                     const line2 = turfLineString([
                         p3,
-                        destination(p3, distance, angles.second[indexSecond]).geometry.coordinates,
+                        destination(p3, distance, angles.second[indexSecond]).geometry.coordinates
                     ]);
                     const fc = lineIntersect(line1, line2);
                     if (fc && fc.features.length) {

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

@@ -1,5 +1,5 @@
 import { ModeProps, Tooltip } from './types';
-import { Position, Polygon, FeatureOf, FeatureCollection } from '../geojson-types';
+import { Position, Polygon, FeatureOf, FeatureCollection } from '../utils/geojson-types';
 import { TwoClickPolygonMode } from './two-click-polygon-mode';
 export declare class DrawCircleByDiameterMode extends TwoClickPolygonMode {
     radius: number | null | undefined;

package/dist/edit-modes/draw-circle-by-diameter-mode.js

@@ -1,7 +1,10 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import circle from '@turf/circle';
 import distance from '@turf/distance';
 import area from '@turf/area';
-import memoize from '../memoize';
+import { memoize } from '../utils/memoize';
 import { getIntermediatePosition } from './geojson-edit-mode';
 import { TwoClickPolygonMode } from './two-click-polygon-mode';
 export class DrawCircleByDiameterMode extends TwoClickPolygonMode {
@@ -42,7 +45,7 @@ export class DrawCircleByDiameterMode extends TwoClickPolygonMode {
             modeConfig: props.modeConfig,
             radius: this.radius,
             areaCircle: this.areaCircle,
-            diameter: this.diameter,
+            diameter: this.diameter
         });
     }
     /**
@@ -69,8 +72,8 @@ export class DrawCircleByDiameterMode extends TwoClickPolygonMode {
             tooltips = [
                 {
                     position: this.position,
-                    text,
-                },
+                    text
+                }
             ];
         }
         return tooltips;

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

@@ -1,5 +1,5 @@
 import { ModeProps, Tooltip } from './types';
-import { Position, Polygon, FeatureOf, FeatureCollection } from '../geojson-types';
+import { Position, Polygon, FeatureOf, FeatureCollection } from '../utils/geojson-types';
 import { TwoClickPolygonMode } from './two-click-polygon-mode';
 export declare class DrawCircleFromCenterMode extends TwoClickPolygonMode {
     radius: number | null | undefined;

package/dist/edit-modes/draw-circle-from-center-mode.js

@@ -1,7 +1,10 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import circle from '@turf/circle';
 import distance from '@turf/distance';
 import area from '@turf/area';
-import memoize from '../memoize';
+import { memoize } from '../utils/memoize';
 import { TwoClickPolygonMode } from './two-click-polygon-mode';
 export class DrawCircleFromCenterMode extends TwoClickPolygonMode {
     radius = null;
@@ -36,7 +39,7 @@ export class DrawCircleFromCenterMode extends TwoClickPolygonMode {
         return this._getTooltips({
             modeConfig: props?.modeConfig,
             radius: this.radius,
-            areaCircle: this.areaCircle,
+            areaCircle: this.areaCircle
         });
     }
     /**
@@ -61,8 +64,8 @@ export class DrawCircleFromCenterMode extends TwoClickPolygonMode {
             tooltips = [
                 {
                     position: this.position,
-                    text,
-                },
+                    text
+                }
             ];
         }
         return tooltips;

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

@@ -1,4 +1,4 @@
-import { Position, Polygon, FeatureOf } from '../geojson-types';
+import { Position, Polygon, FeatureOf } from '../utils/geojson-types';
 import { TwoClickPolygonMode } from './two-click-polygon-mode';
 export declare class DrawEllipseByBoundingBoxMode extends TwoClickPolygonMode {
     getTwoClickPolygon(coord1: Position, coord2: Position, modeConfig: any): FeatureOf<Polygon>;

package/dist/edit-modes/draw-ellipse-by-bounding-box-mode.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import bboxPolygon from '@turf/bbox-polygon';
 import distance from '@turf/distance';
 import ellipse from '@turf/ellipse';

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

@@ -1,4 +1,4 @@
-import { Position, Polygon, FeatureOf } from '../geojson-types';
+import { Position, Polygon, FeatureOf } from '../utils/geojson-types';
 import { ThreeClickPolygonMode } from './three-click-polygon-mode';
 export declare class DrawEllipseUsingThreePointsMode extends ThreeClickPolygonMode {
     getThreeClickPolygon(coord1: Position, coord2: Position, coord3: Position, modeConfig: any): FeatureOf<Polygon> | null | undefined;

package/dist/edit-modes/draw-ellipse-using-three-points-mode.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import distance from '@turf/distance';
 import ellipse from '@turf/ellipse';
 import bearing from '@turf/bearing';

package/dist/edit-modes/draw-line-string-mode.d.ts

@@ -1,4 +1,4 @@
-import { FeatureCollection, Position } from '../geojson-types';
+import { FeatureCollection, Position } from '../utils/geojson-types';
 import { ClickEvent, PointerMoveEvent, ModeProps, GuideFeatureCollection, Tooltip } from './types';
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export declare class DrawLineStringMode extends GeoJsonEditMode {

package/dist/edit-modes/draw-line-string-mode.js

@@ -1,5 +1,8 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import distance from '@turf/distance';
-import memoize from '../memoize';
+import { memoize } from '../utils/memoize';
 import { getPickedEditHandle } from './utils';
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export class DrawLineStringMode extends GeoJsonEditMode {
@@ -30,7 +33,7 @@ export class DrawLineStringMode extends GeoJsonEditMode {
             this.dist = 0;
             const lineStringToAdd = {
                 type: 'LineString',
-                coordinates: [...clickSequence],
+                coordinates: [...clickSequence]
             };
             this.resetClickSequence();
             const editAction = this.getAddFeatureAction(lineStringToAdd, props.data);
@@ -45,8 +48,8 @@ export class DrawLineStringMode extends GeoJsonEditMode {
                 updatedData: props.data,
                 editType: 'addTentativePosition',
                 editContext: {
-                    position: event.mapCoords,
-                },
+                    position: event.mapCoords
+                }
             });
         }
     }
@@ -57,7 +60,7 @@ export class DrawLineStringMode extends GeoJsonEditMode {
             if (clickSequence.length > 1) {
                 const lineStringToAdd = {
                     type: 'LineString',
-                    coordinates: [...clickSequence],
+                    coordinates: [...clickSequence]
                 };
                 this.resetClickSequence();
                 const editAction = this.getAddFeatureAction(lineStringToAdd, props.data);
@@ -72,7 +75,7 @@ export class DrawLineStringMode extends GeoJsonEditMode {
                 // Because the new drawing feature is dropped, so the data will keep as the same.
                 updatedData: props.data,
                 editType: 'cancelFeature',
-                editContext: {},
+                editContext: {}
             });
         }
     }
@@ -82,19 +85,19 @@ export class DrawLineStringMode extends GeoJsonEditMode {
         const lastCoords = lastPointerMoveEvent ? [lastPointerMoveEvent.mapCoords] : [];
         const guides = {
             type: 'FeatureCollection',
-            features: [],
+            features: []
         };
         let tentativeFeature;
         if (clickSequence.length > 0) {
             tentativeFeature = {
                 type: 'Feature',
                 properties: {
-                    guideType: 'tentative',
+                    guideType: 'tentative'
                 },
                 geometry: {
                     type: 'LineString',
-                    coordinates: [...clickSequence, ...lastCoords],
-                },
+                    coordinates: [...clickSequence, ...lastCoords]
+                }
             };
         }
         if (tentativeFeature) {
@@ -106,12 +109,12 @@ export class DrawLineStringMode extends GeoJsonEditMode {
                 guideType: 'editHandle',
                 editHandleType: 'existing',
                 featureIndex: -1,
-                positionIndexes: [index],
+                positionIndexes: [index]
             },
             geometry: {
                 type: 'Point',
-                coordinates: clickedCoord,
-            },
+                coordinates: clickedCoord
+            }
         }));
         guides.features.push(...editHandles);
         return guides;
@@ -127,7 +130,7 @@ export class DrawLineStringMode extends GeoJsonEditMode {
     getTooltips(props) {
         return this._getTooltips({
             modeConfig: props.modeConfig,
-            dist: this.dist,
+            dist: this.dist
         });
     }
     // utility function
@@ -161,8 +164,8 @@ export class DrawLineStringMode extends GeoJsonEditMode {
             tooltips = [
                 {
                     position: this.position,
-                    text,
-                },
+                    text
+                }
             ];
         }
         return tooltips;

package/dist/edit-modes/draw-point-mode.d.ts

@@ -1,5 +1,5 @@
 import { ClickEvent, PointerMoveEvent, ModeProps, TentativeFeature } from './types';
-import { FeatureCollection } from '../geojson-types';
+import { FeatureCollection } from '../utils/geojson-types';
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export declare class DrawPointMode extends GeoJsonEditMode {
     createTentativeFeature(props: ModeProps<FeatureCollection>): TentativeFeature;

package/dist/edit-modes/draw-point-mode.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export class DrawPointMode extends GeoJsonEditMode {
     createTentativeFeature(props) {
@@ -6,18 +9,18 @@ export class DrawPointMode extends GeoJsonEditMode {
         return {
             type: 'Feature',
             properties: {
-                guideType: 'tentative',
+                guideType: 'tentative'
             },
             geometry: {
                 type: 'Point',
-                coordinates: lastCoords[0],
-            },
+                coordinates: lastCoords[0]
+            }
         };
     }
     handleClick({ mapCoords }, props) {
         const geometry = {
             type: 'Point',
-            coordinates: mapCoords,
+            coordinates: mapCoords
         };
         props.onEdit(this.getAddFeatureAction(geometry, props.data));
     }

package/dist/edit-modes/draw-polygon-by-dragging-mode.d.ts

@@ -1,5 +1,5 @@
 import { ClickEvent, StartDraggingEvent, StopDraggingEvent, DraggingEvent, ModeProps } from './types';
-import { FeatureCollection } from '../geojson-types';
+import { FeatureCollection } from '../utils/geojson-types';
 import { DrawPolygonMode } from './draw-polygon-mode';
 type DraggingHandler = (event: DraggingEvent, props: ModeProps<FeatureCollection>) => void;
 export declare class DrawPolygonByDraggingMode extends DrawPolygonMode {

package/dist/edit-modes/draw-polygon-by-dragging-mode.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import throttle from 'lodash.throttle';
 import { getPickedEditHandle } from './utils';
 import { DrawPolygonMode } from './draw-polygon-mode';
@@ -9,9 +12,11 @@ export class DrawPolygonByDraggingMode extends DrawPolygonMode {
     handleStartDragging(event, props) {
         event.cancelPan();
         if (props.modeConfig && props.modeConfig.throttleMs) {
+            // eslint-disable-next-line @typescript-eslint/unbound-method
             this.handleDraggingThrottled = throttle(this.handleDraggingAux, props.modeConfig.throttleMs);
         }
         else {
+            // eslint-disable-next-line @typescript-eslint/unbound-method
             this.handleDraggingThrottled = this.handleDraggingAux;
         }
     }
@@ -27,7 +32,7 @@ export class DrawPolygonByDraggingMode extends DrawPolygonMode {
             // Complete the polygon.
             const polygonToAdd = {
                 type: 'Polygon',
-                coordinates: [[...clickSequence, clickSequence[0]]],
+                coordinates: [[...clickSequence, clickSequence[0]]]
             };
             const editAction = this.getAddFeatureOrBooleanPolygonAction(polygonToAdd, props);
             if (editAction) {
@@ -46,8 +51,8 @@ export class DrawPolygonByDraggingMode extends DrawPolygonMode {
                 updatedData: props.data,
                 editType: 'addTentativePosition',
                 editContext: {
-                    position: event.mapCoords,
-                },
+                    position: event.mapCoords
+                }
             });
         }
     }
@@ -62,7 +67,7 @@ export class DrawPolygonByDraggingMode extends DrawPolygonMode {
             if (clickSequence.length > 2) {
                 const polygonToAdd = {
                     type: 'Polygon',
-                    coordinates: [[...clickSequence, clickSequence[0]]],
+                    coordinates: [[...clickSequence, clickSequence[0]]]
                 };
                 this.resetClickSequence();
                 const editAction = this.getAddFeatureOrBooleanPolygonAction(polygonToAdd, props);
@@ -80,7 +85,7 @@ export class DrawPolygonByDraggingMode extends DrawPolygonMode {
                 // Because the new drawing feature is dropped, so the data will keep as the same.
                 updatedData: props.data,
                 editType: 'cancelFeature',
-                editContext: {},
+                editContext: {}
             });
         }
     }

package/dist/edit-modes/draw-polygon-mode.d.ts

@@ -1,5 +1,5 @@
 import { ClickEvent, PointerMoveEvent, ModeProps, GuideFeatureCollection, TentativeFeature } from './types';
-import { FeatureCollection } from '../geojson-types';
+import { FeatureCollection } from '../utils/geojson-types';
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export declare class DrawPolygonMode extends GeoJsonEditMode {
     createTentativeFeature(props: ModeProps<FeatureCollection>): TentativeFeature;