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

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,8 +2,9 @@ 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;
 }
 export {};
+//# sourceMappingURL=editable-path-layer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editable-path-layer.d.ts","sourceRoot":"","sources":["../../src/editable-layers/editable-path-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,SAAS,EAAE,cAAc,EAAC,MAAM,iBAAiB,CAAC;AAI1D,UAAU,sBAAuB,SAAQ,cAAc,CAAC,GAAG,CAAC;IAC1D,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAOD,qBAAa,iBAAkB,SAAQ,SAAS,CAAC,GAAG,EAAE,sBAAsB,CAAC;IAC3E,UAAU;IAwBV,IAAI,CAAC,KAAK,KAAA;CASX"}

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.js";
 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,7 +1,8 @@
 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, {}>)[];
 }
+//# sourceMappingURL=elevated-edit-handle-layer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elevated-edit-handle-layer.d.ts","sourceRoot":"","sources":["../../src/editable-layers/elevated-edit-handle-layer.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAI5D,qBAAa,uBAAwB,SAAQ,cAAc,CAAC,GAAG,CAAC;IAC9D,MAAM,CAAC,SAAS,SAA6B;IAC7C,MAAM,CAAC,YAAY,KAAgB;IACnC,YAAY;CAsBb"}

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,14 +1,15 @@
 import { CompositeLayer, CompositeLayerProps, DefaultProps } from '@deck.gl/core';
 import { ScatterplotLayer, ScatterplotLayerProps } from '@deck.gl/layers';
-import { Color } from '../types';
+import { Color } from "../utils/types.js";
 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, {}>[];
 }
 export {};
+//# sourceMappingURL=junction-scatterplot-layer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"junction-scatterplot-layer.d.ts","sourceRoot":"","sources":["../../src/editable-layers/junction-scatterplot-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAChF,OAAO,EAAC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,KAAK,6BAA6B,GAAG,mBAAmB,GACtD,IAAI,CAAC,qBAAqB,EAAE,cAAc,CAAC,GAAG;IAC5C,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,KAAA,KAAK,KAAK,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,KAAA,KAAK,KAAK,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,KAAA,KAAK,MAAM,CAAC,CAAC;CAC3C,CAAC;AAEJ,qBAAa,wBAAyB,SAAQ,cAAc,CAAC,6BAA6B,CAAC;IACzF,MAAM,CAAC,SAAS,SAA8B;IAC9C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,6BAA6B,CAAC,CAK9D;IAEF,YAAY;CA+Bb"}

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: {
@@ -24,3 +24,4 @@ export default class SelectionLayer<DataT, ExtraPropsT> extends CompositeLayer<E
     shouldUpdateState({ changeFlags: { stateChanged, propsOrDataChanged } }: Record<string, any>): any;
 }
 export {};
+//# sourceMappingURL=selection-layer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selection-layer.d.ts","sourceRoot":"","sources":["../../src/editable-layers/selection-layer.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAIhF,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAO9C,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAWF,UAAU,mBAAmB,CAAC,KAAK,CAAE,SAAQ,mBAAmB;IAC9D,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAuCD,qBAAa,cAAc,CAAC,KAAK,EAAE,WAAW,CAAE,SAAQ,cAAc,CACpE,WAAW,GAAG,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CACnD;IACC,MAAM,CAAC,SAAS,SAAoB;IACpC,MAAM,CAAC,YAAY,yCAAgB;IAEnC,KAAK,EAAE;QACL,uBAAuB,EAAE;YACvB,UAAU,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;SAC/C,CAAC;KACH,CAAc;IAEf,uBAAuB,CAAC,WAAW,EAAE,GAAG;IAexC,qBAAqB,CAAC,WAAW,EAAE,GAAG;IAkDtC,YAAY;IAyDZ,iBAAiB,CAAC,EAAC,WAAW,EAAE,EAAC,YAAY,EAAE,kBAAkB,EAAC,EAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAGzF"}

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

@@ -1,13 +1,16 @@
+// 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 { DrawRectangleMode } from '../edit-modes/draw-rectangle-mode';
-import { DrawPolygonMode } from '../edit-modes/draw-polygon-mode';
-import { ViewMode } from '../edit-modes/view-mode';
+import { EditableGeoJsonLayer } from "./editable-geojson-layer.js";
+import { DrawRectangleMode } from "../edit-modes/draw-rectangle-mode.js";
+import { DrawPolygonMode } from "../edit-modes/draw-polygon-mode.js";
+import { ViewMode } from "../edit-modes/view-mode.js";
 export const SELECTION_TYPE = {
     NONE: null,
     RECTANGLE: 'rectangle',
@@ -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;