@webviz/subsurface-viewer 0.0.1-alpha.1

package/dist/storybook/SubsurfaceViewer.stories.js

@@ -0,0 +1,537 @@
+import React from "react";
+import { styled } from "@mui/material/styles";
+import SubsurfaceViewer from "../SubsurfaceViewer";
+import exampleData from "../../../../demo/example-data/deckgl-map.json";
+import { default as MapLayer } from "../layers/map/mapLayer";
+import { default as Axes2DLayer } from "../layers/axes2d/axes2DLayer";
+const PREFIX = "Default";
+const classes = {
+    main: `${PREFIX}-main`,
+};
+const Root = styled("div")({
+    [`& .${classes.main}`]: {
+        width: 500,
+        height: 500,
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        border: "1px solid black",
+        background: "azure",
+        position: "absolute",
+    },
+});
+export default {
+    component: SubsurfaceViewer,
+    title: "SubsurfaceViewer",
+    argTypes: {
+        id: {
+            description: "The ID of this component, used to identify dash components in callbacks. The ID needs to be unique across all of the components in an app.",
+        },
+        resources: {
+            description: "Resource dictionary made available in the DeckGL specification as an enum. \
+            The values can be accessed like this: `@@#resources.resourceId`, where \
+            `resourceId` is the key in the `resources` dict. For more information, \
+            see the DeckGL documentation on enums in the json spec: \
+            https://deck.gl/docs/api-reference/json/conversion-reference#enumerations-and-using-the--prefix",
+        },
+        layers: {
+            description: "List of JSON object containing layer specific data. \
+            Each JSON object will consist of layer type with key as `@@type` and layer specific data, if any.",
+        },
+        bounds: {
+            description: "Coordinate boundary for the view defined as [left, bottom, right, top].",
+        },
+        zoom: {
+            description: "Zoom level for the view",
+        },
+        views: {
+            description: "Views configuration for map. If not specified, all the layers will be displayed in a single 2D viewport.<br/>" +
+                "Options:<br/>" +
+                "layout: [number, number] — Layout for viewport in specified as [row, column],<br/>" +
+                "viewports: [`ViewportType`] — Layers configuration for multiple viewport,<br/><br/>" +
+                "`ViewportType` options: <br/>" +
+                "id: string — Viewport id <br>" +
+                "name: string — Viewport name <br>" +
+                "show3D: boolean — Toggle 3D view <br>" +
+                "layerIds: [string] — Layer ids to be displayed on viewport.",
+        },
+        coords: {
+            description: "Options for readout panel.<br/>" +
+                "visible: boolean — Show/hide readout,<br/>" +
+                "multipicking: boolean — Enable or disable multi picking,<br/>" +
+                "pickDepth: number — Number of objects to pick.",
+        },
+        scale: {
+            description: "Options for distance scale component.<br/>" +
+                "visible: boolean — Show/hide scale bar,<br/>" +
+                "incrementValue: number — Increment value for the scale,<br/>" +
+                "widthPerUnit: number — Scale bar width in pixels per unit value,<br/>" +
+                "position: [number, number] — Scale bar position in pixels.",
+        },
+        coordinateUnit: {
+            description: "Unit for the scale ruler",
+        },
+        legend: {
+            description: "Options for color legend.<br/>" +
+                "visible: boolean — Show/hide color legend,<br/>" +
+                "position: [number, number] — Legend position in pixels,<br/>" +
+                "horizontal: boolean — Orientation of color legend.",
+        },
+        colorTables: {
+            description: "Prop containing color table data." +
+                "See colorTables repo for reference:<br/>" +
+                "https://github.com/emerson-eps/color-tables/blob/main/react-app/dist/component/color-tables.json",
+        },
+        editedData: {
+            description: "Map data returned via editedData prop.<br/>" +
+                "selectedWell: string — Selected well name,<br/>" +
+                "selectedPie: object — Selected pie chart data,<br/>" +
+                "selectedFeatureIndexes: [number] — Drawing layer data index,<br/>" +
+                "data: object — Drawing layer data, indexed from selectedFeatureIndexes.",
+        },
+        setProps: {
+            description: "For reacting to prop changes",
+        },
+    },
+};
+// Template for when edited data needs to be captured.
+const EditDataTemplate = (args) => {
+    const [editedData, setEditedData] = React.useState(args.editedData);
+    React.useEffect(() => {
+        setEditedData(args.editedData);
+    }, [args.editedData]);
+    return (React.createElement(SubsurfaceViewer, Object.assign({}, args, { editedData: editedData, setProps: (updatedProps) => {
+            setEditedData(updatedProps.editedData);
+        } })));
+};
+// Blank template.
+const MinimalTemplate = (args) => {
+    return React.createElement(SubsurfaceViewer, Object.assign({}, args));
+};
+// Data for custome geojson layer with polyline data
+const customLayerWithPolylineData = {
+    "@@type": "GeoJsonLayer",
+    id: "geojson-line-layer",
+    name: "Line",
+    data: {
+        type: "FeatureCollection",
+        features: [
+            {
+                type: "Feature",
+                properties: {},
+                geometry: {
+                    type: "LineString",
+                    coordinates: [
+                        [434000, 6477500],
+                        [435500, 6477500],
+                    ],
+                },
+            },
+        ],
+    },
+    getLineWidth: 20,
+    lineWidthMinPixels: 2,
+};
+// Data for custom geojson layer with polygon data
+const customLayerWithPolygonData = {
+    "@@type": "GeoJsonLayer",
+    id: "geojson-layer",
+    name: "Polygon",
+    data: {
+        type: "Feature",
+        properties: {},
+        geometry: {
+            type: "Polygon",
+            coordinates: [
+                [
+                    [434562, 6477595],
+                    [434562, 6478595],
+                    [435062, 6478595],
+                    [435062, 6477595],
+                    [434562, 6477595],
+                ],
+            ],
+        },
+    },
+    getLineWidth: 20,
+    lineWidthMinPixels: 2,
+    getLineColor: [0, 255, 255],
+    getFillColor: [0, 255, 0],
+    opacity: 0.3,
+};
+// Data for custom text layer
+const customLayerWithTextData = {
+    "@@type": "TextLayer",
+    id: "text-layer",
+    name: "Text",
+    data: [
+        {
+            name: "Custom GeoJson layer",
+            coordinates: [434800, 6478695],
+        },
+    ],
+    pickable: true,
+    getPosition: (d) => d.coordinates,
+    getText: (d) => d.name,
+    getColor: [255, 0, 0],
+    getSize: 16,
+    getAngle: 0,
+    getTextAnchor: "middle",
+    getAlignmentBaseline: "center",
+};
+// Layers data for storybook example 1
+const layersData1 = [
+    customLayerWithPolylineData,
+    customLayerWithPolygonData,
+    customLayerWithTextData,
+];
+// Layers data for storybook example 2
+const colormapLayer = exampleData[0].layers[0];
+const layersData2 = [
+    colormapLayer,
+    customLayerWithPolylineData,
+    customLayerWithPolygonData,
+    customLayerWithTextData,
+];
+const hillshadingLayer = exampleData[0].layers[1];
+// Storybook example 1
+export const Default = EditDataTemplate.bind({});
+Default.args = Object.assign({}, exampleData[0]);
+// Minimal map example.
+export const Minimal = () => (React.createElement(SubsurfaceViewer, { id: "deckgl-map", bounds: [0, 0, 1, 1] }));
+Minimal.parameters = {
+    docs: {
+        description: {
+            story: "An example showing the minimal required arguments, which will give an empty map viewer.",
+        },
+    },
+};
+// Volve kh netmap data, flat surface
+export const KhMapFlat = MinimalTemplate.bind({});
+KhMapFlat.args = {
+    id: "kh-map-flat",
+    resources: {
+        propertyMap: "./volve_property_normalized.png",
+        depthMap: "./volve_hugin_depth_normalized.png",
+    },
+    bounds: [432150, 6475800, 439400, 6481500],
+    layers: [
+        {
+            "@@type": "ColormapLayer",
+            id: "property_map",
+            valueRange: [-3071, 41048],
+            bounds: [432150, 6475800, 439400, 6481500],
+            image: "@@#resources.propertyMap",
+        },
+        Object.assign(Object.assign({}, hillshadingLayer), { valueRange: [2725, 3397], bounds: [432150, 6475800, 439400, 6481500], opacity: 0.6 }),
+    ],
+};
+KhMapFlat.parameters = {
+    docs: {
+        description: {
+            story: "An example showing a kh property layer and a depth map hillshading layer.",
+        },
+        inlineStories: false,
+        iframeHeight: 500,
+    },
+};
+// Map3DLayer. Properties encoded in RGB.
+const meshMapLayer = {
+    "@@type": "Map3DLayer",
+    id: "mesh-layer",
+    mesh: "hugin_depth_25_m_normalized_margin.png",
+    meshValueRange: [2782, 3513],
+    frame: {
+        origin: [432205, 6475078],
+        count: [229, 291],
+        increment: [25, 25],
+        rotDeg: 0,
+    },
+    propertyTexture: "kh_netmap_25_m_normalized_margin.png",
+    propertyValueRange: [-3071, 41048],
+    contours: [0, 100.0],
+    isContoursDepth: true,
+    colorMapName: "Physics",
+};
+const meshMapLayerPng = new MapLayer({
+    id: "mesh-layer-png",
+    meshUrl: "hugin_depth_25_m.png",
+    frame: {
+        origin: [432150, 6475800],
+        count: [291, 229],
+        increment: [25, 25],
+        rotDeg: 0,
+    },
+    propertiesUrl: "kh_netmap_25_m.png",
+    contours: [0, 100],
+    isContoursDepth: true,
+    gridLines: false,
+    material: true,
+    smoothShading: true,
+    colorMapName: "Physics",
+});
+const axes2D = new Axes2DLayer({
+    id: "axes-layer",
+    marginH: 80,
+    marginV: 30,
+    isLeftRuler: true,
+    isRightRuler: false,
+    isBottomRuler: true,
+    isTopRuler: false,
+    backgroundColor: [155, 155, 155, 255],
+});
+export const KhMapMesh = MinimalTemplate.bind({});
+KhMapMesh.args = {
+    id: "kh-mesh-map",
+    layers: [
+        Object.assign({}, meshMapLayer),
+    ],
+    toolbar: {
+        visible: false,
+    },
+    bounds: [432150, 6475800, 439400, 6481500],
+    views: {
+        layout: [1, 1],
+        viewports: [
+            {
+                id: "view_1",
+                show3D: true,
+                layerIds: [],
+            },
+        ],
+    },
+};
+//Material property may take these values:
+//          true  = default material. See deck.gl documentation for what that is. This is default property value.
+//          false = no material.
+//          Full spec:
+//                {
+//                    ambient: 0.35,
+//                    diffuse: 0.6,
+//                    shininess: 32,
+//                    specularColor: [255, 255, 255],
+//                }
+const material = {
+    ambient: 0.35,
+    diffuse: 0.6,
+    shininess: 32,
+    specularColor: [255, 255, 255],
+};
+export const MapMaterial = MinimalTemplate.bind({});
+MapMaterial.args = {
+    id: "material",
+    layers: [Object.assign(Object.assign({}, meshMapLayer), { material })],
+    bounds: [432150, 6475800, 439400, 6481500],
+    views: {
+        layout: [1, 1],
+        viewports: [
+            {
+                id: "view_1",
+                show3D: false,
+                layerIds: [],
+            },
+        ],
+    },
+};
+MapMaterial.parameters = {
+    docs: {
+        description: {
+            story: "An example showing example usage of Map3D material property.",
+        },
+        inlineStories: false,
+        iframeHeight: 500,
+    },
+};
+// Exapmple of using "colorMapClampColor" property.
+// Clamps colormap to this color at ends.
+// Given as array of three values (r,g,b) e.g: [255, 0, 0]
+// If not set (undefined) or set to true, it will clamp to color map min and max values.
+// If set to false the clamp color will be completely transparent.
+const propertyValueRange = [2782, 3513];
+const colorMapRange = [3000, 3513];
+const colorMapClampColor = [0, 255, 0]; // a color e.g. [0, 255, 0],  false, true or undefined.
+export const MapClampColor = MinimalTemplate.bind({});
+MapClampColor.args = {
+    id: "clampcolor",
+    layers: [
+        Object.assign(Object.assign({}, meshMapLayer), { propertyValueRange,
+            colorMapRange,
+            colorMapClampColor }),
+    ],
+    bounds: [432150, 6475800, 439400, 6481500],
+    views: {
+        layout: [1, 1],
+        viewports: [
+            {
+                id: "view_1",
+                show3D: false,
+                layerIds: [],
+            },
+        ],
+    },
+};
+MapClampColor.parameters = {
+    docs: {
+        description: {
+            story: 'An example usage of map property `"colorMapClampColor"',
+        },
+        inlineStories: false,
+        iframeHeight: 500,
+    },
+};
+// Example using "colorMapFunction" property.
+const layer = Object.assign(Object.assign({}, meshMapLayer), { isContoursDepth: true, colorMapFunction: (x) => [255 - x * 100, 255 - x * 100, 255 * x] });
+export const colorMapFunction = MinimalTemplate.bind({});
+colorMapFunction.args = {
+    id: "colorMapFunction",
+    layers: [
+        // map layer
+        layer,
+        Object.assign(Object.assign({}, colormapLayer), { image: "https://raw.githubusercontent.com/equinor/webviz-subsurface-components/master/react/src/demo/example-data/propertyMap.png", colorMapFunction: (x) => [255 - x * 100, 255 - x * 100, 255 * x] }),
+    ],
+    bounds: [432150, 6475800, 439400, 6481500],
+    views: {
+        layout: [1, 1],
+        viewports: [
+            {
+                id: "view_1",
+                show3D: true,
+                layerIds: [],
+            },
+        ],
+    },
+};
+// custom layer example
+export const UserDefinedLayer1 = EditDataTemplate.bind({});
+UserDefinedLayer1.args = {
+    id: exampleData[0].id,
+    bounds: exampleData[0].bounds,
+    layers: layersData1,
+};
+// custom layer with colormap
+export const UserDefinedLayer2 = EditDataTemplate.bind({});
+UserDefinedLayer2.args = {
+    id: exampleData[0].id,
+    resources: exampleData[0].resources,
+    bounds: exampleData[0].bounds,
+    layers: layersData2,
+};
+// multiple synced view
+export const MultiView = EditDataTemplate.bind({});
+MultiView.args = Object.assign(Object.assign({}, exampleData[0]), { legend: {
+        visible: false,
+    }, layers: [
+        ...exampleData[0].layers,
+        customLayerWithPolylineData,
+        customLayerWithPolygonData,
+        customLayerWithTextData,
+    ], views: {
+        layout: [2, 2],
+        showLabel: true,
+        viewports: [
+            {
+                id: "view_1",
+                name: "Colormap layer",
+                show3D: false,
+                layerIds: ["colormap-layer"],
+                zoom: -5,
+                isSync: true,
+            },
+            {
+                id: "view_2",
+                name: "Hill-shading layer",
+                show3D: false,
+                layerIds: ["hillshading-layer"],
+                zoom: -5,
+                isSync: true,
+            },
+            {
+                id: "view_3",
+                name: "All layers",
+                show3D: false,
+                layerIds: [],
+                zoom: -5,
+                isSync: false,
+            },
+            {
+                id: "view_4",
+                name: "Custom layer",
+                show3D: false,
+                layerIds: ["geojson-line-layer", "geojson-layer", "text-layer"],
+                zoom: -5,
+                isSync: false,
+            },
+        ],
+    } });
+// ---------Selectable GeoJson Layer example--------------- //
+export const SelectableFeatureExample = (args) => {
+    const [editedData, setEditedData] = React.useState(args.editedData);
+    React.useEffect(() => {
+        setEditedData(args.editedData);
+    }, [args.editedData]);
+    return (React.createElement("div", null,
+        React.createElement(SubsurfaceViewer, Object.assign({}, args, { editedData: editedData, setProps: (updatedProps) => {
+                setEditedData(updatedProps.editedData);
+            } })),
+        React.createElement("pre", null, JSON.stringify(editedData, null, 2))));
+};
+SelectableFeatureExample.parameters = {
+    docs: {
+        description: {
+            story: "An example showing selectable feature example from the map.",
+        },
+    },
+};
+const polylineUsingSelectableGeoJsonLayer = Object.assign(Object.assign({}, customLayerWithPolylineData), { "@@type": "SelectableGeoJsonLayer" });
+const polygonUsingSelectableGeoJsonLayer = Object.assign(Object.assign({}, customLayerWithPolygonData), { "@@type": "SelectableGeoJsonLayer" });
+SelectableFeatureExample.args = {
+    id: "DeckGL-Map",
+    bounds: [432205, 6475078, 437720, 6481113],
+    layers: [
+        polylineUsingSelectableGeoJsonLayer,
+        polygonUsingSelectableGeoJsonLayer,
+    ],
+};
+export const MapInContainer = (args) => {
+    return (React.createElement(Root, { className: classes.main },
+        React.createElement(SubsurfaceViewer, Object.assign({}, args))));
+};
+MapInContainer.args = Object.assign({}, exampleData[0]);
+export const ViewMatrixMargin = EditDataTemplate.bind({});
+ViewMatrixMargin.args = {
+    id: "DeckGL-Map",
+    layers: [meshMapLayerPng, axes2D],
+    bounds: [432150, 6475800, 439400, 6481501],
+    views: {
+        layout: [2, 2],
+        marginPixels: 10,
+        showLabel: true,
+        viewports: [
+            {
+                id: "view_1",
+                show3D: false,
+                layerIds: ["mesh-layer-png", "axes-layer"],
+                isSync: true,
+            },
+            {
+                id: "view_2",
+                show3D: false,
+                layerIds: ["mesh-layer-png", "axes-layer"],
+                isSync: true,
+            },
+            {
+                id: "view_3",
+                show3D: false,
+                layerIds: ["mesh-layer-png", "axes-layer"],
+                isSync: false,
+            },
+            {
+                id: "view_4",
+                show3D: false,
+                layerIds: ["mesh-layer-png", "axes-layer"],
+                isSync: false,
+            },
+        ],
+    },
+};
+//# sourceMappingURL=SubsurfaceViewer.stories.js.map

