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

package/src/mode-handlers/draw-circle-by-bounding-box-handler.ts

@@ -1,8 +1,12 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import circle from '@turf/circle';
 import distance from '@turf/distance';
-import { PointerMoveEvent } from '../edit-modes/types';
-import { EditAction, getIntermediatePosition } from './mode-handler';
-import { TwoClickPolygonHandler } from './two-click-polygon-handler';
+import {PointerMoveEvent} from '../edit-modes/types';
+import {EditAction, getIntermediatePosition} from './mode-handler';
+import {TwoClickPolygonHandler} from './two-click-polygon-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class DrawCircleByBoundingBoxHandler extends TwoClickPolygonHandler {
@@ -10,7 +14,7 @@ export class DrawCircleByBoundingBoxHandler extends TwoClickPolygonHandler {
     editAction: EditAction | null | undefined;
     cancelMapPan: boolean;
   } {
-    const result = { editAction: null, cancelMapPan: false };
+    const result = {editAction: null, cancelMapPan: false};
     const clickSequence = this.getClickSequence();
 
     if (clickSequence.length === 0) {
@@ -20,8 +24,8 @@ export class DrawCircleByBoundingBoxHandler extends TwoClickPolygonHandler {
 
     const modeConfig = this.getModeConfig() || {};
     // Default turf value for circle is 64
-    const { steps = 64 } = modeConfig;
-    const options = { steps };
+    const {steps = 64} = modeConfig;
+    const options = {steps};
 
     if (steps < 4) {
       console.warn('Minimum steps to draw a circle is 4 '); // eslint-disable-line no-console,no-undef

package/src/mode-handlers/draw-circle-from-center-handler.ts

@@ -1,8 +1,12 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import circle from '@turf/circle';
 import distance from '@turf/distance';
-import { PointerMoveEvent } from '../edit-modes/types';
-import { EditAction } from './mode-handler';
-import { TwoClickPolygonHandler } from './two-click-polygon-handler';
+import {PointerMoveEvent} from '../edit-modes/types';
+import {EditAction} from './mode-handler';
+import {TwoClickPolygonHandler} from './two-click-polygon-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class DrawCircleFromCenterHandler extends TwoClickPolygonHandler {
@@ -10,7 +14,7 @@ export class DrawCircleFromCenterHandler extends TwoClickPolygonHandler {
     editAction: EditAction | null | undefined;
     cancelMapPan: boolean;
   } {
-    const result = { editAction: null, cancelMapPan: false };
+    const result = {editAction: null, cancelMapPan: false};
     const clickSequence = this.getClickSequence();
 
     if (clickSequence.length === 0) {
@@ -20,8 +24,8 @@ export class DrawCircleFromCenterHandler extends TwoClickPolygonHandler {
 
     const modeConfig = this.getModeConfig() || {};
     // Default turf value for circle is 64
-    const { steps = 64 } = modeConfig;
-    const options = { steps };
+    const {steps = 64} = modeConfig;
+    const options = {steps};
 
     if (steps < 4) {
       console.warn('Minimum steps to draw a circle is 4 '); // eslint-disable-line no-console,no-undef

package/src/mode-handlers/draw-ellipse-by-bounding-box-handler.ts

@@ -1,10 +1,14 @@
+// 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';
-import { point } from '@turf/helpers';
-import { PointerMoveEvent } from '../edit-modes/types';
-import { EditAction, getIntermediatePosition } from './mode-handler';
-import { TwoClickPolygonHandler } from './two-click-polygon-handler';
+import {point} from '@turf/helpers';
+import {PointerMoveEvent} from '../edit-modes/types';
+import {EditAction, getIntermediatePosition} from './mode-handler';
+import {TwoClickPolygonHandler} from './two-click-polygon-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class DrawEllipseByBoundingBoxHandler extends TwoClickPolygonHandler {
@@ -12,7 +16,7 @@ export class DrawEllipseByBoundingBoxHandler extends TwoClickPolygonHandler {
     editAction: EditAction | null | undefined;
     cancelMapPan: boolean;
   } {
-    const result = { editAction: null, cancelMapPan: false };
+    const result = {editAction: null, cancelMapPan: false};
     const clickSequence = this.getClickSequence();
 
     if (clickSequence.length === 0) {

package/src/mode-handlers/draw-ellipse-using-three-points-handler.ts

@@ -1,10 +1,14 @@
+// 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';
-import { point } from '@turf/helpers';
-import { PointerMoveEvent } from '../edit-modes/types';
-import { EditAction, getIntermediatePosition } from './mode-handler';
-import { ThreeClickPolygonHandler } from './three-click-polygon-handler';
+import {point} from '@turf/helpers';
+import {PointerMoveEvent} from '../edit-modes/types';
+import {EditAction, getIntermediatePosition} from './mode-handler';
+import {ThreeClickPolygonHandler} from './three-click-polygon-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class DrawEllipseUsingThreePointsHandler extends ThreeClickPolygonHandler {
@@ -12,7 +16,7 @@ export class DrawEllipseUsingThreePointsHandler extends ThreeClickPolygonHandler
     editAction: EditAction | null | undefined;
     cancelMapPan: boolean;
   } {
-    const result = { editAction: null, cancelMapPan: false };
+    const result = {editAction: null, cancelMapPan: false};
     const clickSequence = this.getClickSequence();
 
     if (clickSequence.length === 0) {
@@ -27,8 +31,8 @@ export class DrawEllipseUsingThreePointsHandler extends ThreeClickPolygonHandler
         type: 'Feature',
         geometry: {
           type: 'LineString',
-          coordinates: [clickSequence[0], mapCoords],
-        },
+          coordinates: [clickSequence[0], mapCoords]
+        }
       });
     } else if (clickSequence.length === 2) {
       const [p1, p2] = clickSequence;
@@ -36,7 +40,7 @@ export class DrawEllipseUsingThreePointsHandler extends ThreeClickPolygonHandler
       const centerCoordinates = getIntermediatePosition(p1, p2);
       const xSemiAxis = Math.max(distance(centerCoordinates, point(mapCoords)), 0.001);
       const ySemiAxis = Math.max(distance(p1, p2), 0.001) / 2;
-      const options = { angle: bearing(p1, p2) };
+      const options = {angle: bearing(p1, p2)};
       // @ts-expect-error turf types diff
       this._setTentativeFeature(ellipse(centerCoordinates, xSemiAxis, ySemiAxis, options));
     }

package/src/mode-handlers/draw-line-string-handler.ts

@@ -1,6 +1,10 @@
-import { Position, LineString } from '../geojson-types';
-import { ClickEvent, PointerMoveEvent } from '../edit-modes/types';
-import { EditAction, ModeHandler } from './mode-handler';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {Position, LineString} from '../utils/geojson-types';
+import {ClickEvent, PointerMoveEvent} from '../edit-modes/types';
+import {EditAction, ModeHandler} from './mode-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class DrawLineStringHandler extends ModeHandler {
@@ -43,8 +47,8 @@ export class DrawLineStringHandler extends ModeHandler {
         featureIndexes: [featureIndex],
         editContext: {
           positionIndexes,
-          position: event.mapCoords,
-        },
+          position: event.mapCoords
+        }
       };
 
       this.resetClickSequence();
@@ -63,7 +67,7 @@ export class DrawLineStringHandler extends ModeHandler {
     editAction: EditAction | null | undefined;
     cancelMapPan: boolean;
   } {
-    const result = { editAction: null, cancelMapPan: false };
+    const result = {editAction: null, cancelMapPan: false};
 
     const clickSequence = this.getClickSequence();
     const mapCoords = event.mapCoords;
@@ -98,8 +102,8 @@ export class DrawLineStringHandler extends ModeHandler {
         properties: {},
         geometry: {
           type: 'LineString',
-          coordinates: [startPosition, mapCoords],
-        },
+          coordinates: [startPosition, mapCoords]
+        }
       });
     }
 

package/src/mode-handlers/draw-point-handler.ts

@@ -1,13 +1,17 @@
-import { Geometry } from '../geojson-types';
-import { ClickEvent } from '../edit-modes/types';
-import { EditAction, ModeHandler } from './mode-handler';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {Geometry} from '../utils/geojson-types';
+import {ClickEvent} from '../edit-modes/types';
+import {EditAction, ModeHandler} from './mode-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class DrawPointHandler extends ModeHandler {
-  handleClick({ mapCoords }: ClickEvent): EditAction | null | undefined {
+  handleClick({mapCoords}: ClickEvent): EditAction | null | undefined {
     const geometry: Geometry = {
       type: 'Point',
-      coordinates: mapCoords,
+      coordinates: mapCoords
     };
 
     return this.getAddFeatureAction(geometry);

package/src/mode-handlers/draw-polygon-handler.ts

@@ -1,11 +1,15 @@
-import { Polygon, Position } from '../geojson-types';
-import { ClickEvent, PointerMoveEvent } from '../edit-modes/types';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {Polygon, Position} from '../utils/geojson-types';
+import {ClickEvent, PointerMoveEvent} from '../edit-modes/types';
 import {
   EditAction,
   EditHandle,
   ModeHandler,
   getPickedEditHandle,
-  getEditHandlesForGeometry,
+  getEditHandlesForGeometry
 } from './mode-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
@@ -31,7 +35,7 @@ export class DrawPolygonHandler extends ModeHandler {
   handleClick(event: ClickEvent): EditAction | null | undefined {
     super.handleClick(event);
 
-    const { picks } = event;
+    const {picks} = event;
     const tentativeFeature = this.getTentativeFeature();
 
     let editAction: EditAction | null | undefined = null;
@@ -58,7 +62,7 @@ export class DrawPolygonHandler extends ModeHandler {
         // Remove the hovered position
         const polygonToAdd: Polygon = {
           type: 'Polygon',
-          coordinates: [[...polygon.coordinates[0].slice(0, -2), polygon.coordinates[0][0]]],
+          coordinates: [[...polygon.coordinates[0].slice(0, -2), polygon.coordinates[0][0]]]
         };
 
         this.resetClickSequence();
@@ -76,7 +80,7 @@ export class DrawPolygonHandler extends ModeHandler {
       pointerDownPicks: null,
       pointerDownScreenCoords: null,
       pointerDownMapCoords: null,
-      sourceEvent: null,
+      sourceEvent: null
     } as unknown as PointerMoveEvent;
 
     this.handlePointerMove(fakePointerMoveEvent);
@@ -84,12 +88,12 @@ export class DrawPolygonHandler extends ModeHandler {
     return editAction;
   }
 
-  handlePointerMove({ mapCoords }: PointerMoveEvent): {
+  handlePointerMove({mapCoords}: PointerMoveEvent): {
     editAction: EditAction | null | undefined;
     cancelMapPan: boolean;
   } {
     const clickSequence = this.getClickSequence();
-    const result = { editAction: null, cancelMapPan: false };
+    const result = {editAction: null, cancelMapPan: false};
 
     if (clickSequence.length === 0) {
       // nothing to do yet
@@ -102,8 +106,8 @@ export class DrawPolygonHandler extends ModeHandler {
         type: 'Feature',
         geometry: {
           type: 'LineString',
-          coordinates: [...clickSequence, mapCoords],
-        },
+          coordinates: [...clickSequence, mapCoords]
+        }
       });
     } else {
       // Draw a Polygon connecting all the clicked points with the hovered point
@@ -111,8 +115,8 @@ export class DrawPolygonHandler extends ModeHandler {
         type: 'Feature',
         geometry: {
           type: 'Polygon',
-          coordinates: [[...clickSequence, mapCoords, clickSequence[0]]],
-        },
+          coordinates: [[...clickSequence, mapCoords, clickSequence[0]]]
+        }
       });
     }
 

package/src/mode-handlers/draw-rectangle-handler.ts

@@ -1,7 +1,11 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import bboxPolygon from '@turf/bbox-polygon';
-import { PointerMoveEvent } from '../edit-modes/types';
-import { EditAction } from './mode-handler';
-import { TwoClickPolygonHandler } from './two-click-polygon-handler';
+import {PointerMoveEvent} from '../edit-modes/types';
+import {EditAction} from './mode-handler';
+import {TwoClickPolygonHandler} from './two-click-polygon-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class DrawRectangleHandler extends TwoClickPolygonHandler {
@@ -9,7 +13,7 @@ export class DrawRectangleHandler extends TwoClickPolygonHandler {
     editAction: EditAction | null | undefined;
     cancelMapPan: boolean;
   } {
-    const result = { editAction: null, cancelMapPan: false };
+    const result = {editAction: null, cancelMapPan: false};
     const clickSequence = this.getClickSequence();
 
     if (clickSequence.length === 0) {

package/src/mode-handlers/draw-rectangle-using-three-points-handler.ts

@@ -1,8 +1,12 @@
-import { LineString } from '../geojson-types';
-import { generatePointsParallelToLinePoints } from '../utils';
-import { PointerMoveEvent } from '../edit-modes/types';
-import { EditAction } from './mode-handler';
-import { ThreeClickPolygonHandler } from './three-click-polygon-handler';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {LineString} from '../utils/geojson-types';
+import {generatePointsParallelToLinePoints} from '../utils/utils';
+import {PointerMoveEvent} from '../edit-modes/types';
+import {EditAction} from './mode-handler';
+import {ThreeClickPolygonHandler} from './three-click-polygon-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class DrawRectangleUsingThreePointsHandler extends ThreeClickPolygonHandler {
@@ -10,7 +14,7 @@ export class DrawRectangleUsingThreePointsHandler extends ThreeClickPolygonHandl
     editAction: EditAction | null | undefined;
     cancelMapPan: boolean;
   } {
-    const result = { editAction: null, cancelMapPan: false };
+    const result = {editAction: null, cancelMapPan: false};
     const clickSequence = this.getClickSequence();
 
     if (clickSequence.length === 0) {
@@ -25,13 +29,13 @@ export class DrawRectangleUsingThreePointsHandler extends ThreeClickPolygonHandl
         type: 'Feature',
         geometry: {
           type: 'LineString',
-          coordinates: [clickSequence[0], mapCoords],
-        },
+          coordinates: [clickSequence[0], mapCoords]
+        }
       });
     } else if (clickSequence.length === 2) {
       const lineString: LineString = {
         type: 'LineString',
-        coordinates: clickSequence,
+        coordinates: clickSequence
       };
       const [p1, p2] = clickSequence;
       const [p3, p4] = generatePointsParallelToLinePoints(p1, p2, mapCoords);
@@ -48,10 +52,10 @@ export class DrawRectangleUsingThreePointsHandler extends ThreeClickPolygonHandl
               ...lineString.coordinates,
               p3,
               p4,
-              p1,
-            ],
-          ],
-        },
+              p1
+            ]
+          ]
+        }
       });
     }
 

