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

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

@@ -1,20 +1,24 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import lineIntersect from '@turf/line-intersect';
-import { lineString as turfLineString } from '@turf/helpers';
+import {lineString as turfLineString} from '@turf/helpers';
 import {
   ClickEvent,
   PointerMoveEvent,
   ModeProps,
   GuideFeatureCollection,
   TentativeFeature,
-  GuideFeature,
+  GuideFeature
 } from './types';
-import { Polygon, FeatureCollection } from '../geojson-types';
-import { getPickedEditHandle } from './utils';
-import { GeoJsonEditMode } from './geojson-edit-mode';
+import {Polygon, FeatureCollection} from '../utils/geojson-types';
+import {getPickedEditHandle} from './utils';
+import {GeoJsonEditMode} from './geojson-edit-mode';
 
 export class DrawPolygonMode extends GeoJsonEditMode {
   createTentativeFeature(props: ModeProps<FeatureCollection>): TentativeFeature {
-    const { lastPointerMoveEvent } = props;
+    const {lastPointerMoveEvent} = props;
     const clickSequence = this.getClickSequence();
 
     const lastCoords = lastPointerMoveEvent ? [lastPointerMoveEvent.mapCoords] : [];
@@ -24,23 +28,23 @@ export class DrawPolygonMode extends GeoJsonEditMode {
       tentativeFeature = {
         type: 'Feature',
         properties: {
-          guideType: 'tentative',
+          guideType: 'tentative'
         },
         geometry: {
           type: 'LineString',
-          coordinates: [...clickSequence, ...lastCoords],
-        },
+          coordinates: [...clickSequence, ...lastCoords]
+        }
       };
     } else if (clickSequence.length > 2) {
       tentativeFeature = {
         type: 'Feature',
         properties: {
-          guideType: 'tentative',
+          guideType: 'tentative'
         },
         geometry: {
           type: 'Polygon',
-          coordinates: [[...clickSequence, ...lastCoords, clickSequence[0]]],
-        },
+          coordinates: [[...clickSequence, ...lastCoords, clickSequence[0]]]
+        }
       };
     }
 
@@ -52,7 +56,7 @@ export class DrawPolygonMode extends GeoJsonEditMode {
 
     const guides: GuideFeatureCollection = {
       type: 'FeatureCollection',
-      features: [],
+      features: []
     };
 
     const tentativeFeature = this.createTentativeFeature(props);
@@ -66,12 +70,12 @@ export class DrawPolygonMode extends GeoJsonEditMode {
         guideType: 'editHandle',
         editHandleType: 'existing',
         featureIndex: -1,
-        positionIndexes: [index],
+        positionIndexes: [index]
       },
       geometry: {
         type: 'Point',
-        coordinates: clickedCoord,
-      },
+        coordinates: clickedCoord
+      }
     }));
 
     guides.features.push(...editHandles);
@@ -79,8 +83,9 @@ export class DrawPolygonMode extends GeoJsonEditMode {
     return guides;
   }
 
+  // eslint-disable-next-line complexity
   handleClick(event: ClickEvent, props: ModeProps<FeatureCollection>) {
-    const { picks } = event;
+    const {picks} = event;
     const clickedEditHandle = getPickedEditHandle(picks);
     const clickSequence = this.getClickSequence();
 
@@ -88,7 +93,7 @@ export class DrawPolygonMode extends GeoJsonEditMode {
     if (clickSequence.length > 2 && props.modeConfig && props.modeConfig.preventOverlappingLines) {
       const currentLine = turfLineString([
         clickSequence[clickSequence.length - 1],
-        event.mapCoords,
+        event.mapCoords
       ]);
       const otherLines = turfLineString([...clickSequence.slice(0, clickSequence.length - 1)]);
       const intersectingPoints = lineIntersect(currentLine, otherLines);
@@ -116,7 +121,7 @@ export class DrawPolygonMode extends GeoJsonEditMode {
       // Remove the hovered position
       const polygonToAdd: Polygon = {
         type: 'Polygon',
-        coordinates: [[...clickSequence, clickSequence[0]]],
+        coordinates: [[...clickSequence, clickSequence[0]]]
       };
 
       this.resetClickSequence();
@@ -132,8 +137,8 @@ export class DrawPolygonMode extends GeoJsonEditMode {
         updatedData: props.data,
         editType: 'addTentativePosition',
         editContext: {
-          position: event.mapCoords,
-        },
+          position: event.mapCoords
+        }
       });
     }
   }
