@webviz/subsurface-viewer 0.0.1-alpha.1

package/dist/layers/axes2d/label-fragment.glsl.js

@@ -0,0 +1,38 @@
+export default `\
+#version 300 es
+#define SHADER_NAME graph-layer-fragment-shader
+
+precision highp float;
+
+out vec4 fragColor;
+
+uniform sampler2D fontTexture;
+
+uniform vec4 uAxisColor;
+uniform vec4 uBackGroundColor;
+
+in vec2 _vTexCoord;
+
+void main(void) {
+  vec4 color = texture(fontTexture, _vTexCoord);
+  
+  float x = 1.0 - (color.r + color.g + color.b) / 3.0;  // intensity of text color
+  x = smoothstep(0.0, 0.2, x);  
+
+  float text_r = uAxisColor.r;
+  float text_g = uAxisColor.g;
+  float text_b = uAxisColor.b;
+
+  float bg_r = uBackGroundColor.r;
+  float bg_g = uBackGroundColor.g;
+  float bg_b = uBackGroundColor.b;
+  
+  float r = x * text_r + (1.0 - x) * bg_r;
+  float g = x * text_g + (1.0 - x) * bg_g;
+  float b = x * text_b + (1.0 - x) * bg_b;
+
+  fragColor = vec4(r, g, b, 1.0);
+  return;
+}
+`;
+//# sourceMappingURL=label-fragment.glsl.js.map

package/dist/layers/axes2d/label-fragment.glsl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-fragment.glsl.js","sourceRoot":"","sources":["../../../src/layers/axes2d/label-fragment.glsl.js"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCd,CAAC"}

package/dist/layers/axes2d/label-vertex.glsl.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "#version 300 es\n#define SHADER_NAME graph-layer-axis-vertex-shader\n\nprecision highp float;\n\nin  vec3 positions;\n\nin vec2 vTexCoord;\nout vec2 _vTexCoord;\n\nuniform mat4 projectionMatrix;\n\nvoid main(void) {\n   _vTexCoord = vTexCoord;\n\n   vec3 position_commonspace = positions; // These positions are in view space.\n   gl_Position = projectionMatrix * vec4(position_commonspace, 1.0); // From viewspace to clip\n}\n";
+export default _default;

package/dist/layers/axes2d/label-vertex.glsl.js

@@ -0,0 +1,21 @@
+export default `\
+#version 300 es
+#define SHADER_NAME graph-layer-axis-vertex-shader
+
+precision highp float;
+
+in  vec3 positions;
+
+in vec2 vTexCoord;
+out vec2 _vTexCoord;
+
+uniform mat4 projectionMatrix;
+
+void main(void) {
+   _vTexCoord = vTexCoord;
+
+   vec3 position_commonspace = positions; // These positions are in view space.
+   gl_Position = projectionMatrix * vec4(position_commonspace, 1.0); // From viewspace to clip
+}
+`;
+//# sourceMappingURL=label-vertex.glsl.js.map

package/dist/layers/axes2d/label-vertex.glsl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-vertex.glsl.js","sourceRoot":"","sources":["../../../src/layers/axes2d/label-vertex.glsl.js"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;;;;;;;;CAmBd,CAAC"}

package/dist/layers/axes2d/line-fragment.glsl.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "#version 300 es\n#define SHADER_NAME axes2d-layer-fragment-shader\n\nprecision highp float;\n\nuniform vec4 uColor;\n\nout vec4 fragColor;\n\nvoid main(void) {\n  fragColor = uColor;\n}\n";
+export default _default;

package/dist/layers/axes2d/line-fragment.glsl.js

@@ -0,0 +1,15 @@
+export default `\
+#version 300 es
+#define SHADER_NAME axes2d-layer-fragment-shader
+
+precision highp float;
+
+uniform vec4 uColor;
+
+out vec4 fragColor;
+
+void main(void) {
+  fragColor = uColor;
+}
+`;
+//# sourceMappingURL=line-fragment.glsl.js.map

