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

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

@@ -1,7 +1,10 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 /* eslint-env browser */
 import { CompositeLayer } from '@deck.gl/core';
 const EVENT_TYPES = ['anyclick', 'pointermove', 'panstart', 'panmove', 'panend', 'keyup'];
-export default class EditableLayer extends CompositeLayer {
+export class EditableLayer extends CompositeLayer {
     static layerName = 'EditableLayer';
     state = undefined;
     // Overridable interaction event handlers
@@ -34,8 +37,8 @@ export default class EditableLayer extends CompositeLayer {
                 // Ground coordinates where the pointer went down
                 pointerDownMapCoords: null,
                 // Keep track of the mjolnir.js event handler so it can be deregistered
-                eventHandler: this._forwardEventToCurrentLayer.bind(this),
-            },
+                eventHandler: this._forwardEventToCurrentLayer.bind(this)
+            }
         });
         this._addEventHandlers();
     }
@@ -49,7 +52,7 @@ export default class EditableLayer extends CompositeLayer {
         for (const eventType of EVENT_TYPES) {
             eventManager.on(eventType, eventHandler, {
                 // give nebula a higher priority so that it can stop propagation to deck.gl's map panning handlers
-                priority: 100,
+                priority: 100
             });
         }
     }
@@ -82,7 +85,7 @@ export default class EditableLayer extends CompositeLayer {
             mapCoords,
             screenCoords,
             picks,
-            sourceEvent: srcEvent,
+            sourceEvent: srcEvent
         });
     }
     _onkeyup({ srcEvent }) {
@@ -97,8 +100,8 @@ export default class EditableLayer extends CompositeLayer {
                 ...this.state._editableLayerState,
                 pointerDownScreenCoords: screenCoords,
                 pointerDownMapCoords: mapCoords,
-                pointerDownPicks: picks,
-            },
+                pointerDownPicks: picks
+            }
         });
         this.onStartDragging({
             picks,
@@ -107,7 +110,7 @@ export default class EditableLayer extends CompositeLayer {
             pointerDownScreenCoords: screenCoords,
             pointerDownMapCoords: mapCoords,
             cancelPan: event.stopImmediatePropagation,
-            sourceEvent: event.srcEvent,
+            sourceEvent: event.srcEvent
         });
     }
     _onpanmove(event) {
@@ -124,7 +127,7 @@ export default class EditableLayer extends CompositeLayer {
             pointerDownScreenCoords,
             pointerDownMapCoords,
             sourceEvent: srcEvent,
-            cancelPan: event.stopImmediatePropagation,
+            cancelPan: event.stopImmediatePropagation
             // another (hacky) approach for cancelling map panning
             // const controller = this.context.deck.viewManager.controllers[
             //   Object.keys(this.context.deck.viewManager.controllers)[0]
@@ -144,15 +147,15 @@ export default class EditableLayer extends CompositeLayer {
             pointerDownPicks,
             pointerDownScreenCoords,
             pointerDownMapCoords,
-            sourceEvent: srcEvent,
+            sourceEvent: srcEvent
         });
         this.setState({
             _editableLayerState: {
                 ...this.state._editableLayerState,
                 pointerDownScreenCoords: null,
                 pointerDownMapCoords: null,
-                pointerDownPicks: null,
-            },
+                pointerDownPicks: null
+            }
         });
     }
     _onpointermove(event) {
@@ -169,7 +172,7 @@ export default class EditableLayer extends CompositeLayer {
             pointerDownScreenCoords,
             pointerDownMapCoords,
             sourceEvent: srcEvent,
-            cancelPan: event.stopImmediatePropagation,
+            cancelPan: event.stopImmediatePropagation
         });
     }
     getPicks(screenCoords) {
@@ -178,7 +181,7 @@ export default class EditableLayer extends CompositeLayer {
             y: screenCoords[1],
             layerIds: [this.props.id],
             radius: this.props.pickingRadius,
-            depth: this.props.pickingDepth,
+            depth: this.props.pickingDepth
         });
     }
     getScreenCoords(pointerEvent) {
@@ -186,7 +189,7 @@ export default class EditableLayer extends CompositeLayer {
             pointerEvent.clientX -
                 this.context.gl.canvas.getBoundingClientRect().left,
             pointerEvent.clientY -
-                this.context.gl.canvas.getBoundingClientRect().top,
+                this.context.gl.canvas.getBoundingClientRect().top
         ];
     }
     getMapCoords(screenCoords) {

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

@@ -2,7 +2,7 @@ import { PathLayer, PathLayerProps } from '@deck.gl/layers';
 interface EditablePathLayerProps extends PathLayerProps<any> {
     pickingLineWidthExtraPixels?: number;
 }
-export default class EditablePathLayer extends PathLayer<any, EditablePathLayerProps> {
+export declare class EditablePathLayer extends PathLayer<any, EditablePathLayerProps> {
     getShaders(): any;
     draw(props: any): void;
 }

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

@@ -1,10 +1,13 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import { PathLayer } from '@deck.gl/layers';
-import { insertBefore } from '../utils';
+import { insertBefore } from '../utils/utils';
 const defaultProps = {
     ...PathLayer.defaultProps,
-    pickingLineWidthExtraPixels: { type: 'number', min: 0, value: Number.MAX_SAFE_INTEGER },
+    pickingLineWidthExtraPixels: { type: 'number', min: 0, value: Number.MAX_SAFE_INTEGER }
 };
-export default class EditablePathLayer extends PathLayer {
+export class EditablePathLayer extends PathLayer {
     getShaders() {
         const shaders = super.getShaders();
         shaders.vs = insertBefore(shaders.vs, 'vec3 width;', `
@@ -16,8 +19,8 @@ export default class EditablePathLayer extends PathLayer {
             ...shaders,
             inject: {
                 ...(shaders.inject || {}),
-                'vs:#decl': (shaders.inject?.['vs:#decl'] || '').concat('uniform float pickingLineWidthExtraPixels;'),
-            },
+                'vs:#decl': (shaders.inject?.['vs:#decl'] || '').concat('uniform float pickingLineWidthExtraPixels;')
+            }
         };
     }
     draw(props) {
@@ -25,8 +28,8 @@ export default class EditablePathLayer extends PathLayer {
             ...props,
             uniforms: {
                 ...props.uniforms,
-                pickingLineWidthExtraPixels: this.props.pickingLineWidthExtraPixels,
-            },
+                pickingLineWidthExtraPixels: this.props.pickingLineWidthExtraPixels
+            }
         });
     }
 }

package/dist/editable-layers/elevated-edit-handle-layer.d.ts

@@ -1,6 +1,6 @@
 import { CompositeLayer } from '@deck.gl/core';
 import { ScatterplotLayer, LineLayer } from '@deck.gl/layers';
-export default class ElevatedEditHandleLayer extends CompositeLayer<any> {
+export declare class ElevatedEditHandleLayer extends CompositeLayer<any> {
     static layerName: string;
     static defaultProps: {};
     renderLayers(): (ScatterplotLayer<any, {}> | LineLayer<any, {}>)[];

package/dist/editable-layers/elevated-edit-handle-layer.js

@@ -1,14 +1,17 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 /* eslint-env browser */
 import { CompositeLayer } from '@deck.gl/core';
 import { ScatterplotLayer, LineLayer } from '@deck.gl/layers';
 const defaultProps = {};
-export default class ElevatedEditHandleLayer extends CompositeLayer {
+export class ElevatedEditHandleLayer extends CompositeLayer {
     static layerName = 'ElevatedEditHandleLayer';
     static defaultProps = defaultProps;
     renderLayers() {
         const handles = new ScatterplotLayer(Object.assign({}, this.props, {
             id: `${this.props.id}-ScatterplotLayer`,
-            data: this.props.data,
+            data: this.props.data
         }));
         const lines = new LineLayer(Object.assign({}, this.props, {
             id: `${this.props.id}-LineLayer`,
@@ -17,7 +20,7 @@ export default class ElevatedEditHandleLayer extends CompositeLayer {
             getSourcePosition: ({ position }) => [position[0], position[1], 0],
             getTargetPosition: ({ position }) => [position[0], position[1], position[2] || 0],
             getColor: [150, 150, 150, 200],
-            getStrokeWidth: 3,
+            getStrokeWidth: 3
         }));
         return [handles, lines];
     }

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

@@ -1,12 +1,12 @@
 import { CompositeLayer, CompositeLayerProps, DefaultProps } from '@deck.gl/core';
 import { ScatterplotLayer, ScatterplotLayerProps } from '@deck.gl/layers';
-import { Color } from '../types';
+import { Color } from '../utils/types';
 type JunctionScatterplotLayerProps = CompositeLayerProps & Omit<ScatterplotLayerProps, 'getFillColor'> & {
     getFillColor?: Color | ((d: any) => Color);
     getStrokeColor?: Color | ((d: any) => Color);
     getInnerRadius?: number | ((d: any) => number);
 };
-export default class JunctionScatterplotLayer extends CompositeLayer<JunctionScatterplotLayerProps> {
+export declare class JunctionScatterplotLayer extends CompositeLayer<JunctionScatterplotLayerProps> {
     static layerName: string;
     static defaultProps: DefaultProps<JunctionScatterplotLayerProps>;
     renderLayers(): ScatterplotLayer<any, {}>[];

package/dist/editable-layers/junction-scatterplot-layer.js

@@ -1,12 +1,15 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 import { CompositeLayer } from '@deck.gl/core';
 import { ScatterplotLayer } from '@deck.gl/layers';
-export default class JunctionScatterplotLayer extends CompositeLayer {
+export class JunctionScatterplotLayer extends CompositeLayer {
     static layerName = 'JunctionScatterplotLayer';
     static defaultProps = {
         ...ScatterplotLayer.defaultProps,
         getFillColor: (d) => [0, 0, 0, 255],
         getStrokeColor: (d) => [255, 255, 255, 255],
-        getInnerRadius: (d) => 1,
+        getInnerRadius: (d) => 1
     };
     renderLayers() {
         const { id, getFillColor, getStrokeColor, getInnerRadius, updateTriggers } = this.props;
@@ -20,8 +23,8 @@ export default class JunctionScatterplotLayer extends CompositeLayer {
                 getLineColor: getStrokeColor,
                 updateTriggers: {
                     ...updateTriggers,
-                    getStrokeColor: updateTriggers.getStrokeColor,
-                },
+                    getStrokeColor: updateTriggers.getStrokeColor
+                }
             }), // the inner part
             new ScatterplotLayer({
                 ...this.props,
@@ -33,9 +36,9 @@ export default class JunctionScatterplotLayer extends CompositeLayer {
                 updateTriggers: {
                     ...updateTriggers,
                     getFillColor: updateTriggers.getFillColor,
-                    getRadius: updateTriggers.getInnerRadius,
-                },
-            }),
+                    getRadius: updateTriggers.getInnerRadius
+                }
+            })
         ];
     }
 }

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

@@ -10,7 +10,7 @@ interface SelectionLayerProps<DataT> extends CompositeLayerProps {
     onSelect: (info: any) => any;
     selectionType: string | null;
 }
-export default class SelectionLayer<DataT, ExtraPropsT> extends CompositeLayer<ExtraPropsT & Required<SelectionLayerProps<DataT>>> {
+export declare class SelectionLayer<DataT, ExtraPropsT> extends CompositeLayer<ExtraPropsT & Required<SelectionLayerProps<DataT>>> {
     static layerName: string;
     static defaultProps: DefaultProps<SelectionLayerProps<any>>;
     state: {

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

@@ -1,10 +1,13 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
 /* eslint-env browser */
 import { CompositeLayer } from '@deck.gl/core';
 import { PolygonLayer } from '@deck.gl/layers';
 import { polygon } from '@turf/helpers';
 import turfBuffer from '@turf/buffer';
 import turfDifference from '@turf/difference';
-import EditableGeoJsonLayer from './editable-geojson-layer';
+import { EditableGeoJsonLayer } from './editable-geojson-layer';
 import { DrawRectangleMode } from '../edit-modes/draw-rectangle-mode';
 import { DrawPolygonMode } from '../edit-modes/draw-polygon-mode';
 import { ViewMode } from '../edit-modes/view-mode';
@@ -54,7 +57,7 @@ const PASS_THROUGH_PROPS = [
     'getTentativeFillColor',
     'getTentativeLineWidth'
 ];
-export default class SelectionLayer extends CompositeLayer {
+export class SelectionLayer extends CompositeLayer {
     static layerName = 'SelectionLayer';
     static defaultProps = defaultProps;
     state = undefined;