package/dist/storybook/SubsurfaceViewer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubsurfaceViewer.stories.js","sourceRoot":"","sources":["../../src/storybook/SubsurfaceViewer.stories.jsx"],"names":[],"mappings":"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"}

package/dist/storybook/components/InfoCard.stories.d.ts

@@ -0,0 +1,48 @@
+declare namespace _default {
+    export { InfoCard as component };
+    export const title: string;
+}
+export default _default;
+export function SingleProperty(args: any): React.JSX.Element;
+export namespace SingleProperty {
+    namespace args {
+        const pickInfos: {
+            x: number;
+            y: number;
+            radius: number;
+            depth: number;
+            coordinate: number[];
+        }[];
+    }
+}
+export function MutipleProperties(args: any): React.JSX.Element;
+export namespace MutipleProperties {
+    export namespace args_1 {
+        const pickInfos_1: ({
+            x: number;
+            y: number;
+            radius: number;
+            depth: number;
+            coordinate: number[];
+            layer?: undefined;
+            property?: undefined;
+        } | {
+            layer: {
+                id: string;
+            };
+            property: {
+                name: string;
+                value: number;
+            };
+            x?: undefined;
+            y?: undefined;
+            radius?: undefined;
+            depth?: undefined;
+            coordinate?: undefined;
+        })[];
+        export { pickInfos_1 as pickInfos };
+    }
+    export { args_1 as args };
+}
+import InfoCard from "../../components/InfoCard";
+import React from "react";

