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

package/dist/edit-modes/split-polygon-mode.js

@@ -1,3 +1,6 @@
+// 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';
@@ -40,7 +43,7 @@ export class SplitPolygonMode extends GeoJsonEditMode {
                 const lastBearing = turfBearing(firstPoint, closestPoint);
                 const currentDistance = turfDistance(firstPoint, mapCoords, { units: 'meters' });
                 return turfDestination(firstPoint, currentDistance, lastBearing, {
-                    units: 'meters',
+                    units: 'meters'
                 }).geometry.coordinates;
             }
             return mapCoords;
@@ -57,7 +60,7 @@ export class SplitPolygonMode extends GeoJsonEditMode {
         const clickSequence = this.getClickSequence();
         const guides = {
             type: 'FeatureCollection',
-            features: [],
+            features: []
         };
         if (clickSequence.length === 0 || !props.lastPointerMoveEvent) {
             // nothing to do yet
@@ -67,12 +70,12 @@ export class SplitPolygonMode extends GeoJsonEditMode {
         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;
     }
@@ -93,7 +96,7 @@ export class SplitPolygonMode extends GeoJsonEditMode {
         }
         const pt = {
             type: 'Point',
-            coordinates: clickSequence[clickSequence.length - 1],
+            coordinates: clickSequence[clickSequence.length - 1]
         };
         // @ts-expect-error turf types diff
         const isPointInPolygon = booleanPointInPolygon(pt, selectedGeometry);
@@ -150,14 +153,14 @@ 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 = {
             updatedData: updatedData.getObject(),
             editType: 'split',
             editContext: {
-                featureIndexes: [featureIndex],
-            },
+                featureIndexes: [featureIndex]
+            }
         };
         return editAction;
     }

package/dist/edit-modes/three-click-polygon-mode.d.ts

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

package/dist/edit-modes/three-click-polygon-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 ThreeClickPolygonMode extends GeoJsonEditMode {
     handleClick(event, props) {
@@ -19,7 +22,7 @@ export class ThreeClickPolygonMode extends GeoJsonEditMode {
         const clickSequence = this.getClickSequence();
         const guides = {
             type: 'FeatureCollection',
-            features: [],
+            features: []
         };
         if (clickSequence.length === 0) {
             // nothing to do yet
@@ -30,12 +33,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 {
@@ -44,9 +47,9 @@ export class ThreeClickPolygonMode extends GeoJsonEditMode {
                 guides.features.push({
                     type: 'Feature',
                     properties: {
-                        guideType: 'tentative',
+                        guideType: 'tentative'
                     },
-                    geometry: polygon.geometry,
+                    geometry: polygon.geometry
                 });
             }
         }

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

@@ -1,5 +1,5 @@
 import { PointerMoveEvent, ModeProps, StartDraggingEvent } from './types';
-import { FeatureCollection } from '../geojson-types';
+import { FeatureCollection } from '../utils/geojson-types';
 import { CompositeMode } from './composite-mode';
 export declare class TransformMode extends CompositeMode {
     constructor();

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

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import { featureCollection } from '@turf/helpers';
 import { TranslateMode } from './translate-mode';
 import { ScaleMode } from './scale-mode';
@@ -13,7 +16,7 @@ export class TransformMode extends CompositeMode {
             ...props,
             onUpdateCursor: (cursor) => {
                 updatedCursor = cursor || updatedCursor;
-            },
+            }
         });
         props.onUpdateCursor(updatedCursor);
     }

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

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

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

@@ -1,10 +1,13 @@
+// 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 } from '@turf/helpers';
 import WebMercatorViewport from 'viewport-mercator-project';
 import { mapCoords } from './utils';
-import { translateFromCenter } from '../translateFromCenter';
+import { translateFromCenter } from '../utils/translate-from-center';
 import { GeoJsonEditMode } from './geojson-edit-mode';
 import { ImmutableFeatureCollection } from './immutable-feature-collection';
 export class TranslateMode extends GeoJsonEditMode {
@@ -85,7 +88,7 @@ export class TranslateMode extends GeoJsonEditMode {
                     // @ts-expect-error turf types
                     updatedData = updatedData.replaceGeometry(selectedIndex, {
                         type: feature.geometry.type,
-                        coordinates,
+                        coordinates
                     });
                 }
             }
@@ -106,8 +109,8 @@ export class TranslateMode extends GeoJsonEditMode {
             updatedData: updatedData.getObject(),
             editType,
             editContext: {
-                featureIndexes: selectedIndexes,
-            },
+                featureIndexes: selectedIndexes
+            }
         };
     }
 }

