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

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)) {

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

@@ -1,3 +1,7 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import turfUnion from '@turf/union';
 import turfDifference from '@turf/difference';
 import turfIntersect from '@turf/intersect';
@@ -14,18 +18,18 @@ import {
   Tooltip,
   ModeProps,
   GuideFeatureCollection,
-  TentativeFeature,
+  TentativeFeature
 } from './types';
-import { FeatureCollection, Feature, Polygon, Geometry, Position } from '../geojson-types';
-import { getPickedEditHandles, getNonGuidePicks } from './utils';
-import { EditMode } from './edit-mode';
-import { ImmutableFeatureCollection } from './immutable-feature-collection';
+import {FeatureCollection, Feature, Polygon, Geometry, Position} from '../utils/geojson-types';
+import {getPickedEditHandles, getNonGuidePicks} from './utils';
+import {EditMode} from './edit-mode';
+import {ImmutableFeatureCollection} from './immutable-feature-collection';
 
 export type GeoJsonEditAction = EditAction<FeatureCollection>;
 
 const DEFAULT_GUIDES: GuideFeatureCollection = {
   type: 'FeatureCollection',
-  features: [],
+  features: []
 };
 const DEFAULT_TOOLTIPS: Tooltip[] = [];
 
@@ -63,11 +67,11 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
   }
 
   getSelectedFeaturesAsFeatureCollection(props: ModeProps<FeatureCollection>): FeatureCollection {
-    const { features } = props.data;
+    const {features} = props.data;
     const selectedFeatures = props.selectedIndexes.map((selectedIndex) => features[selectedIndex]);
     return {
       type: 'FeatureCollection',
-      features: selectedFeatures,
+      features: selectedFeatures
     };
   }
 
@@ -75,7 +79,7 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
     return this._clickSequence;
   }
 
-  addClickSequence({ mapCoords }: ClickEvent): void {
+  addClickSequence({mapCoords}: ClickEvent): void {
     this._clickSequence.push(mapCoords);
   }
 
@@ -92,16 +96,16 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
 
   isSelectionPicked(picks: Pick[], props: ModeProps<FeatureCollection>): boolean {
     if (!picks.length) return false;
-    const pickedFeatures = getNonGuidePicks(picks).map(({ index }) => index);
+    const pickedFeatures = getNonGuidePicks(picks).map(({index}) => index);
     const pickedHandles = getPickedEditHandles(picks).map(
-      ({ properties }) => properties.featureIndex
+      ({properties}) => properties.featureIndex
     );
     const pickedIndexes = new Set([...pickedFeatures, ...pickedHandles]);
     return props.selectedIndexes.some((index) => pickedIndexes.has(index));
   }
 
   rewindPolygon(feature: Feature): Feature {
-    const { geometry } = feature;
+    const {geometry} = feature;
 
     const isPolygonal = geometry.type === 'Polygon' || geometry.type === 'MultiPolygon';
     if (isPolygonal) {
@@ -123,10 +127,10 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
       featureOrGeometryAsAny.type === 'Feature'
         ? featureOrGeometryAsAny
         : {
-          type: 'Feature',
-          properties: {},
-          geometry: featureOrGeometryAsAny,
-        };
+            type: 'Feature',
+            properties: {},
+            geometry: featureOrGeometryAsAny
+          };
 
     const rewindFeature = this.rewindPolygon(feature);
     const updatedData = new ImmutableFeatureCollection(features)
@@ -137,25 +141,25 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
       updatedData,
       editType: 'addFeature',
       editContext: {
-        featureIndexes: [updatedData.features.length - 1],
-      },
+        featureIndexes: [updatedData.features.length - 1]
+      }
     };
   }
 
   getAddManyFeaturesAction(
-    { features: featuresToAdd }: FeatureCollection,
+    {features: featuresToAdd}: FeatureCollection,
     features: FeatureCollection
   ): GeoJsonEditAction {
     let updatedData = new ImmutableFeatureCollection(features);
     const initialIndex = updatedData.getObject().features.length;
     const updatedIndexes: number[] = [];
     for (const feature of featuresToAdd) {
-      const { properties, geometry } = feature;
+      const {properties, geometry} = feature;
       const geometryAsAny: any = geometry;
       updatedData = updatedData.addFeature({
         type: 'Feature',
         properties,
-        geometry: geometryAsAny,
+        geometry: geometryAsAny
       });
       updatedIndexes.push(initialIndex + updatedIndexes.length);
     }
@@ -164,8 +168,8 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
       updatedData: updatedData.getObject(),
       editType: 'addFeature',
       editContext: {
-        featureIndexes: updatedIndexes,
-      },
+        featureIndexes: updatedIndexes
+      }
     };
   }
 