package/dist/storybook/components/InfoCard.stories.js

@@ -0,0 +1,36 @@
+import React from "react";
+import InfoCard from "../../components/InfoCard";
+export default {
+    component: InfoCard,
+    title: "SubsurfaceViewer/Components/InfoCard",
+};
+const Template = (args) => React.createElement(InfoCard, Object.assign({}, args));
+export const SingleProperty = Template.bind({});
+SingleProperty.args = {
+    pickInfos: [
+        {
+            x: 152,
+            y: 254,
+            radius: 1,
+            depth: 638,
+            coordinate: [111, 222],
+        },
+    ],
+};
+export const MutipleProperties = Template.bind({});
+MutipleProperties.args = {
+    pickInfos: [
+        {
+            x: 152,
+            y: 254,
+            radius: 1,
+            depth: 638,
+            coordinate: [111, 222],
+        },
+        {
+            layer: { id: "wells-layer" },
+            property: { name: "Poro WellA", value: 123 },
+        },
+    ],
+};
+//# sourceMappingURL=InfoCard.stories.js.map

package/dist/storybook/components/InfoCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.stories.js","sourceRoot":"","sources":["../../../src/storybook/components/InfoCard.stories.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AAEjD,eAAe;IACX,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,sCAAsC;CAChD,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IAClB,SAAS,EAAE;QACP;YACI,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,GAAG;YACV,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;SACzB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACrB,SAAS,EAAE;QACP;YACI,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,GAAG;YACV,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;SACzB;QACD;YACI,KAAK,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE;YAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE;SAC/C;KACJ;CACJ,CAAC"}

package/dist/storybook/components/colorLegends/ContinuousLegend.stories.d.ts

@@ -0,0 +1,31 @@
+/// <reference path="../../../../src/custom.d.ts" />
+declare namespace _default {
+    export { ContinuousLegend as component };
+    export const title: string;
+}
+export default _default;
+export function ContinuousTemplate(args: any): React.JSX.Element;
+export namespace ContinuousTemplate {
+    namespace args {
+        export { min };
+        export { max };
+        export { dataObjectName };
+        export { position };
+        export { name };
+        export { colorName };
+        export { colorTables };
+        export { horizontal };
+        export { reverseRange };
+    }
+}
+import { ContinuousLegend } from "@emerson-eps/color-tables";
+import React from "react";
+declare const min: 0;
+declare const max: 0.35;
+declare const dataObjectName: "Wells / PORO";
+declare const position: number[];
+declare const name: "PORO";
+declare const colorName: "Rainbow";
+import { colorTables } from "@emerson-eps/color-tables";
+declare const horizontal: false;
+declare const reverseRange: false;