package/dist/edit-modes/two-click-polygon-mode.d.ts

@@ -1,5 +1,5 @@
 import { ClickEvent, StartDraggingEvent, StopDraggingEvent, PointerMoveEvent, ModeProps, GuideFeatureCollection, TentativeFeature } from './types';
-import { Polygon, FeatureCollection, FeatureOf, Position } from '../geojson-types';
+import { Polygon, FeatureCollection, FeatureOf, Position } from '../utils/geojson-types';
 import { GeoJsonEditMode } from './geojson-edit-mode';
 export declare class TwoClickPolygonMode extends GeoJsonEditMode {
     handleClick(event: ClickEvent, props: ModeProps<FeatureCollection>): void;

package/dist/edit-modes/two-click-polygon-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 TwoClickPolygonMode extends GeoJsonEditMode {
     handleClick(event, props) {
@@ -33,12 +36,12 @@ export class TwoClickPolygonMode extends GeoJsonEditMode {
             const feature = {
                 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);
             this.resetClickSequence();
@@ -52,7 +55,7 @@ export class TwoClickPolygonMode extends GeoJsonEditMode {
         const clickSequence = this.getClickSequence();
         const guides = {
             type: 'FeatureCollection',
-            features: [],
+            features: []
         };
         if (clickSequence.length === 0 || !lastPointerMoveEvent) {
             // nothing to do yet
@@ -66,9 +69,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
             });
         }
         return guides;

package/dist/edit-modes/types.d.ts

@@ -1,4 +1,4 @@
-import { Position, Point, Geometry, FeatureWithProps } from '../geojson-types';
+import { Position, Point, Geometry, FeatureWithProps } from '../utils/geojson-types';
 export type ScreenCoordinates = [number, number];
 export type EditAction<TData> = {
     updatedData: TData;

package/dist/edit-modes/types.js

@@ -1 +1,4 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 export {};

package/dist/edit-modes/utils.d.ts

@@ -1,6 +1,6 @@
 import { MultiLineString } from '@turf/helpers';
 import { Viewport, Pick, EditHandleFeature, EditHandleType } from './types';
-import { Geometry, Position, Point, LineString, Polygon, FeatureOf, FeatureWithProps, AnyCoordinates } from '../geojson-types';
+import { Geometry, Position, Point, LineString, Polygon, FeatureOf, FeatureWithProps, AnyCoordinates } from '../utils/geojson-types';
 export type NearestPointType = FeatureWithProps<Point, {
     dist: number;
     index: number;

package/dist/edit-modes/utils.js

@@ -1,3 +1,6 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import destination from '@turf/destination';
 import bearing from '@turf/bearing';
 import pointToLineDistance from '@turf/point-to-line-distance';
@@ -51,7 +54,7 @@ export function recursivelyTraverseNestedArrays(array, prefix, fn) {
 export function generatePointsParallelToLinePoints(p1, p2, mapCoords) {
     const lineString = {
         type: 'LineString',
-        coordinates: [p1, p2],
+        coordinates: [p1, p2]
     };
     const pt = point(mapCoords);
     const ddistance = pointToLineDistance(pt, lineString);
@@ -104,11 +107,11 @@ export function nearestPointOnProjectedLine(line, inPoint, viewport) {
             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
+    // @ts-expect-error TODO
     const { index, x0, y0 } = minPointInfo;
     const [x1, y1, z1 = 0] = projectedCoords[index - 1];
     const [x2, y2, z2 = 0] = projectedCoords[index];
@@ -121,14 +124,13 @@ export function nearestPointOnProjectedLine(line, inPoint, viewport) {
         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
+        }
     };
 }
 export function nearestPointOnLine(lines, inPoint, viewport) {
@@ -137,16 +139,16 @@ export function nearestPointOnLine(lines, inPoint, viewport) {
         mercator = new WebMercatorViewport(viewport);
     }
     let closestPoint = 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) => {
         const coords = getCoords(line);
-        // @ts-ignore
+        // @ts-expect-error TODO
         const pointCoords = getCoords(inPoint);
         let minDist;
         let to;
@@ -231,12 +233,12 @@ export function nearestPointOnLine(lines, inPoint, viewport) {
                 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
         });
     });
     return closestPoint;
@@ -280,13 +282,13 @@ export function getEditHandlesForGeometry(geometry, featureIndex, editHandleType
                         guideType: 'editHandle',
                         editHandleType,
                         positionIndexes: [],
-                        featureIndex,
+                        featureIndex
                     },
                     geometry: {
                         type: 'Point',
-                        coordinates: geometry.coordinates,
-                    },
-                },
+                        coordinates: geometry.coordinates
+                    }
+                }
             ];
             break;
         case 'MultiPoint':