package/dist/layers/axes2d/line-fragment.glsl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-fragment.glsl.js","sourceRoot":"","sources":["../../../src/layers/axes2d/line-fragment.glsl.js"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;;CAad,CAAC"}

package/dist/layers/axes2d/line-vertex.glsl.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "#version 300 es\n#define SHADER_NAME axes2d-layer-vertex-shader\n\nprecision highp float;\n\nin vec3 positions;\n\nvoid main(void) {\n   vec3 position_commonspace = project_position(positions);\n   gl_Position = project_common_position_to_clipspace(vec4(position_commonspace, 0.0));\n}\n";
+export default _default;

package/dist/layers/axes2d/line-vertex.glsl.js

@@ -0,0 +1,14 @@
+export default `\
+#version 300 es
+#define SHADER_NAME axes2d-layer-vertex-shader
+
+precision highp float;
+
+in vec3 positions;
+
+void main(void) {
+   vec3 position_commonspace = project_position(positions);
+   gl_Position = project_common_position_to_clipspace(vec4(position_commonspace, 0.0));
+}
+`;
+//# sourceMappingURL=line-vertex.glsl.js.map

package/dist/layers/axes2d/line-vertex.glsl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-vertex.glsl.js","sourceRoot":"","sources":["../../../src/layers/axes2d/line-vertex.glsl.js"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;CAYd,CAAC"}

package/dist/layers/colormap/colormap.fs.glsl.d.ts

@@ -0,0 +1,2 @@
+declare const fsColormap = "#define SHADER_NAME colormap-shader\n\n#ifdef GL_ES\nprecision highp float;\n#endif\n\nvarying vec2 vTexCoord;\n\nuniform sampler2D bitmapTexture; // Property map\nuniform sampler2D colormap;\n\nuniform float opacity;\n\nvoid main(void) {\n  vec4 bitmapColor = texture2D(bitmapTexture, vTexCoord);\n\n  // If it's a picking pass, we just return the raw property map value.\n  if (picking_uActive) {\n    gl_FragColor = bitmapColor;\n    return;\n  }\n\n  // Decode the RGB value into a float. See decoder.fs.glsl for more details.\n  float val = decode_rgb2float(bitmapColor.rgb);\n  // The resulting val will be in [0, 1] interval, so we can use it directly as a texture coord\n  // to sample from the colormap.\n  // 0 => Leftmost color in the colormap, 1 => rightmost color, linearly interpolated in between.\n  vec4 color = texture2D(colormap, vec2(val, 0.5));\n\n  // The final pixel opacity is the combination of the user provided image-wide opacity,\n  // the colormap opacity at the sampled pixel and the property map opacity of the sampled pixel.\n  gl_FragColor = vec4(color.rgb, color.a * bitmapColor.a * opacity);\n\n  // Support for existing functionality that comes from the BitmapLayer, such as desaturate, tintColor etc.\n  // See https://deck.gl/docs/api-reference/layers/bitmap-layer#render-options for more details.\n  geometry.uv = vTexCoord;\n  DECKGL_FILTER_COLOR(gl_FragColor, geometry);\n\n}\n";
+export default fsColormap;

package/dist/layers/colormap/colormap.fs.glsl.js