@@ -176,7 +180,7 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
     const featureOrGeometryAsAny: any = featureOrGeometry;
 
     const selectedFeature = this.getSelectedFeature(props);
-    const { modeConfig } = props;
+    const {modeConfig} = props;
     if (modeConfig && modeConfig.booleanOperation) {
       if (
         !selectedFeature ||
@@ -194,9 +198,9 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
         featureOrGeometryAsAny.type === 'Feature'
           ? featureOrGeometryAsAny
           : {
-            type: 'Feature',
-            geometry: featureOrGeometryAsAny,
-          };
+              type: 'Feature',
+              geometry: featureOrGeometryAsAny
+            };
 
       let updatedGeometry;
       if (modeConfig.booleanOperation === 'union') {
@@ -230,8 +234,8 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
         updatedData,
         editType: 'unionGeometry',
         editContext: {
-          featureIndexes: [featureIndex],
-        },
+          featureIndexes: [featureIndex]
+        }
       };
 
       return editAction;
@@ -251,8 +255,8 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
         updatedData: props.data,
         editType: 'updateTentativeFeature',
         editContext: {
-          feature: tentativeFeature,
-        },
+          feature: tentativeFeature
+        }
       });
     }
   }
@@ -267,7 +271,7 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
         // Because the new drawing feature is dropped, so the data will keep as the same.
         updatedData: props.data,
         editType: 'cancelFeature',
-        editContext: {},
+        editContext: {}
       });
     }
   }
@@ -276,7 +280,7 @@ export class GeoJsonEditMode implements EditMode<FeatureCollection, GuideFeature
 export function getIntermediatePosition(position1: Position, position2: Position): Position {
   const intermediatePosition: Position = [
     (position1[0] + position2[0]) / 2.0,
-    (position1[1] + position2[1]) / 2.0,
+    (position1[1] + position2[1]) / 2.0
   ];
 
   return intermediatePosition;

package/src/edit-modes/immutable-feature-collection.ts

@@ -1,3 +1,7 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
 import {
   Feature,
   FeatureCollection,
@@ -6,8 +10,8 @@ import {
   MultiLineString,
   MultiPolygon,
   Position,
-  PolygonCoordinates,
-} from '../geojson-types';
+  PolygonCoordinates
+} from '../utils/geojson-types';
 
 export class ImmutableFeatureCollection {
   featureCollection: FeatureCollection;
@@ -45,7 +49,7 @@ export class ImmutableFeatureCollection {
         positionIndexes,
         updatedPosition,
         isPolygonal
-      ),
+      )
     };
 
     return this.replaceGeometry(featureIndex, updatedGeometry);
