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

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

@@ -1,4 +1,8 @@
-import { Position, Feature, FeatureCollection } from '../geojson-types';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {Position, Feature, FeatureCollection} from '../utils/geojson-types';
 import {
   PointerMoveEvent,
   StartDraggingEvent,
@@ -7,14 +11,14 @@ import {
   ModeProps,
   Pick,
   GuideFeatureCollection,
-  EditHandleFeature,
+  EditHandleFeature
 } from './types';
 import {
   getPickedSnapSourceEditHandle,
   getPickedEditHandles,
-  getEditHandlesForGeometry,
+  getEditHandlesForGeometry
 } from './utils';
-import { GeoJsonEditMode } from './geojson-edit-mode';
+import {GeoJsonEditMode} from './geojson-edit-mode';
 
 type MovementTypeEvent = PointerMoveEvent | StartDraggingEvent | StopDraggingEvent | DraggingEvent;
 
@@ -33,7 +37,7 @@ export class SnappableMode extends GeoJsonEditMode {
   ): T {
     return Object.assign(event, {
       mapCoords: snapTarget.geometry.coordinates,
-      pointerDownMapCoords: snapSource && snapSource.geometry.coordinates,
+      pointerDownMapCoords: snapSource && snapSource.geometry.coordinates
     });
   }
 
@@ -53,7 +57,7 @@ export class SnappableMode extends GeoJsonEditMode {
     snapSourceHandle: EditHandleFeature,
     data: FeatureCollection
   ): EditHandleFeature {
-    const { featureIndex, positionIndexes } = snapSourceHandle.properties;
+    const {featureIndex, positionIndexes} = snapSourceHandle.properties;
     if (!Array.isArray(positionIndexes)) {
       return snapSourceHandle;
     }
@@ -69,8 +73,8 @@ export class SnappableMode extends GeoJsonEditMode {
       ...snapSourceHandle,
       geometry: {
         type: 'Point',
-        coordinates: snapSourceCoordinates,
-      },
+        coordinates: snapSourceCoordinates
+      }
     };
   }
 