@@ -330,12 +332,12 @@ function getEditHandlesForCoordinates(coordinates, positionIndexPrefix, featureI
                 guideType: 'editHandle',
                 positionIndexes: [...positionIndexPrefix, i],
                 featureIndex,
-                editHandleType,
+                editHandleType
             },
             geometry: {
                 type: 'Point',
-                coordinates: position,
-            },
+                coordinates: position
+            }
         });
     }
     return editHandles;

package/dist/edit-modes/view-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 ViewMode extends GeoJsonEditMode {
 }

package/dist/editable-layers/editable-geojson-layer.d.ts

@@ -2,9 +2,9 @@ import type { UpdateParameters, DefaultProps } from '@deck.gl/core';
 import { GeoJsonLayer, TextLayer } from '@deck.gl/layers';
 import { EditAction, ClickEvent, StartDraggingEvent, StopDraggingEvent, DraggingEvent, PointerMoveEvent } from '../edit-modes/types';
 import { GeoJsonEditModeType } from '../edit-modes/geojson-edit-mode';
-import { Color } from '../types';
-import EditableLayer, { EditableLayerProps } from './editable-layer';
-import { Feature, FeatureCollection } from '../geojson-types';
+import { Color } from '../utils/types';
+import { EditableLayer, EditableLayerProps } from './editable-layer';
+import { Feature, FeatureCollection } from '../utils/geojson-types';
 export type EditableGeojsonLayerProps<DataT = any> = EditableLayerProps & {
     data: DataT;
     mode?: any;
@@ -55,7 +55,7 @@ export type EditableGeojsonLayerProps<DataT = any> = EditableLayerProps & {
     getEditHandleIconAngle?: number | ((handle: any) => number);
     billboard?: boolean;
 };
-export default class EditableGeoJsonLayer extends EditableLayer<FeatureCollection, EditableGeojsonLayerProps<FeatureCollection>> {
+export declare class EditableGeoJsonLayer extends EditableLayer<FeatureCollection, EditableGeojsonLayerProps<FeatureCollection>> {
     static layerName: string;
     static defaultProps: DefaultProps<EditableGeojsonLayerProps<any>>;
     state: EditableLayer['state'] & {

package/dist/editable-layers/editable-geojson-layer.js

@@ -1,4 +1,6 @@
-/* eslint-env browser */
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import { GeoJsonLayer, ScatterplotLayer, IconLayer, TextLayer } from '@deck.gl/layers';
 import { ViewMode } from '../edit-modes/view-mode';
 import { TranslateMode } from '../edit-modes/translate-mode';
@@ -26,8 +28,8 @@ import { DrawPolygonByDraggingMode } from '../edit-modes/draw-polygon-by-draggin
 import { SnappableMode } from '../edit-modes/snappable-mode';
 import { TransformMode } from '../edit-modes/transform-mode';
 import { PROJECTED_PIXEL_SIZE_MULTIPLIER } from '../constants';
-import EditableLayer from './editable-layer';
-import EditablePathLayer from './editable-path-layer';
+import { EditableLayer } from './editable-layer';
+import { EditablePathLayer } from './editable-path-layer';
 const DEFAULT_LINE_COLOR = [0x0, 0x0, 0x0, 0x99];
 const DEFAULT_FILL_COLOR = [0x0, 0x0, 0x0, 0x90];
 const DEFAULT_SELECTED_LINE_COLOR = [0x0, 0x0, 0x0, 0xff];
@@ -135,7 +137,7 @@ const defaultProps = {
     getEditHandleIconColor: getEditHandleColor,
     getEditHandleIconAngle: 0,
     // misc
-    billboard: true,
+    billboard: true
 };
 // Mapping of mode name to mode class (for legacy purposes)
 const modeNameMapping = {
@@ -164,9 +166,9 @@ const modeNameMapping = {
     drawRectangleUsing3Points: DrawRectangleUsingThreePointsMode,
     drawEllipseUsing3Points: DrawEllipseUsingThreePointsMode,
     draw90DegreePolygon: Draw90DegreePolygonMode,
-    drawPolygonByDragging: DrawPolygonByDraggingMode,
+    drawPolygonByDragging: DrawPolygonByDraggingMode
 };
-export default class EditableGeoJsonLayer extends EditableLayer {
+export class EditableGeoJsonLayer extends EditableLayer {
     static layerName = 'EditableGeoJsonLayer';
     static defaultProps = defaultProps;
     state = undefined;
@@ -198,8 +200,8 @@ export default class EditableGeoJsonLayer extends EditableLayer {
                     billboard: this.props.billboard,
                     updateTriggers: {
                         // required to update dashed array attribute
-                        all: [this.props.selectedFeatureIndexes, this.props.mode],
-                    },
+                        all: [this.props.selectedFeatureIndexes, this.props.mode]
+                    }
                 },
                 'polygons-stroke': {
                     billboard: this.props.billboard,
@@ -207,16 +209,16 @@ export default class EditableGeoJsonLayer extends EditableLayer {
                     type: EditablePathLayer,
                     updateTriggers: {
                         // required to update dashed array attribute
-                        all: [this.props.selectedFeatureIndexes, this.props.mode],
-                    },
-                },
+                        all: [this.props.selectedFeatureIndexes, this.props.mode]
+                    }
+                }
             },
             updateTriggers: {
                 getLineColor: [this.props.selectedFeatureIndexes, this.props.mode],
                 getFillColor: [this.props.selectedFeatureIndexes, this.props.mode],
                 getPointRadius: [this.props.selectedFeatureIndexes, this.props.mode],
-                getLineWidth: [this.props.selectedFeatureIndexes, this.props.mode],
-            },
+                getLineWidth: [this.props.selectedFeatureIndexes, this.props.mode]
+            }
         });
         let layers = [new GeoJsonLayer(subLayerProps)];
         layers = layers.concat(this.createGuidesLayers(), this.createTooltipsLayers());
@@ -226,7 +228,7 @@ export default class EditableGeoJsonLayer extends EditableLayer {
         super.initializeState();
         this.setState({
             selectedFeatures: [],
-            editHandles: [],
+            editHandles: []
         });
     }
     // TODO: is this the best way to properly update state from an outside event handler?
@@ -253,7 +255,7 @@ export default class EditableGeoJsonLayer extends EditableLayer {
                     // Lookup the mode based on its name (for backwards compatibility)
                     mode = modeNameMapping[props.mode];
                     // eslint-disable-next-line no-console
-                    console.warn('Deprecated use of passing `mode` as a string. Pass the mode\'s class constructor instead.');
+                    console.warn("Deprecated use of passing `mode` as a string. Pass the mode's class constructor instead.");
                 }
                 else {
                     // Should be an instance of EditMode in this case
@@ -275,7 +277,6 @@ export default class EditableGeoJsonLayer extends EditableLayer {
             'features' in props.data) {
             // TODO: needs improved testing, i.e. checking for duplicates, NaNs, out of range numbers, ...
             const propsData = props.data;
-            // @ts-ignore error TS2339: Property 'features' does not exist on type 'never'
             selectedFeatures = props.selectedFeatureIndexes.map((elem) => propsData.features[elem]);
         }
         this.setState({ selectedFeatures });
@@ -296,7 +297,7 @@ export default class EditableGeoJsonLayer extends EditableLayer {
             },
             onUpdateCursor: (cursor) => {
                 this.setState({ cursor });
-            },
+            }
         };
     }
     selectionAwareAccessor(accessor) {
@@ -343,14 +344,14 @@ export default class EditableGeoJsonLayer extends EditableLayer {
         const subLayerProps = {
             linestrings: {
                 billboard: this.props.billboard,
-                autoHighlight: false,
+                autoHighlight: false
             },
             'polygons-fill': {
-                autoHighlight: false,
+                autoHighlight: false
             },
             'polygons-stroke': {
-                billboard: this.props.billboard,
-            },
+                billboard: this.props.billboard
+            }
         };
         if (this.props.editHandleType === 'icon') {
             subLayerProps['points-icon'] = {
@@ -363,7 +364,7 @@ export default class EditableGeoJsonLayer extends EditableLayer {
                 getSize: guideAccessor(this.props.getEditHandleIconSize),
                 getColor: guideAccessor(this.props.getEditHandleIconColor),
                 getAngle: guideAccessor(this.props.getEditHandleIconAngle),
-                billboard: this.props.billboard,
+                billboard: this.props.billboard
             };
         }
         else {
@@ -378,7 +379,7 @@ export default class EditableGeoJsonLayer extends EditableLayer {
                 getRadius: guideAccessor(this.props.getEditHandlePointRadius),
                 getFillColor: guideAccessor(this.props.getEditHandlePointColor),
                 getLineColor: guideAccessor(this.props.getEditHandlePointOutlineColor),
-                billboard: this.props.billboard,
+                billboard: this.props.billboard
             };
         }
         const layer = new GeoJsonLayer(this.getSubLayerProps({
@@ -397,7 +398,7 @@ export default class EditableGeoJsonLayer extends EditableLayer {
             getLineWidth: guideAccessor(this.props.getTentativeLineWidth),
             getFillColor: guideAccessor(this.props.getTentativeFillColor),
             pointType: this.props.editHandleType === 'icon' ? 'icon' : 'circle',
-            iconAtlas: this.props.editHandleIconAtlas,
+            iconAtlas: this.props.editHandleIconAtlas
         }));
         return [layer];
     }
@@ -408,8 +409,8 @@ export default class EditableGeoJsonLayer extends EditableLayer {
             getSize: DEFAULT_TOOLTIP_FONT_SIZE,
             ...this.getSubLayerProps({
                 id: 'tooltips',
-                data: tooltips,
-            }),
+                data: tooltips
+            })
         });
         return [layer];
     }