@@ -59,7 +63,9 @@ export class ImmutableFeatureCollection {
    * @param positionIndexes An array containing the indexes of the postion to remove
    *
    * @returns A new `ImmutableFeatureCollection` with the given coordinate removed. Does not modify this `ImmutableFeatureCollection`.
+   *
    */
+  // eslint-disable-next-line complexity
   removePosition(
     featureIndex: number,
     positionIndexes: number[] | null | undefined
@@ -67,19 +73,19 @@ export class ImmutableFeatureCollection {
     const geometry = this.featureCollection.features[featureIndex].geometry;
 
     if (geometry.type === 'Point') {
-      throw Error('Can\'t remove a position from a Point or there\'d be nothing left');
+      throw Error("Can't remove a position from a Point or there'd be nothing left");
     }
     if (
       geometry.type === 'MultiPoint' && // only 1 point left
       geometry.coordinates.length < 2
     ) {
-      throw Error('Can\'t remove the last point of a MultiPoint or there\'d be nothing left');
+      throw Error("Can't remove the last point of a MultiPoint or there'd be nothing left");
     }
     if (
       geometry.type === 'LineString' && // only 2 positions
       geometry.coordinates.length < 3
     ) {
-      throw Error('Can\'t remove position. LineString must have at least two positions');
+      throw Error("Can't remove position. LineString must have at least two positions");
     }
     if (
       geometry.type === 'Polygon' && // outer ring is a triangle
@@ -87,14 +93,14 @@ export class ImmutableFeatureCollection {
       Array.isArray(positionIndexes) && // trying to remove from outer ring
       positionIndexes[0] === 0
     ) {
-      throw Error('Can\'t remove position. Polygon\'s outer ring must have at least four positions');
+      throw Error("Can't remove position. Polygon's outer ring must have at least four positions");
     }
     if (
       geometry.type === 'MultiLineString' && // only 1 LineString left
       geometry.coordinates.length === 1 && // only 2 positions
       geometry.coordinates[0].length < 3
     ) {
-      throw Error('Can\'t remove position. MultiLineString must have at least two positions');
+      throw Error("Can't remove position. MultiLineString must have at least two positions");
     }
     if (
       geometry.type === 'MultiPolygon' && // only 1 polygon left
@@ -105,14 +111,14 @@ export class ImmutableFeatureCollection {
       positionIndexes[1] === 0
     ) {
       throw Error(
-        'Can\'t remove position. MultiPolygon\'s outer ring must have at least four positions'
+        "Can't remove position. MultiPolygon's outer ring must have at least four positions"
       );
     }
 
     const isPolygonal = geometry.type === 'Polygon' || geometry.type === 'MultiPolygon';
     const updatedGeometry: any = {
       ...geometry,
-      coordinates: immutablyRemovePosition(geometry.coordinates, positionIndexes, isPolygonal),
+      coordinates: immutablyRemovePosition(geometry.coordinates, positionIndexes, isPolygonal)
     };
 
     // Handle cases where incomplete geometries need pruned (e.g. holes that were triangles)
@@ -150,7 +156,7 @@ export class ImmutableFeatureCollection {
         positionIndexes,
         positionToAdd,
         isPolygonal
-      ),
+      )
     };
 
     return this.replaceGeometry(featureIndex, updatedGeometry);
@@ -159,7 +165,7 @@ export class ImmutableFeatureCollection {
   replaceGeometry(featureIndex: number, geometry: Geometry): ImmutableFeatureCollection {
     const updatedFeature: any = {
       ...this.featureCollection.features[featureIndex],
-      geometry,
+      geometry
     };
 
     const updatedFeatureCollection = {
@@ -167,8 +173,8 @@ export class ImmutableFeatureCollection {
       features: [
         ...this.featureCollection.features.slice(0, featureIndex),
         updatedFeature,
-        ...this.featureCollection.features.slice(featureIndex + 1),
-      ],
+        ...this.featureCollection.features.slice(featureIndex + 1)
+      ]
     };
 
     return new ImmutableFeatureCollection(updatedFeatureCollection);
@@ -181,7 +187,7 @@ export class ImmutableFeatureCollection {
   addFeatures(features: Feature[]): ImmutableFeatureCollection {
     const updatedFeatureCollection = {
       ...this.featureCollection,
-      features: [...this.featureCollection.features, ...features],
+      features: [...this.featureCollection.features, ...features]
     };
 
     return new ImmutableFeatureCollection(updatedFeatureCollection);
@@ -203,7 +209,7 @@ export class ImmutableFeatureCollection {
 
     const updatedFeatureCollection = {
       ...this.featureCollection,
-      features,
+      features
     };
 
     return new ImmutableFeatureCollection(updatedFeatureCollection);
@@ -237,7 +243,7 @@ function immutablyReplacePosition(
     const updated = [
       ...coordinates.slice(0, positionIndexes[0]),
       getUpdatedPosition(updatedPosition, coordinates[positionIndexes[0]]),
-      ...coordinates.slice(positionIndexes[0] + 1),
+      ...coordinates.slice(positionIndexes[0] + 1)
     ];
 
     if (
@@ -261,7 +267,7 @@ function immutablyReplacePosition(
       updatedPosition,
       isPolygonal
     ),
-    ...coordinates.slice(positionIndexes[0] + 1),
+    ...coordinates.slice(positionIndexes[0] + 1)
   ];
 }
 
@@ -279,7 +285,7 @@ function immutablyRemovePosition(
   if (positionIndexes.length === 1) {
     const updated = [
       ...coordinates.slice(0, positionIndexes[0]),
-      ...coordinates.slice(positionIndexes[0] + 1),
+      ...coordinates.slice(positionIndexes[0] + 1)
     ];
 
     if (
@@ -307,7 +313,7 @@ function immutablyRemovePosition(
       positionIndexes.slice(1, positionIndexes.length),
       isPolygonal
     ),
-    ...coordinates.slice(positionIndexes[0] + 1),
+    ...coordinates.slice(positionIndexes[0] + 1)
   ];
 }
 
@@ -327,7 +333,7 @@ function immutablyAddPosition(
     const updated = [
       ...coordinates.slice(0, positionIndexes[0]),
       positionToAdd,
-      ...coordinates.slice(positionIndexes[0]),
+      ...coordinates.slice(positionIndexes[0])
     ];
     return updated;
   }
@@ -341,7 +347,7 @@ function immutablyAddPosition(
       positionToAdd,
       isPolygonal
     ),
-    ...coordinates.slice(positionIndexes[0] + 1),
+    ...coordinates.slice(positionIndexes[0] + 1)
   ];
 }