@@ -0,0 +1,42 @@
+const fsColormap = `#define SHADER_NAME colormap-shader
+
+#ifdef GL_ES
+precision highp float;
+#endif
+
+varying vec2 vTexCoord;
+
+uniform sampler2D bitmapTexture; // Property map
+uniform sampler2D colormap;
+
+uniform float opacity;
+
+void main(void) {
+  vec4 bitmapColor = texture2D(bitmapTexture, vTexCoord);
+
+  // If it's a picking pass, we just return the raw property map value.
+  if (picking_uActive) {
+    gl_FragColor = bitmapColor;
+    return;
+  }
+
+  // Decode the RGB value into a float. See decoder.fs.glsl for more details.
+  float val = decode_rgb2float(bitmapColor.rgb);
+  // The resulting val will be in [0, 1] interval, so we can use it directly as a texture coord
+  // to sample from the colormap.
+  // 0 => Leftmost color in the colormap, 1 => rightmost color, linearly interpolated in between.
+  vec4 color = texture2D(colormap, vec2(val, 0.5));
+
+  // The final pixel opacity is the combination of the user provided image-wide opacity,
+  // the colormap opacity at the sampled pixel and the property map opacity of the sampled pixel.
+  gl_FragColor = vec4(color.rgb, color.a * bitmapColor.a * opacity);
+
+  // Support for existing functionality that comes from the BitmapLayer, such as desaturate, tintColor etc.
+  // See https://deck.gl/docs/api-reference/layers/bitmap-layer#render-options for more details.
+  geometry.uv = vTexCoord;
+  DECKGL_FILTER_COLOR(gl_FragColor, geometry);
+
+}
+`;
+export default fsColormap;
+//# sourceMappingURL=colormap.fs.glsl.js.map

package/dist/layers/colormap/colormap.fs.glsl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colormap.fs.glsl.js","sourceRoot":"","sources":["../../../src/layers/colormap/colormap.fs.glsl.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuClB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/layers/colormap/colormapLayer.d.ts

@@ -0,0 +1,24 @@
+import { BitmapLayer, BitmapLayerProps } from "@deck.gl/layers/typed";
+import { PickingInfo } from "@deck.gl/core/typed";
+import { LayerPickInfo } from "../../layers/utils/layerTools";
+import { ValueDecoder } from "../utils/propertyMapTools";
+import { colorMapFunctionType } from "../utils/layerTools";
+import { ContinuousLegendDataType } from "../../components/ColorLegend";
+export interface ColormapLayerProps extends BitmapLayerProps {
+    colorMapName: string;
+    colorMapFunction?: colorMapFunctionType;
+    valueRange: [number, number];
+    colorMapRange: [number, number];
+    valueDecoder: ValueDecoder;
+    rotDeg: number;
+    setReportedBoundingBox?: any;
+}
+export default class ColormapLayer extends BitmapLayer<ColormapLayerProps> {
+    initializeState(): void;
+    draw({ moduleParameters, uniforms, context }: any): void;
+    getShaders(): any;
+    getPickingInfo({ info }: {
+        info: PickingInfo;
+    }): LayerPickInfo;
+    getLegendData(): ContinuousLegendDataType;
+}

package/dist/layers/colormap/colormapLayer.js