package/dist/editable-layers/editable-h3-cluster-layer.d.ts

@@ -1,5 +1,5 @@
 import { DefaultProps } from '@deck.gl/core';
-import EditableLayer, { EditableLayerProps } from './editable-layer';
+import { EditableLayer, EditableLayerProps } from './editable-layer';
 export type EditableH3ClusterLayerProps<DataT> = EditableLayerProps & {
     data: DataT;
     resolution?: number;
@@ -16,7 +16,7 @@ export type EditableH3ClusterLayerProps<DataT> = EditableLayerProps & {
     lineWidthMaxPixels?: number;
     lineWidthUnits?: string;
 };
-export default class EditableH3ClusterLayer extends EditableLayer<any, EditableH3ClusterLayerProps<any>> {
+export declare class EditableH3ClusterLayer extends EditableLayer<any, EditableH3ClusterLayerProps<any>> {
     static layerName: string;
     static defaultProps: DefaultProps<EditableH3ClusterLayerProps<any>>;
     state: EditableLayer['state'] & {

package/dist/editable-layers/editable-h3-cluster-layer.js

@@ -1,10 +1,13 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 /* eslint-env browser */
 import { H3ClusterLayer } from '@deck.gl/geo-layers';
 // TODO: Fix H3 support.
 // import { polyfill, geoToH3 } from 'h3-js';
 import { PROJECTED_PIXEL_SIZE_MULTIPLIER } from '../constants';
-import EditableGeoJsonLayer from './editable-geojson-layer';
-import EditableLayer from './editable-layer';
+import { EditableGeoJsonLayer } from './editable-geojson-layer';
+import { EditableLayer } from './editable-layer';
 import { ViewMode } from '../edit-modes/view-mode';
 const DEFAULT_EDIT_MODE = ViewMode;
 const DEFAULT_H3_RESOLUTION = 9;
@@ -38,7 +41,7 @@ const defaultProps = {
     },
     resolution: DEFAULT_H3_RESOLUTION
 };
-export default class EditableH3ClusterLayer extends EditableLayer {
+export class EditableH3ClusterLayer extends EditableLayer {
     static layerName = 'EditableH3ClusterLayer';
     static defaultProps = defaultProps;
     state = undefined;

package/dist/editable-layers/editable-layer.d.ts

@@ -1,11 +1,11 @@
 import { CompositeLayer, CompositeLayerProps } from '@deck.gl/core';
 import { DraggingEvent, ClickEvent, StartDraggingEvent, StopDraggingEvent, PointerMoveEvent } from '../edit-modes/types';
-import { Position } from '../geojson-types';
+import { Position } from '../utils/geojson-types';
 export type EditableLayerProps<DataType = any> = CompositeLayerProps & {
     pickingRadius?: number;
     pickingDepth?: number;
 };
-export default abstract class EditableLayer<DataT = any, ExtraPropsT = Record<string, unknown>> extends CompositeLayer<ExtraPropsT & Required<EditableLayerProps<DataT>>> {
+export declare abstract class EditableLayer<DataT = any, ExtraPropsT = Record<string, unknown>> extends CompositeLayer<ExtraPropsT & Required<EditableLayerProps<DataT>>> {
     static layerName: string;
     state: {
         _editableLayerState: any;
@@ -30,9 +30,9 @@ export default abstract class EditableLayer<DataT = any, ExtraPropsT = Record<st
     _onpanend({ srcEvent }: any): void;
     _onpointermove(event: any): void;
     getPicks(screenCoords: [number, number]): {
-        color: Uint8Array;
-        layer: import("@deck.gl/core").Layer<{}>;
-        sourceLayer?: import("@deck.gl/core").Layer<{}>;
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
         viewport?: import("@deck.gl/core").Viewport;
         index: number;
         picked: boolean;