package/src/mode-handlers/duplicate-handler.ts

@@ -1,6 +1,10 @@
-import { StartDraggingEvent } from '../edit-modes/types';
-import { EditAction } from './mode-handler';
-import { TranslateHandler } from './translate-handler';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {StartDraggingEvent} from '../edit-modes/types';
+import {EditAction} from './mode-handler';
+import {TranslateHandler} from './translate-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class DuplicateHandler extends TranslateHandler {
@@ -16,7 +20,7 @@ export class DuplicateHandler extends TranslateHandler {
       : null;
   }
 
-  getCursor({ isDragging }: { isDragging: boolean }): string {
+  getCursor({isDragging}: {isDragging: boolean}): string {
     if (this._isTranslatable) {
       return 'copy';
     }

package/src/mode-handlers/elevation-handler.ts

@@ -1,12 +1,16 @@
-import { Position } from '../geojson-types';
-import { PointerMoveEvent, StopDraggingEvent } from '../edit-modes/types';
-import { EditAction, getPickedEditHandle } from './mode-handler';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 
-import { ModifyHandler } from './modify-handler';
+import {Position} from '../utils/geojson-types';
+import {PointerMoveEvent, StopDraggingEvent} from '../edit-modes/types';
+import {EditAction, getPickedEditHandle} from './mode-handler';
+
+import {ModifyHandler} from './modify-handler';
 
 function defaultCalculateElevationChange({
   pointerDownScreenCoords,
-  screenCoords,
+  screenCoords
 }: {
   pointerDownScreenCoords: Position;
   screenCoords: Position;
@@ -27,7 +31,7 @@ export class ElevationHandler extends ModifyHandler {
     const {
       minElevation = 0,
       maxElevation = 20000,
-      calculateElevationChange = defaultCalculateElevationChange,
+      calculateElevationChange = defaultCalculateElevationChange
     } = this._modeConfig || {};
 
     // $FlowFixMe - really, I know it has something at index 2
@@ -36,13 +40,13 @@ export class ElevationHandler extends ModifyHandler {
     // calculateElevationChange is configurable becase (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]
     });
   }
 
@@ -61,7 +65,7 @@ export class ElevationHandler extends ModifyHandler {
     return super.handleStopDragging(this.makeElevatedEvent(event, position));
   }
 
-  getCursor(params: { isDragging: boolean }): string {
+  getCursor(params: {isDragging: boolean}): string {
     let cursor = super.getCursor(params);
     if (cursor === 'cell') {
       cursor = 'ns-resize';
@@ -73,7 +77,7 @@ export class ElevationHandler extends ModifyHandler {
     viewport: any,
     {
       pointerDownScreenCoords,
-      screenCoords,
+      screenCoords
     }: {
       pointerDownScreenCoords: Position;
       screenCoords: Position;

package/src/mode-handlers/extrude-handler.ts

@@ -1,9 +1,13 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import bearing from '@turf/bearing';
-import { generatePointsParallelToLinePoints } from '../utils';
-import { PointerMoveEvent, StartDraggingEvent, StopDraggingEvent } from '../edit-modes/types';
-import { EditAction, getPickedEditHandle } from './mode-handler';
+import {generatePointsParallelToLinePoints} from '../utils/utils';
+import {PointerMoveEvent, StartDraggingEvent, StopDraggingEvent} from '../edit-modes/types';
+import {EditAction, getPickedEditHandle} from './mode-handler';
 
-import { ModifyHandler } from './modify-handler';
+import {ModifyHandler} from './modify-handler';
 
 // TODO edit-modes: delete handlers once EditMode fully implemented
 export class ExtrudeHandler extends ModifyHandler {
@@ -48,8 +52,8 @@ export class ExtrudeHandler extends ModifyHandler {
           featureIndexes: [editHandle.featureIndex],
           editContext: {
             positionIndexes: this.nextPositionIndexes(editHandle.positionIndexes, size),
-            position: p3,
-          },
+            position: p3
+          }
         };
       }
     }
@@ -57,7 +61,7 @@ export class ExtrudeHandler extends ModifyHandler {
     // Cancel map panning if pointer went down on an edit handle
     const cancelMapPan = Boolean(editHandle);
 
-    return { editAction, cancelMapPan };
+    return {editAction, cancelMapPan};
   }
 
   handleStartDragging(event: StartDraggingEvent): EditAction | null | undefined {
@@ -108,8 +112,8 @@ export class ExtrudeHandler extends ModifyHandler {
           featureIndexes: [editHandle.featureIndex],
           editContext: {
             positionIndexes: editHandle.positionIndexes,
-            position: p1,
-          },
+            position: p1
+          }
         };
       }
     }
@@ -153,8 +157,8 @@ export class ExtrudeHandler extends ModifyHandler {
           featureIndexes: [editHandle.featureIndex],
           editContext: {
             positionIndexes: editHandle.positionIndexes,
-            position: p3,
-          },
+            position: p3
+          }
         };
       }
     }