@@ -79,7 +83,7 @@ export class SnappableMode extends GeoJsonEditMode {
   // that live in the current layer. Otherwise, this method will simply return the
   // features from the current layer
   _getSnapTargets(props: ModeProps<FeatureCollection>): Feature[] {
-    let { additionalSnapTargets } = props.modeConfig || {};
+    let {additionalSnapTargets} = props.modeConfig || {};
     additionalSnapTargets = additionalSnapTargets || [];
 
     const features = [...props.data.features, ...additionalSnapTargets];
@@ -95,7 +99,7 @@ export class SnappableMode extends GeoJsonEditMode {
       const isCurrentIndexFeatureNotSelected = !props.selectedIndexes.includes(i);
 
       if (isCurrentIndexFeatureNotSelected) {
-        const { geometry } = features[i];
+        const {geometry} = features[i];
         handles.push(...getEditHandlesForGeometry(geometry, i, 'snap-target'));
       }
     }
@@ -106,12 +110,12 @@ export class SnappableMode extends GeoJsonEditMode {
   // selected feature. If a snap handle has been picked, display said snap handle
   // along with all snappable points on all non-selected features.
   getGuides(props: ModeProps<FeatureCollection>): GuideFeatureCollection {
-    const { modeConfig, lastPointerMoveEvent } = props;
-    const { enableSnapping } = modeConfig || {};
+    const {modeConfig, lastPointerMoveEvent} = props;
+    const {enableSnapping} = modeConfig || {};
 
     const guides: GuideFeatureCollection = {
       type: 'FeatureCollection',
-      features: [...this._handler.getGuides(props).features],
+      features: [...this._handler.getGuides(props).features]
     };
 
     if (!enableSnapping) {
@@ -133,10 +137,10 @@ export class SnappableMode extends GeoJsonEditMode {
     }
 
     // Render the possible snap source handles
-    const { features } = props.data;
+    const {features} = props.data;
     for (const index of props.selectedIndexes) {
       if (index < features.length) {
-        const { geometry } = features[index];
+        const {geometry} = features[index];
         guides.features.push(...getEditHandlesForGeometry(geometry, index, 'snap-source'));
       }
     }

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

@@ -1,24 +1,28 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 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 {lineString, Point} 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 { generatePointsParallelToLinePoints } from './utils';
-import { FeatureCollection } from '../geojson-types';
+import nearestPointOnLine, {NearestPointOnLine} from '@turf/nearest-point-on-line';
+import {generatePointsParallelToLinePoints} from './utils';
+import {FeatureCollection} from '../utils/geojson-types';
 import {
   ClickEvent,
   PointerMoveEvent,
   ModeProps,
   GuideFeatureCollection,
-  TentativeFeature,
+  TentativeFeature
 } from './types';
-import { GeoJsonEditMode, GeoJsonEditAction } from './geojson-edit-mode';
-import { ImmutableFeatureCollection } from './immutable-feature-collection';
+import {GeoJsonEditMode, GeoJsonEditAction} from './geojson-edit-mode';
+import {ImmutableFeatureCollection} from './immutable-feature-collection';
 
 export class SplitPolygonMode extends GeoJsonEditMode {
   calculateMapCoords(clickSequence: any, mapCoords: any, props: ModeProps<FeatureCollection>) {
@@ -49,9 +53,9 @@ export class SplitPolygonMode extends GeoJsonEditMode {
       if (closestPoint) {
         // closest point is used as 90degree entry to the polygon
         const lastBearing = turfBearing(firstPoint, closestPoint);
-        const currentDistance = turfDistance(firstPoint, mapCoords, { units: 'meters' });
+        const currentDistance = turfDistance(firstPoint, mapCoords, {units: 'meters'});
         return turfDestination(firstPoint, currentDistance, lastBearing, {
-          units: 'meters',
+          units: 'meters'
         }).geometry.coordinates;
       }
       return mapCoords;
@@ -74,7 +78,7 @@ export class SplitPolygonMode extends GeoJsonEditMode {
 
     const guides: GuideFeatureCollection = {
       type: 'FeatureCollection',
-      features: [],
+      features: []
     };
 
     if (clickSequence.length === 0 || !props.lastPointerMoveEvent) {
@@ -82,17 +86,17 @@ export class SplitPolygonMode extends GeoJsonEditMode {
       return guides;
     }
 
-    const { mapCoords } = props.lastPointerMoveEvent;
+    const {mapCoords} = props.lastPointerMoveEvent;
 
     guides.features.push({
       type: 'Feature',
       properties: {
-        guideType: 'tentative',
+        guideType: 'tentative'
       },
       geometry: {
         type: 'LineString',
-        coordinates: [...clickSequence, this.calculateMapCoords(clickSequence, mapCoords, props)],
-      },
+        coordinates: [...clickSequence, this.calculateMapCoords(clickSequence, mapCoords, props)]
+      }
     });
 
     return guides;
@@ -120,7 +124,7 @@ export class SplitPolygonMode extends GeoJsonEditMode {
 
     const pt: Point = {
       type: 'Point',
-      coordinates: clickSequence[clickSequence.length - 1],
+      coordinates: clickSequence[clickSequence.length - 1]
     };
 
     // @ts-expect-error turf types diff
@@ -151,13 +155,13 @@ export class SplitPolygonMode extends GeoJsonEditMode {
     const modeConfig = props.modeConfig || {};
 
     // Default gap in between the polygon
-    let { gap = 0.1, units = 'centimeters' } = modeConfig;
+    let {gap = 0.1, units = 'centimeters'} = modeConfig;
     if (gap === 0) {
       gap = 0.1;
       units = 'centimeters';
     }
 
-    const buffer = turfBuffer(tentativeFeature, gap, { units });
+    const buffer = turfBuffer(tentativeFeature, gap, {units});
     // @ts-expect-error turf types diff
     const updatedGeometry = turfDifference(selectedGeometry, buffer);
     if (!updatedGeometry) {
@@ -166,7 +170,7 @@ export class SplitPolygonMode extends GeoJsonEditMode {
       return null;
     }
 
-    const { type, coordinates } = updatedGeometry.geometry;
+    const {type, coordinates} = updatedGeometry.geometry;
     let updatedCoordinates: any[] = []; // TODO
     if (type === 'Polygon') {
       // Update the coordinates as per Multipolygon
@@ -185,15 +189,15 @@ export class SplitPolygonMode extends GeoJsonEditMode {
     // Update the type to Mulitpolygon
     const updatedData = new ImmutableFeatureCollection(props.data).replaceGeometry(featureIndex, {
       type: 'MultiPolygon',
-      coordinates: updatedCoordinates,
+      coordinates: updatedCoordinates
     });
 
     const editAction: GeoJsonEditAction = {
       updatedData: updatedData.getObject(),
       editType: 'split',
       editContext: {
-        featureIndexes: [featureIndex],
-      },
+        featureIndexes: [featureIndex]
+      }
     };
 
     return editAction;

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

@@ -1,12 +1,16 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import {
   ClickEvent,
   PointerMoveEvent,
   ModeProps,
   GuideFeatureCollection,
-  TentativeFeature,
+  TentativeFeature
 } from './types';
-import { Position, Polygon, FeatureOf, FeatureCollection } from '../geojson-types';
-import { GeoJsonEditMode } from './geojson-edit-mode';
+import {Position, Polygon, FeatureOf, FeatureCollection} from '../utils/geojson-types';
+import {GeoJsonEditMode} from './geojson-edit-mode';
 
 export class ThreeClickPolygonMode extends GeoJsonEditMode {
   handleClick(event: ClickEvent, props: ModeProps<FeatureCollection>) {
@@ -29,12 +33,12 @@ export class ThreeClickPolygonMode extends GeoJsonEditMode {
   }
 
   getGuides(props: ModeProps<FeatureCollection>): GuideFeatureCollection {
-    const { lastPointerMoveEvent, modeConfig } = props;
+    const {lastPointerMoveEvent, modeConfig} = props;
     const clickSequence = this.getClickSequence();
 
     const guides: GuideFeatureCollection = {
       type: 'FeatureCollection',
-      features: [],
+      features: []
     };
 
     if (clickSequence.length === 0) {
@@ -48,12 +52,12 @@ export class ThreeClickPolygonMode extends GeoJsonEditMode {
       guides.features.push({
         type: 'Feature',
         properties: {
-          guideType: 'tentative',
+          guideType: 'tentative'
         },
         geometry: {
           type: 'LineString',
-          coordinates: [clickSequence[0], hoveredCoord],
-        },
+          coordinates: [clickSequence[0], hoveredCoord]
+        }
       });
     } else {
       const polygon = this.getThreeClickPolygon(
@@ -66,9 +70,9 @@ export class ThreeClickPolygonMode extends GeoJsonEditMode {
         guides.features.push({
           type: 'Feature',
           properties: {
-            guideType: 'tentative',
+            guideType: 'tentative'
           },
-          geometry: polygon.geometry,
+          geometry: polygon.geometry
         });
       }
     }
@@ -91,7 +95,7 @@ export class ThreeClickPolygonMode extends GeoJsonEditMode {
   }
 
   createTentativeFeature(props: ModeProps<FeatureCollection>): TentativeFeature {
-    const { lastPointerMoveEvent } = props;
+    const {lastPointerMoveEvent} = props;
     const clickSequence = this.getClickSequence();
 
     const lastCoords = lastPointerMoveEvent ? [lastPointerMoveEvent.mapCoords] : [];

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

@@ -1,12 +1,16 @@
-import { featureCollection } from '@turf/helpers';
-import { PointerMoveEvent, ModeProps, StartDraggingEvent } from './types';
-import { FeatureCollection } from '../geojson-types';
-import { TranslateMode } from './translate-mode';
-import { ScaleMode } from './scale-mode';
-import { RotateMode } from './rotate-mode';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 
-import { CompositeMode } from './composite-mode';
-import { GeoJsonEditMode } from './geojson-edit-mode';
+import {featureCollection} from '@turf/helpers';
+import {PointerMoveEvent, ModeProps, StartDraggingEvent} from './types';
+import {FeatureCollection} from '../utils/geojson-types';
+import {TranslateMode} from './translate-mode';
+import {ScaleMode} from './scale-mode';
+import {RotateMode} from './rotate-mode';
+
+import {CompositeMode} from './composite-mode';
+import {GeoJsonEditMode} from './geojson-edit-mode';
 
 export class TransformMode extends CompositeMode {
   constructor() {
@@ -19,7 +23,7 @@ export class TransformMode extends CompositeMode {
       ...props,
       onUpdateCursor: (cursor) => {
         updatedCursor = cursor || updatedCursor;
-      },
+      }
     });
     props.onUpdateCursor(updatedCursor);
   }
@@ -45,7 +49,7 @@ export class TransformMode extends CompositeMode {
     });
 
     if (scaleMode instanceof ScaleMode && !scaleMode.isEditHandleSelected()) {
-      filteredModes.push(translateMode!);
+      filteredModes.push(translateMode);
     }
 
     filteredModes.filter(Boolean).forEach((mode) => mode.handleStartDragging(event, props));
@@ -57,7 +61,7 @@ export class TransformMode extends CompositeMode {
 
     if (rotateMode instanceof RotateMode) {
       const nonEnvelopeGuides = compositeGuides.features.filter((guide) => {
-        const { editHandleType, mode } = (guide.properties as any) || {};
+        const {editHandleType, mode} = (guide.properties as any) || {};
         // Both scale and rotate modes have the same enveloping box as a guide - only need one
         const guidesToFilterOut = [mode];
         // Do not render scaling edit handles if rotating

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

@@ -1,20 +1,24 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 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 {point, Feature as TurfFeature, Geometry as TurfGeometry} from '@turf/helpers';
 import WebMercatorViewport from 'viewport-mercator-project';
-import { FeatureCollection, Position, Geometry } from '../geojson-types';
+import {FeatureCollection, Position, Geometry} from '../utils/geojson-types';
 import {
   PointerMoveEvent,
   StartDraggingEvent,
   StopDraggingEvent,
   DraggingEvent,
-  ModeProps,
+  ModeProps
 } from './types';
-import { mapCoords } from './utils';
-import { translateFromCenter } from '../translateFromCenter';
-import { GeoJsonEditMode, GeoJsonEditAction } from './geojson-edit-mode';
-import { ImmutableFeatureCollection } from './immutable-feature-collection';
+import {mapCoords} from './utils';
+import {translateFromCenter} from '../utils/translate-from-center';
+import {GeoJsonEditMode, GeoJsonEditAction} from './geojson-edit-mode';
+import {ImmutableFeatureCollection} from './immutable-feature-collection';
 
 export class TranslateMode extends GeoJsonEditMode {
   _geometryBeforeTranslate: FeatureCollection | null | undefined;
@@ -98,7 +102,7 @@ export class TranslateMode extends GeoJsonEditMode {
     let updatedData = new ImmutableFeatureCollection(props.data);
     const selectedIndexes = props.selectedIndexes;
 
-    const { viewport: viewportDesc, screenSpace } = props.modeConfig || {};
+    const {viewport: viewportDesc, screenSpace} = props.modeConfig || {};
 
     // move features without adapting to mercator projection
     if (viewportDesc && screenSpace) {
@@ -128,7 +132,7 @@ export class TranslateMode extends GeoJsonEditMode {
           // @ts-expect-error turf types
           updatedData = updatedData.replaceGeometry(selectedIndex, {
             type: feature.geometry.type,
-            coordinates,
+            coordinates
           });
         }
       }
@@ -154,8 +158,8 @@ export class TranslateMode extends GeoJsonEditMode {
       updatedData: updatedData.getObject(),
       editType,
       editContext: {
-        featureIndexes: selectedIndexes,
-      },
+        featureIndexes: selectedIndexes
+      }
     };
   }
 }

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

@@ -1,3 +1,7 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import {
   ClickEvent,
   StartDraggingEvent,
@@ -5,10 +9,10 @@ import {
   PointerMoveEvent,
   ModeProps,
   GuideFeatureCollection,
-  TentativeFeature,
+  TentativeFeature
 } from './types';
-import { Polygon, FeatureCollection, FeatureOf, Position } from '../geojson-types';
-import { GeoJsonEditMode } from './geojson-edit-mode';
+import {Polygon, FeatureCollection, FeatureOf, Position} from '../utils/geojson-types';
+import {GeoJsonEditMode} from './geojson-edit-mode';
 
 export class TwoClickPolygonMode extends GeoJsonEditMode {
   handleClick(event: ClickEvent, props: ModeProps<FeatureCollection>) {
@@ -54,12 +58,12 @@ export class TwoClickPolygonMode extends GeoJsonEditMode {
       const feature: FeatureOf<Polygon> = {
         type: 'Feature',
         properties: {
-          shape: tentativeFeature.properties.shape,
+          shape: tentativeFeature.properties.shape
         },
         geometry: {
           type: 'Polygon',
-          coordinates: tentativeFeature.geometry.coordinates,
-        },
+          coordinates: tentativeFeature.geometry.coordinates
+        }
       };
       const editAction = this.getAddFeatureOrBooleanPolygonAction(feature, props);
 
@@ -72,12 +76,12 @@ export class TwoClickPolygonMode extends GeoJsonEditMode {
   }
 
   getGuides(props: ModeProps<FeatureCollection>): GuideFeatureCollection {
-    const { lastPointerMoveEvent, modeConfig } = props;
+    const {lastPointerMoveEvent, modeConfig} = props;
     const clickSequence = this.getClickSequence();
 
     const guides: GuideFeatureCollection = {
       type: 'FeatureCollection',
-      features: [],
+      features: []
     };
 
     if (clickSequence.length === 0 || !lastPointerMoveEvent) {
@@ -94,9 +98,9 @@ export class TwoClickPolygonMode extends GeoJsonEditMode {
         type: 'Feature',
         properties: {
           shape: polygon.properties && polygon.properties.shape,
-          guideType: 'tentative',
+          guideType: 'tentative'
         },
-        geometry: polygon.geometry,
+        geometry: polygon.geometry
       });
     }
 
@@ -117,7 +121,7 @@ export class TwoClickPolygonMode extends GeoJsonEditMode {
   }
 
   createTentativeFeature(props: ModeProps<FeatureCollection>): TentativeFeature {
-    const { lastPointerMoveEvent } = props;
+    const {lastPointerMoveEvent} = props;
     const clickSequence = this.getClickSequence();
 
     const lastCoords = lastPointerMoveEvent ? [lastPointerMoveEvent.mapCoords] : [];

package/src/edit-modes/types.ts

@@ -1,4 +1,8 @@
-import { Position, Point, Geometry, FeatureWithProps } from '../geojson-types';
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {Position, Point, Geometry, FeatureWithProps} from '../utils/geojson-types';
 
 export type ScreenCoordinates = [number, number];
 

package/src/edit-modes/utils.ts

@@ -1,11 +1,17 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+/* eslint-disable no-shadow */
+
 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 { getCoords } from '@turf/invariant';
+import {flattenEach} from '@turf/meta';
+import {point, MultiLineString} from '@turf/helpers';
+import {getCoords} from '@turf/invariant';
 import WebMercatorViewport from 'viewport-mercator-project';
-import { Viewport, Pick, EditHandleFeature, EditHandleType } from './types';
+import {Viewport, Pick, EditHandleFeature, EditHandleType} from './types';
 import {
   Geometry,
   Position,
@@ -14,10 +20,10 @@ import {
   Polygon,
   FeatureOf,
   FeatureWithProps,
-  AnyCoordinates,
-} from '../geojson-types';
+  AnyCoordinates
+} from '../utils/geojson-types';
 
-export type NearestPointType = FeatureWithProps<Point, { dist: number; index: number }>;
+export type NearestPointType = FeatureWithProps<Point, {dist: number; index: number}>;
 
 export function toDeckColor(
   color?: [number, number, number, number] | number,
@@ -78,7 +84,7 @@ export function generatePointsParallelToLinePoints(
 ): Position[] {
   const lineString: LineString = {
     type: 'LineString',
-    coordinates: [p1, p2],
+    coordinates: [p1, p2]
   };
   const pt = point(mapCoords);
   const ddistance = pointToLineDistance(pt, lineString);
@@ -150,12 +156,12 @@ export function nearestPointOnProjectedLine(
       minPointInfo = {
         index,
         x0: (B * (B * x - A * y) - A * C) / div,
-        y0: (A * (-B * x + A * y) - B * C) / div,
+        y0: (A * (-B * x + A * y) - B * C) / div
       };
     }
   });
-  // @ts-ignore
-  const { index, x0, y0 } = minPointInfo;
+  // @ts-expect-error TODO
+  const {index, x0, y0} = minPointInfo;
   const [x1, y1, z1 = 0] = projectedCoords[index - 1];
   const [x2, y2, z2 = 0] = projectedCoords[index];
 
@@ -169,14 +175,13 @@ export function nearestPointOnProjectedLine(
     type: 'Feature',
     geometry: {
       type: 'Point',
-      // @ts-expect-error
-      coordinates: wmViewport.unproject([x0, y0, z0]),
+      coordinates: wmViewport.unproject([x0, y0, z0])
     },
     properties: {
       // TODO: calculate the distance in proper units
       dist: minDistance,
-      index: index - 1,
-    },
+      index: index - 1
+    }
   };
 }
 
@@ -191,18 +196,18 @@ export function nearestPointOnLine<G extends LineString | MultiLineString>(
     mercator = new WebMercatorViewport(viewport);
   }
   let closestPoint: any = point([Infinity, Infinity], {
-    dist: Infinity,
+    dist: Infinity
   });
 
   if (!lines.geometry?.coordinates.length || lines.geometry?.coordinates.length < 2) {
     return closestPoint;
   }
 
-  // @ts-ignore
+  // @ts-expect-error TODO
   // eslint-disable-next-line max-statements, complexity
   flattenEach(lines, (line: any) => {
     const coords: any = getCoords(line);
-    // @ts-ignore
+    // @ts-expect-error TODO
     const pointCoords: any = getCoords(inPoint);
 
     let minDist;
@@ -293,7 +298,7 @@ export function nearestPointOnLine<G extends LineString | MultiLineString>(
     }
 
     // index needs to be -1 because we have to account for the shift from initial backscan
-    let snapPoint = { x, y, idx: segmentIdx - 1, to, from };
+    let snapPoint = {x, y, idx: segmentIdx - 1, to, from};
 
     if (mercator) {
       const pixelToLatLong = mercator.unproject([snapPoint.x, snapPoint.y]);
@@ -302,13 +307,13 @@ export function nearestPointOnLine<G extends LineString | MultiLineString>(
         y: pixelToLatLong[1],
         idx: segmentIdx - 1,
         to,
-        from,
+        from
       };
     }
 
     closestPoint = point([snapPoint.x, snapPoint.y], {
       dist: Math.abs(snapPoint.from - snapPoint.to),
-      index: snapPoint.idx,
+      index: snapPoint.idx
     });
   });
 
@@ -338,7 +343,7 @@ export function getPickedExistingEditHandle(
 ): EditHandleFeature | null | undefined {
   const handles = getPickedEditHandles(picks);
   return handles.find(
-    ({ properties }) => properties.featureIndex >= 0 && properties.editHandleType === 'existing'
+    ({properties}) => properties.featureIndex >= 0 && properties.editHandleType === 'existing'
   );
 }
 
@@ -347,7 +352,7 @@ export function getPickedIntermediateEditHandle(
 ): EditHandleFeature | null | undefined {
   const handles = getPickedEditHandles(picks);
   return handles.find(
-    ({ properties }) => properties.featureIndex >= 0 && properties.editHandleType === 'intermediate'
+    ({properties}) => properties.featureIndex >= 0 && properties.editHandleType === 'intermediate'
   );
 }
 
@@ -379,13 +384,13 @@ export function getEditHandlesForGeometry(
             guideType: 'editHandle',
             editHandleType,
             positionIndexes: [],
-            featureIndex,
+            featureIndex
           },
           geometry: {
             type: 'Point',
-            coordinates: geometry.coordinates,
-          },
-        },
+            coordinates: geometry.coordinates
+          }
+        }
       ];
       break;
     case 'MultiPoint':
@@ -449,12 +454,12 @@ function getEditHandlesForCoordinates(
         guideType: 'editHandle',
         positionIndexes: [...positionIndexPrefix, i],
         featureIndex,
-        editHandleType,
+        editHandleType
       },
       geometry: {
         type: 'Point',
-        coordinates: position,
-      },
+        coordinates: position
+      }
     });
   }
   return editHandles;