@@ -144,7 +149,7 @@ export class DrawPolygonMode extends GeoJsonEditMode {
       if (clickSequence.length > 2) {
         const polygonToAdd: Polygon = {
           type: 'Polygon',
-          coordinates: [[...clickSequence, clickSequence[0]]],
+          coordinates: [[...clickSequence, clickSequence[0]]]
         };
         this.resetClickSequence();
 
@@ -159,7 +164,7 @@ export class DrawPolygonMode extends GeoJsonEditMode {
         // Because the new drawing feature is dropped, so the data will keep as the same.
         updatedData: props.data,
         editType: 'cancelFeature',
-        editContext: {},
+        editContext: {}
       });
     }
   }

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

@@ -1,6 +1,10 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import bboxPolygon from '@turf/bbox-polygon';
-import { Position, Polygon, FeatureOf } from '../geojson-types';
-import { TwoClickPolygonMode } from './two-click-polygon-mode';
+import {Position, Polygon, FeatureOf} from '../utils/geojson-types';
+import {TwoClickPolygonMode} from './two-click-polygon-mode';
 
 export class DrawRectangleFromCenterMode extends TwoClickPolygonMode {
   getTwoClickPolygon(coord1: Position, coord2: Position, modeConfig: any): FeatureOf<Polygon> {

package/src/edit-modes/draw-rectangle-mode.ts

@@ -1,6 +1,10 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import bboxPolygon from '@turf/bbox-polygon';
-import { Position, Polygon, FeatureOf } from '../geojson-types';
-import { TwoClickPolygonMode } from './two-click-polygon-mode';
+import {Position, Polygon, FeatureOf} from '../utils/geojson-types';
+import {TwoClickPolygonMode} from './two-click-polygon-mode';
 
 export class DrawRectangleMode extends TwoClickPolygonMode {
   getTwoClickPolygon(coord1: Position, coord2: Position, modeConfig: any): FeatureOf<Polygon> {

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

@@ -1,6 +1,10 @@
-import { generatePointsParallelToLinePoints } from './utils';
-import { Position, Polygon, FeatureOf } from '../geojson-types';
-import { ThreeClickPolygonMode } from './three-click-polygon-mode';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {generatePointsParallelToLinePoints} from './utils';
+import {Position, Polygon, FeatureOf} from '../utils/geojson-types';
+import {ThreeClickPolygonMode} from './three-click-polygon-mode';
 
 export class DrawRectangleUsingThreePointsMode extends ThreeClickPolygonMode {
   getThreeClickPolygon(
@@ -14,7 +18,7 @@ export class DrawRectangleUsingThreePointsMode extends ThreeClickPolygonMode {
     return {
       type: 'Feature',
       properties: {
-        shape: 'Rectangle',
+        shape: 'Rectangle'
       },
       geometry: {
         type: 'Polygon',
@@ -27,10 +31,10 @@ export class DrawRectangleUsingThreePointsMode extends ThreeClickPolygonMode {
             coord2,
             p3,
             p4,
-            coord1,
-          ],
-        ],
-      },
+            coord1
+          ]
+        ]
+      }
     };
   }
 }

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

@@ -1,9 +1,13 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import bboxPolygon from '@turf/bbox-polygon';
 import turfDistance from '@turf/distance';
 import turfAlong from '@turf/along';
-import { point, lineString as turfLineString } from '@turf/helpers';
-import { Position, Polygon, FeatureOf } from '../geojson-types';
-import { TwoClickPolygonMode } from './two-click-polygon-mode';
+import {point, lineString as turfLineString} from '@turf/helpers';
+import {Position, Polygon, FeatureOf} from '../utils/geojson-types';
+import {TwoClickPolygonMode} from './two-click-polygon-mode';
 
 export class DrawSquareFromCenterMode extends TwoClickPolygonMode {
   getTwoClickPolygon(coord1: Position, coord2: Position, modeConfig: any): FeatureOf<Polygon> {

package/src/edit-modes/draw-square-mode.ts

@@ -1,9 +1,13 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import bboxPolygon from '@turf/bbox-polygon';
 import turfDistance from '@turf/distance';
 import turfAlong from '@turf/along';
-import { point, lineString as turfLineString } from '@turf/helpers';
-import { Position, Polygon, FeatureOf } from '../geojson-types';
-import { TwoClickPolygonMode } from './two-click-polygon-mode';
+import {point, lineString as turfLineString} from '@turf/helpers';
+import {Position, Polygon, FeatureOf} from '../utils/geojson-types';
+import {TwoClickPolygonMode} from './two-click-polygon-mode';
 
 export class DrawSquareMode extends TwoClickPolygonMode {
   getTwoClickPolygon(coord1: Position, coord2: Position, modeConfig: any): FeatureOf<Polygon> {

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

@@ -1,6 +1,10 @@
-import { StartDraggingEvent, ModeProps } from './types';
-import { FeatureCollection } from '../geojson-types';
-import { TranslateMode } from './translate-mode';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {StartDraggingEvent, ModeProps} from './types';
+import {FeatureCollection} from '../utils/geojson-types';
+import {TranslateMode} from './translate-mode';
 
 export class DuplicateMode extends TranslateMode {
   handleStartDragging(event: StartDraggingEvent, props: ModeProps<FeatureCollection>) {

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

@@ -1,3 +1,7 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 /* istanbul ignore file */
 
 import {
@@ -7,7 +11,7 @@ import {
   StopDraggingEvent,
   DraggingEvent,
   Tooltip,
-  ModeProps,
+  ModeProps
 } from './types';
 
 export interface EditMode<TData, TGuides> {

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

@@ -1,11 +1,15 @@
-import { ModeProps, PointerMoveEvent, StopDraggingEvent } from './types';
-import { Position, FeatureCollection } from '../geojson-types';
-import { getPickedEditHandle } from './utils';
-import { ModifyMode } from './modify-mode';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {ModeProps, PointerMoveEvent, StopDraggingEvent} from './types';
+import {Position, FeatureCollection} from '../utils/geojson-types';
+import {getPickedEditHandle} from './utils';
+import {ModifyMode} from './modify-mode';
 
 function defaultCalculateElevationChange({
   pointerDownScreenCoords,
-  screenCoords,
+  screenCoords
 }: {
   pointerDownScreenCoords: Position;
   screenCoords: Position;
@@ -22,7 +26,7 @@ export class ElevationMode extends ModifyMode {
     const {
       minElevation = 0,
       maxElevation = 20000,
-      calculateElevationChange = defaultCalculateElevationChange,
+      calculateElevationChange = defaultCalculateElevationChange
     } = props.modeConfig || {};
 
     if (!event.pointerDownScreenCoords) {
@@ -35,13 +39,13 @@ export class ElevationMode extends ModifyMode {
     // calculateElevationChange is configurable because (at this time) modes are not aware of the viewport
     elevation += calculateElevationChange({
       pointerDownScreenCoords: event.pointerDownScreenCoords,
-      screenCoords: event.screenCoords,
+      screenCoords: event.screenCoords
     });
     elevation = Math.min(elevation, maxElevation);
     elevation = Math.max(elevation, minElevation);
 
     return Object.assign({}, event, {
-      mapCoords: [position[0], position[1], elevation],
+      mapCoords: [position[0], position[1], elevation]
     });
   }
 
@@ -71,7 +75,7 @@ export class ElevationMode extends ModifyMode {
     viewport: any,
     {
       pointerDownScreenCoords,
-      screenCoords,
+      screenCoords
     }: {
       pointerDownScreenCoords: Position;
       screenCoords: Position;

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

@@ -1,7 +1,11 @@
-import { Position, LineString, FeatureCollection } from '../geojson-types';
-import { ClickEvent, PointerMoveEvent, ModeProps, GuideFeatureCollection } from './types';
-import { GeoJsonEditMode } from './geojson-edit-mode';
-import { ImmutableFeatureCollection } from './immutable-feature-collection';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {Position, LineString, FeatureCollection} from '../utils/geojson-types';
+import {ClickEvent, PointerMoveEvent, ModeProps, GuideFeatureCollection} from './types';
+import {GeoJsonEditMode} from './geojson-edit-mode';
+import {ImmutableFeatureCollection} from './immutable-feature-collection';
 
 export class ExtendLineStringMode extends GeoJsonEditMode {
   getSingleSelectedLineString(props: ModeProps<FeatureCollection>): LineString | null | undefined {
@@ -14,7 +18,7 @@ export class ExtendLineStringMode extends GeoJsonEditMode {
   }
 
   handleClick(event: ClickEvent, props: ModeProps<FeatureCollection>) {
-    const { selectedIndexes } = props;
+    const {selectedIndexes} = props;
     const selectedLineString = this.getSingleSelectedLineString(props);
 
     if (!selectedLineString) {
@@ -40,15 +44,15 @@ export class ExtendLineStringMode extends GeoJsonEditMode {
       editContext: {
         featureIndexes: [featureIndex],
         positionIndexes,
-        position: event.mapCoords,
-      },
+        position: event.mapCoords
+      }
     });
   }
 
   getGuides(props: ModeProps<FeatureCollection>): GuideFeatureCollection {
     const guides: GuideFeatureCollection = {
       type: 'FeatureCollection',
-      features: [],
+      features: []
     };
 
     const selectedLineString = this.getSingleSelectedLineString(props);
@@ -60,7 +64,7 @@ export class ExtendLineStringMode extends GeoJsonEditMode {
 
     // Draw an extension line starting from one end of the selected LineString to the cursor
     let startPosition: Position | null | undefined = null;
-    const { modeConfig } = props;
+    const {modeConfig} = props;
     if (modeConfig && modeConfig.drawAtFront) {
       startPosition = selectedLineString.coordinates[0];
     } else {
@@ -70,12 +74,12 @@ export class ExtendLineStringMode extends GeoJsonEditMode {
     guides.features.push({
       type: 'Feature',
       properties: {
-        guideType: 'tentative',
+        guideType: 'tentative'
       },
       geometry: {
         type: 'LineString',
-        coordinates: [startPosition, mapCoords],
-      },
+        coordinates: [startPosition, mapCoords]
+      }
     });
 
     return guides;

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

@@ -1,13 +1,17 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import bearing from '@turf/bearing';
 import {
   generatePointsParallelToLinePoints,
   getPickedEditHandle,
-  getPickedIntermediateEditHandle,
+  getPickedIntermediateEditHandle
 } from './utils';
-import { FeatureCollection } from '../geojson-types';
-import { ModeProps, StartDraggingEvent, StopDraggingEvent, DraggingEvent } from './types';
-import { ModifyMode } from './modify-mode';
-import { ImmutableFeatureCollection } from './immutable-feature-collection';
+import {FeatureCollection} from '../utils/geojson-types';
+import {ModeProps, StartDraggingEvent, StopDraggingEvent, DraggingEvent} from './types';
+import {ModifyMode} from './modify-mode';
+import {ImmutableFeatureCollection} from './immutable-feature-collection';
 
 export class ExtrudeMode extends ModifyMode {
   // this mode is busted =(
@@ -18,8 +22,8 @@ export class ExtrudeMode extends ModifyMode {
     const editHandle = getPickedEditHandle(event.pointerDownPicks);
 
     if (editHandle) {
-      const { featureIndex } = editHandle.properties;
-      let { positionIndexes } = editHandle.properties;
+      const {featureIndex} = editHandle.properties;
+      let {positionIndexes} = editHandle.properties;
 
       const size = this.coordinatesSize(positionIndexes, featureIndex, props.data);
       positionIndexes = this.isPointAdded
@@ -47,8 +51,8 @@ export class ExtrudeMode extends ModifyMode {
           editContext: {
             featureIndexes: [featureIndex],
             positionIndexes: this.nextPositionIndexes(positionIndexes, size),
-            position: p3,
-          },
+            position: p3
+          }
         });
 
         event.cancelPan();
@@ -61,7 +65,7 @@ export class ExtrudeMode extends ModifyMode {
 
     const editHandle = getPickedIntermediateEditHandle(event.picks);
     if (selectedFeatureIndexes.length && editHandle) {
-      const { positionIndexes, featureIndex } = editHandle.properties;
+      const {positionIndexes, featureIndex} = editHandle.properties;
 
       const size = this.coordinatesSize(positionIndexes, featureIndex, props.data);
       // p1 and p1 are end points for edge
@@ -95,8 +99,8 @@ export class ExtrudeMode extends ModifyMode {
           editContext: {
             featureIndexes: [featureIndex],
             positionIndexes,
-            position: p1,
-          },
+            position: p1
+          }
         });
       }
     }
@@ -106,8 +110,8 @@ export class ExtrudeMode extends ModifyMode {
     const selectedFeatureIndexes = props.selectedIndexes;
     const editHandle = getPickedEditHandle(event.pointerDownPicks);
     if (selectedFeatureIndexes.length && editHandle) {
-      const { featureIndex } = editHandle.properties;
-      let { positionIndexes } = editHandle.properties;
+      const {featureIndex} = editHandle.properties;
+      let {positionIndexes} = editHandle.properties;
 
       const size = this.coordinatesSize(positionIndexes, featureIndex, props.data);
       positionIndexes = this.isPointAdded
@@ -136,8 +140,8 @@ export class ExtrudeMode extends ModifyMode {
           editContext: {
             featureIndexes: [featureIndex],
             positionIndexes,
-            position: p3,
-          },
+            position: p3
+          }
         });
       }
     }
@@ -147,7 +151,7 @@ export class ExtrudeMode extends ModifyMode {
   coordinatesSize(
     positionIndexes: number[] | null | undefined,
     featureIndex: number,
-    { features }: FeatureCollection
+    {features}: FeatureCollection
   ) {
     let size = 0;
     if (Array.isArray(positionIndexes)) {
@@ -230,7 +234,7 @@ export class ExtrudeMode extends ModifyMode {
   getPointForPositionIndexes(
     positionIndexes: number[] | null | undefined,
     featureIndex: number,
-    { features }: FeatureCollection
+    {features}: FeatureCollection
   ) {
     let p1;
     if (Array.isArray(positionIndexes)) {