@@ -0,0 +1,150 @@
+import { BitmapLayer } from "@deck.gl/layers/typed";
+import GL from "@luma.gl/constants";
+import { Texture2D } from "@luma.gl/webgl";
+import { decoder } from "../shader_modules";
+import { decodeRGB } from "../utils/propertyMapTools";
+import { getModelMatrix } from "../utils/layerTools";
+import fsColormap from "./colormap.fs.glsl";
+import { getRgbData } from "@emerson-eps/color-tables";
+const DEFAULT_TEXTURE_PARAMETERS = {
+    [GL.TEXTURE_MIN_FILTER]: GL.LINEAR_MIPMAP_LINEAR,
+    [GL.TEXTURE_MAG_FILTER]: GL.LINEAR,
+    [GL.TEXTURE_WRAP_S]: GL.CLAMP_TO_EDGE,
+    [GL.TEXTURE_WRAP_T]: GL.CLAMP_TO_EDGE,
+};
+function getImageData(colorMapName, colorTables, colorMapFunction) {
+    const isColorMapFunctionDefined = typeof colorMapFunction !== "undefined";
+    const data = new Uint8Array(256 * 3);
+    for (let i = 0; i < 256; i++) {
+        const value = i / 255.0;
+        const rgb = isColorMapFunctionDefined
+            ? colorMapFunction(i / 255)
+            : getRgbData(value, colorMapName, colorTables);
+        let color = [];
+        if (rgb != undefined) {
+            if (Array.isArray(rgb)) {
+                color = rgb;
+            }
+            else {
+                color = [rgb.r, rgb.g, rgb.b];
+            }
+        }
+        data[3 * i + 0] = color[0];
+        data[3 * i + 1] = color[1];
+        data[3 * i + 2] = color[2];
+    }
+    return data;
+}
+const defaultProps = {
+    "@@type": "ColormapLayer",
+    name: "Property map",
+    id: "colormap-layer",
+    pickable: true,
+    visible: true,
+    valueRange: { type: "array", value: [0, 1] },
+    colorMapRange: { type: "array" },
+    valueDecoder: {
+        rgbScaler: [1, 1, 1],
+        // By default, scale the [0, 256*256*256-1] decoded values to [0, 1]
+        floatScaler: 1.0 / (256.0 * 256.0 * 256.0 - 1.0),
+        offset: 0,
+        step: 0,
+    },
+    rotDeg: 0,
+    colorMapName: "Rainbow",
+};
+export default class ColormapLayer extends BitmapLayer {
+    initializeState() {
+        this.setState({
+            isLoaded: false,
+        });
+        super.initializeState();
+    }
+    // Signature from the base class, eslint doesn't like the any type.
+    // eslint-disable-next-line
+    draw({ moduleParameters, uniforms, context }) {
+        var _a, _b, _c, _d, _e, _f;
+        if (!this.state["isLoaded"]) {
+            this.setState({
+                isLoaded: true,
+            });
+            if (typeof this.props.setReportedBoundingBox !== "undefined") {
+                const xMin = this.props.bounds[0];
+                const yMin = this.props.bounds[1];
+                const zMin = 1;
+                const xMax = this.props.bounds[2];
+                const yMax = this.props.bounds[3];
+                const zMax = -1;
+                const bbox = [xMin, yMin, zMin, xMax, yMax, zMax];
+                this.props.setReportedBoundingBox(bbox);
+            }
+        }
+        const mergedModuleParams = Object.assign(Object.assign({}, moduleParameters), { valueDecoder: Object.assign(Object.assign({}, defaultProps.valueDecoder), moduleParameters.valueDecoder), modelMatrix: getModelMatrix(this.props.rotDeg, this.props.bounds[0], // Rotate around upper left corner of bounds
+            this.props.bounds[3]) });
+        super.setModuleParameters(mergedModuleParams);
+        const valueRangeMin = (_a = this.props.valueRange[0]) !== null && _a !== void 0 ? _a : 0.0;
+        const valueRangeMax = (_b = this.props.valueRange[1]) !== null && _b !== void 0 ? _b : 1.0;
+        // If specified color map will extend from colorMapRangeMin to colorMapRangeMax.
+        // Otherwise it will extend from valueRangeMin to valueRangeMax.
+        const colorMapRangeMin = (_d = (_c = this.props.colorMapRange) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : valueRangeMin;
+        const colorMapRangeMax = (_f = (_e = this.props.colorMapRange) === null || _e === void 0 ? void 0 : _e[1]) !== null && _f !== void 0 ? _f : valueRangeMax;
+        super.draw({
+            uniforms: Object.assign(Object.assign({}, uniforms), { 
+                // Send the colormap texture to the shader.
+                colormap: new Texture2D(context.gl, {
+                    width: 256,
+                    height: 1,
+                    format: GL.RGB,
+                    data: getImageData(this.props.colorMapName, this.context.userData
+                        .colorTables, this.props.colorMapFunction),
+                    parameters: DEFAULT_TEXTURE_PARAMETERS,
+                }), valueRangeMin,
+                valueRangeMax,
+                colorMapRangeMin,
+                colorMapRangeMax }),
+            moduleParameters: mergedModuleParams,
+        });
+    }
+    // Signature from the base class, eslint doesn't like the any type.
+    // eslint-disable-next-line
+    getShaders() {
+        const parentShaders = super.getShaders();
+        // Overwrite the BitmapLayer's default fragment shader with ours, that does colormapping.
+        parentShaders.fs = fsColormap;
+        // Add the decoder shader module to our colormap shader, so we can use the decoder function from our shader.
+        parentShaders.modules.push(decoder);
+        return parentShaders;
+    }
+    getPickingInfo({ info }) {
+        if (this.state["pickingDisabled"] || !info.color) {
+            return info;
+        }
+        const mergedDecoder = Object.assign(Object.assign({}, defaultProps.valueDecoder), this.props.valueDecoder);
+        // The picked color is the one in raw image, not the one after colormapping.
+        // We just need to decode that RGB color into a property float value.
+        const val = decodeRGB(info.color, mergedDecoder, this.props.valueRange);
+        return Object.assign(Object.assign({}, info), { 
+            // Picking color doesn't represent object index in this layer.
+            // For more details, see https://deck.gl/docs/developer-guide/custom-layers/picking
+            index: 0, propertyValue: val });
+    }
+    getLegendData() {
+        var _a, _b, _c, _d, _e, _f;
+        const valueRangeMin = (_a = this.props.valueRange[0]) !== null && _a !== void 0 ? _a : 0.0;
+        const valueRangeMax = (_b = this.props.valueRange[1]) !== null && _b !== void 0 ? _b : 1.0;
+        // If specified color map will extend from colorMapRangeMin to colorMapRangeMax.
+        // Otherwise it will extend from valueRangeMin to valueRangeMax.
+        const min = (_d = (_c = this.props.colorMapRange) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : valueRangeMin;
+        const max = (_f = (_e = this.props.colorMapRange) === null || _e === void 0 ? void 0 : _e[1]) !== null && _f !== void 0 ? _f : valueRangeMax;
+        return {
+            discrete: false,
+            valueRange: [min, max],
+            colorName: this.props.colorMapName,
+            title: "PropertyMapLayer",
+            colorMapFunction: this.props.colorMapFunction,
+        };
+    }
+}
+ColormapLayer.layerName = "ColormapLayer";
+ColormapLayer.defaultProps = defaultProps;
+//# sourceMappingURL=colormapLayer.js.map

package/dist/layers/colormap/colormapLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colormapLayer.js","sourceRoot":"","sources":["../../../src/layers/colormap/colormapLayer.ts"],"names":[],"mappings":"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"}

package/dist/layers/drawing/drawingLayer.d.ts

@@ -0,0 +1,17 @@
+import { Color, CompositeLayer, PickingInfo, LayerContext, LayersList } from "@deck.gl/core/typed";
+import { ExtendedLayerProps, LayerPickInfo } from "../utils/layerTools";
+import { EditAction, Feature, FeatureCollection } from "@nebula.gl/edit-modes";
+export interface DrawingLayerProps<D> extends ExtendedLayerProps<D> {
+    mode: string;
+    selectedFeatureIndexes: number[];
+}
+export default class DrawingLayer extends CompositeLayer<DrawingLayerProps<FeatureCollection>> {
+    initializeState(context: LayerContext): void;
+    onClick(info: PickingInfo): boolean;
+    getPickingInfo({ info }: {
+        info: PickingInfo;
+    }): LayerPickInfo;
+    _onEdit(editAction: EditAction<FeatureCollection>): void;
+    _getLineColor(feature: Feature): Color;
+    renderLayers(): LayersList;
+}

package/dist/layers/drawing/drawingLayer.js

@@ -0,0 +1,202 @@
+import { COORDINATE_SYSTEM, CompositeLayer, } from "@deck.gl/core/typed";
+import { DrawLineStringMode, DrawPointMode, DrawPolygonMode, ImmutableFeatureCollection, ModifyMode, TransformMode, ViewMode, } from "@nebula.gl/edit-modes";
+import { EditableGeoJsonLayer } from "@nebula.gl/layers";
+import { area, length } from "../../utils/measurement";
+// Custom drawing mode that deletes the selected GeoJson feature when releasing the Delete key.
+class CustomModifyMode extends ModifyMode {
+    handleKeyUp(event, props) {
+        super.handleKeyUp(event, props);
+        if (event.key === "Delete") {
+            const updatedData = new ImmutableFeatureCollection(props.data)
+                .deleteFeatures(props.selectedIndexes)
+                .getObject();
+            if (updatedData) {
+                props.onEdit({
+                    updatedData,
+                    editType: "removeFeature",
+                    editContext: {
+                        featureIndexes: props.selectedIndexes,
+                    },
+                });
+            }
+        }
+    }
+}
+function deleteEscapeKeyHandler(drawMode, event, props) {
+    if (event.key === "Escape")
+        drawMode.getClickSequence().pop();
+    else if (event.key === "Delete")
+        drawMode.resetClickSequence();
+    else
+        return;
+    // used to set state so layer can be rerendered
+    const updatedData = new ImmutableFeatureCollection(props.data).getObject();
+    if (updatedData) {
+        props.onEdit({
+            updatedData,
+            editType: "undoDrawing",
+            editContext: {
+                featureIndexes: props.selectedIndexes,
+            },
+        });
+    }
+}
+class CustomDrawLineStringMode extends DrawLineStringMode {
+    handleKeyUp(event, props) {
+        super.handleKeyUp(event, props);
+        deleteEscapeKeyHandler(this, event, props);
+    }
+}
+class CustomDrawPolygonMode extends DrawPolygonMode {
+    handleKeyUp(event, props) {
+        super.handleKeyUp(event, props);
+        deleteEscapeKeyHandler(this, event, props);
+    }
+}
+// Mapping of mode name to mode class
+const MODE_MAP = {
+    view: ViewMode,
+    modify: CustomModifyMode,
+    transform: TransformMode,
+    drawPoint: DrawPointMode,
+    drawLineString: CustomDrawLineStringMode,
+    drawPolygon: CustomDrawPolygonMode,
+};
+const UNSELECTED_LINE_COLOR = [0x50, 0x50, 0x50, 0xcc];
+const SELECTED_LINE_COLOR = [0x0, 0x0, 0x0, 0xff];
+const defaultProps = {
+    "@@type": "DrawingLayer",
+    name: "Drawing",
+    id: "drawing-layer",
+    pickable: true,
+    visible: true,
+    mode: "drawLineString",
+    // Props used to get/set data in the drawing layer.
+    selectedFeatureIndexes: [],
+    data: {
+        type: "FeatureCollection",
+        features: [],
+    },
+};
+// Composite layer that contains an EditableGeoJsonLayer from nebula.gl
+// See https://nebula.gl/docs/api-reference/layers/editable-geojson-layer
+export default class DrawingLayer extends CompositeLayer {
+    initializeState(context) {
+        super.initializeState(context);
+        this.setState({
+            data: this.props.data,
+            selectedFeatureIndexes: this.props.selectedFeatureIndexes,
+        });
+    }
+    // Select features when clicking on them if in view or modify modes.
+    // The selection is used to set current selected drawing, and
+    // is sent to the map component parent via setEditedData.
+    onClick(info) {
+        if (this.props.mode === "view" || this.props.mode === "modify") {
+            this.setState({
+                selectedFeatureIndexes: [info.index],
+            });
+            this.context.userData.setEditedData({
+                selectedFeatureIndexes: [info.index],
+            });
+            return true;
+        }
+        return false;
+    }
+    // For now, use `any` for the picking types because this function should
+    // recieve PickInfo<FeatureCollection>, but it recieves PickInfo<Feature>.
+    getPickingInfo({ info }) {
+        if (!info.object)
+            return info;
+        const feature = info.object;
+        let measurement;
+        if (feature.geometry.type === "LineString") {
+            measurement = length(feature);
+        }
+        else if (feature.geometry.type === "Polygon") {
+            measurement = area(feature);
+        }
+        else
+            return info;
+        return Object.assign(Object.assign({}, info), { propertyValue: measurement });
+    }
+    // Callback for various editing events. Most events will update this component
+    // through patches sent to the map parent. See patchLayerPropsin layerTools.ts.
+    _onEdit(editAction) {
+        switch (editAction.editType) {
+            case "addFeature":
+                this.setState({
+                    data: editAction.updatedData,
+                    selectedFeatureIndexes: editAction.editContext.featureIndexes,
+                });
+                this.context.userData.setEditedData({
+                    data: editAction.updatedData,
+                    selectedFeatureIndexes: editAction.editContext.featureIndexes,
+                });
+                break;
+            case "removeFeature":
+                this.setState({
+                    data: editAction.updatedData,
+                    selectedFeatureIndexes: [],
+                });
+                this.context.userData.setEditedData({
+                    data: editAction.updatedData,
+                    selectedFeatureIndexes: [],
+                });
+                break;
+            case "removePosition":
+            case "finishMovePosition":
+                this.setState({
+                    data: editAction.updatedData,
+                });
+                this.context.userData.setEditedData({
+                    data: editAction.updatedData,
+                });
+                break;
+            case "movePosition":
+            case "undoDrawing":
+                // Don't use setEditedData to avoid an expensive roundtrip,
+                // since this is done on every mouse move when editing.
+                this.setState({ data: editAction.updatedData });
+                break;
+        }
+    }
+    // Return the line color based on the selection status.
+    // The same can be done for other features (polygons, points etc).
+    _getLineColor(feature) {
+        const is_feature_selected = this.state["selectedFeatureIndexes"].some((i) => this.state["data"].features[i] === feature);
+        if (is_feature_selected) {
+            return SELECTED_LINE_COLOR;
+        }
+        else {
+            return UNSELECTED_LINE_COLOR;
+        }
+    }
+    renderLayers() {
+        if (this.props.visible == false) {
+            return [];
+        }
+        const sub_layer_props = this.getSubLayerProps({
+            data: this.state["data"],
+            mode: MODE_MAP[this.props.mode],
+            modeConfig: {
+                viewport: this.context.viewport,
+            },
+            selectedFeatureIndexes: this.state["selectedFeatureIndexes"],
+            coordinateSystem: COORDINATE_SYSTEM.CARTESIAN,
+            onEdit: (editAction) => this._onEdit(editAction),
+            _subLayerProps: {
+                geojson: {
+                    autoHighlight: true,
+                    getLineColor: (feature) => this._getLineColor(feature),
+                },
+            },
+        });
+        // @ts-expect-error: EditableGeoJsonLayer from nebula.gl has no typing
+        return [new EditableGeoJsonLayer(sub_layer_props)];
+    }
+}
+DrawingLayer.layerName = "DrawingLayer";
+DrawingLayer.defaultProps =
+    defaultProps;
+//# sourceMappingURL=drawingLayer.js.map

package/dist/layers/drawing/drawingLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawingLayer.js","sourceRoot":"","sources":["../../../src/layers/drawing/drawingLayer.tsx"],"names":[],"mappings":"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"}

package/dist/layers/fault_polygons/faultPolygonsLayer.d.ts

@@ -0,0 +1,9 @@
+import { CompositeLayer } from "@deck.gl/core/typed";
+import { GeoJsonLayer, GeoJsonLayerProps } from "@deck.gl/layers/typed";
+import { Feature } from "geojson";
+export interface FaultPolygonsLayerProps extends GeoJsonLayerProps {
+    depthTest: boolean;
+}
+export default class FaultPolygonsLayer extends CompositeLayer<FaultPolygonsLayerProps> {
+    renderLayers(): GeoJsonLayer<Feature>[];
+}

package/dist/layers/fault_polygons/faultPolygonsLayer.js

@@ -0,0 +1,43 @@
+import { COORDINATE_SYSTEM, CompositeLayer } from "@deck.gl/core/typed";
+import { GeoJsonLayer } from "@deck.gl/layers/typed";
+import GL from "@luma.gl/constants";
+const getColor = (d) => {
+    var _a, _b, _c, _d;
+    const c = (_a = d === null || d === void 0 ? void 0 : d.properties) === null || _a === void 0 ? void 0 : _a["color"];
+    const r = (_b = c[0]) !== null && _b !== void 0 ? _b : 0;
+    const g = (_c = c[1]) !== null && _c !== void 0 ? _c : 0;
+    const b = (_d = c[2]) !== null && _d !== void 0 ? _d : 0;
+    return [r, g, b, 30]; // make fill color transparent
+};
+const defaultProps = {
+    "@@type": "FaultPolygonsLayer",
+    name: "Fault polygons",
+    id: "fault-polygons-layer",
+    pickable: true,
+    visible: true,
+    filled: true,
+    lineWidthMinPixels: 2,
+    depthTest: true,
+};
+export default class FaultPolygonsLayer extends CompositeLayer {
+    renderLayers() {
+        const layer = new GeoJsonLayer(this.getSubLayerProps({
+            id: this.props.id,
+            data: this.props.data,
+            pickable: this.props.pickable,
+            visible: this.props.visible,
+            filled: this.props.filled,
+            lineWidthMinPixels: this.props.lineWidthMinPixels,
+            coordinateSystem: COORDINATE_SYSTEM.CARTESIAN,
+            getLineColor: (d) => { var _a, _b; return (_b = (_a = d === null || d === void 0 ? void 0 : d.properties) === null || _a === void 0 ? void 0 : _a["color"]) !== null && _b !== void 0 ? _b : [0, 0, 0, 255]; },
+            getFillColor: getColor,
+            parameters: {
+                [GL.DEPTH_TEST]: this.props.depthTest,
+            },
+        }));
+        return [layer];
+    }
+}
+FaultPolygonsLayer.layerName = "FaultPolygonsLayer";
+FaultPolygonsLayer.defaultProps = defaultProps;
+//# sourceMappingURL=faultPolygonsLayer.js.map

package/dist/layers/fault_polygons/faultPolygonsLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"faultPolygonsLayer.js","sourceRoot":"","sources":["../../../src/layers/fault_polygons/faultPolygonsLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAS,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAqB,MAAM,uBAAuB,CAAC;AAExE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEpC,MAAM,QAAQ,GAAG,CAAC,CAAU,EAAS,EAAE;;IACnC,MAAM,CAAC,GAAU,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,UAAU,0CAAG,OAAO,CAAC,CAAC;IAC1C,MAAM,CAAC,GAAG,MAAA,CAAC,CAAC,CAAC,CAAC,mCAAI,CAAC,CAAC;IACpB,MAAM,CAAC,GAAG,MAAA,CAAC,CAAC,CAAC,CAAC,mCAAI,CAAC,CAAC;IACpB,MAAM,CAAC,GAAG,MAAA,CAAC,CAAC,CAAC,CAAC,mCAAI,CAAC,CAAC;IACpB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,8BAA8B;AACxD,CAAC,CAAC;AAOF,MAAM,YAAY,GAAG;IACjB,QAAQ,EAAE,oBAAoB;IAC9B,IAAI,EAAE,gBAAgB;IACtB,EAAE,EAAE,sBAAsB;IAC1B,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,kBAAkB,EAAE,CAAC;IACrB,SAAS,EAAE,IAAI;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,cAAuC;IACnF,YAAY;QACR,MAAM,KAAK,GAAG,IAAI,YAAY,CAC1B,IAAI,CAAC,gBAAgB,CAAC;YAClB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;YACjB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;YACrB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;YAC3B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;YACzB,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB;YACjD,gBAAgB,EAAE,iBAAiB,CAAC,SAAS;YAC7C,YAAY,EAAE,CAAC,CAAU,EAAE,EAAE,eACzB,OAAA,MAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,UAAU,0CAAG,OAAO,CAAC,mCAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAA,EAAA;YAC9C,YAAY,EAAE,QAAQ;YACtB,UAAU,EAAE;gBACR,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;aACxC;SACJ,CAAC,CACL,CAAC;QACF,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC;CACJ;AAED,kBAAkB,CAAC,SAAS,GAAG,oBAAoB,CAAC;AACpD,kBAAkB,CAAC,YAAY,GAAG,YAAY,CAAC"}