@webviz/subsurface-viewer 0.0.1-alpha.1

package/dist/assets/glTF/north_arrow/scene.gltf

@@ -0,0 +1,315 @@
+{
+  "accessors": [
+    {
+      "bufferView": 2,
+      "componentType": 5126,
+      "count": 108,
+      "max": [
+        6.058886528015137,
+        0.5000003576278687,
+        2.348930835723877
+      ],
+      "min": [
+        -6.058886528015137,
+        -0.5000004172325134,
+        -2.348930835723877
+      ],
+      "type": "VEC3"
+    },
+    {
+      "bufferView": 2,
+      "byteOffset": 1296,
+      "componentType": 5126,
+      "count": 108,
+      "max": [
+        0.9308037757873535,
+        1.0,
+        0.9998587369918823
+      ],
+      "min": [
+        -1.0,
+        -1.0,
+        -0.9998587369918823
+      ],
+      "type": "VEC3"
+    },
+    {
+      "bufferView": 3,
+      "componentType": 5126,
+      "count": 108,
+      "max": [
+        1.0,
+        3.387607421245775e-07,
+        1.0,
+        1.0
+      ],
+      "min": [
+        -1.0,
+        -4.178712970315246e-06,
+        -0.9308037757873535,
+        1.0
+      ],
+      "type": "VEC4"
+    },
+    {
+      "bufferView": 1,
+      "componentType": 5126,
+      "count": 108,
+      "max": [
+        0.9870268106460571,
+        0.9908186793327332
+      ],
+      "min": [
+        0.006224204320460558,
+        0.010728782042860985
+      ],
+      "type": "VEC2"
+    },
+    {
+      "bufferView": 1,
+      "byteOffset": 864,
+      "componentType": 5126,
+      "count": 108,
+      "max": [
+        0.9870268106460571,
+        0.9908186793327332
+      ],
+      "min": [
+        0.006224204320460558,
+        0.010728782042860985
+      ],
+      "type": "VEC2"
+    },
+    {
+      "bufferView": 1,
+      "byteOffset": 1728,
+      "componentType": 5126,
+      "count": 108,
+      "max": [
+        0.9870268106460571,
+        0.9908186793327332
+      ],
+      "min": [
+        0.006224204320460558,
+        0.010728782042860985
+      ],
+      "type": "VEC2"
+    },
+    {
+      "bufferView": 0,
+      "componentType": 5125,
+      "count": 324,
+      "type": "SCALAR"
+    }
+  ],
+  "asset": {
+    "extras": {
+      "author": "plaggy (https://sketchfab.com/plaggy)",
+      "license": "CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/)",
+      "source": "https://sketchfab.com/3d-models/cc0-arrow-5-f38febed165240b9aea5289c215c6b65",
+      "title": "CC0 - Arrow 5"
+    },
+    "generator": "Sketchfab-10.50.0",
+    "version": "2.0"
+  },
+  "bufferViews": [
+    {
+      "buffer": 0,
+      "byteLength": 1296,
+      "name": "floatBufferViews",
+      "target": 34963
+    },
+    {
+      "buffer": 0,
+      "byteLength": 2592,
+      "byteOffset": 1296,
+      "byteStride": 8,
+      "name": "floatBufferViews",
+      "target": 34962
+    },
+    {
+      "buffer": 0,
+      "byteLength": 2592,
+      "byteOffset": 3888,
+      "byteStride": 12,
+      "name": "floatBufferViews",
+      "target": 34962
+    },
+    {
+      "buffer": 0,
+      "byteLength": 1728,
+      "byteOffset": 6480,
+      "byteStride": 16,
+      "name": "floatBufferViews",
+      "target": 34962
+    }
+  ],
+  "buffers": [
+    {
+      "byteLength": 8208,
+      "uri": "scene.bin"
+    }
+  ],
+  "images": [
+    {
+      "uri": "textures/Arrow5_baseColor.png"
+    },
+    {
+      "uri": "textures/Arrow5_metallicRoughness.png"
+    },
+    {
+      "uri": "textures/Arrow5_normal.png"
+    }
+  ],
+  "materials": [
+    {
+      "name": "Arrow5",
+      "normalTexture": {
+        "index": 2
+      },
+      "pbrMetallicRoughness": {
+        "baseColorTexture": {
+          "index": 0
+        },
+        "metallicRoughnessTexture": {
+          "index": 1
+        }
+      }
+    }
+  ],
+  "meshes": [
+    {
+      "name": "Arrow5_Arrow5_0",
+      "primitives": [
+        {
+          "attributes": {
+            "NORMAL": 1,
+            "POSITION": 0,
+            "TANGENT": 2,
+            "TEXCOORD_0": 3,
+            "TEXCOORD_1": 4,
+            "TEXCOORD_2": 5
+          },
+          "indices": 6,
+          "material": 0,
+          "mode": 4
+        }
+      ]
+    }
+  ],
+  "nodes": [
+    {
+      "children": [
+        1
+      ],
+      "matrix": [
+        1.0,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        2.220446049250313e-16,
+        -1.0,
+        0.0,
+        0.0,
+        1.0,
+        2.220446049250313e-16,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        1.0
+      ],
+      "name": "Sketchfab_model"
+    },
+    {
+      "children": [
+        2
+      ],
+      "matrix": [
+        1.0,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        1.0,
+        0.0,
+        0.0,
+        -1.0,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        1.0
+      ],
+      "name": "1095acfb6b0747db8a7aadff5b388720.fbx"
+    },
+    {
+      "children": [
+        3
+      ],
+      "name": "RootNode"
+    },
+    {
+      "children": [
+        4
+      ],
+      "matrix": [
+        0.02539999969303608,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        5.639932896936113e-18,
+        -0.02539999969303608,
+        0.0,
+        0.0,
+        0.02539999969303608,
+        5.639932896936113e-18,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        1.0
+      ],
+      "name": "Arrow5"
+    },
+    {
+      "mesh": 0,
+      "name": "Arrow5_Arrow5_0"
+    }
+  ],
+  "samplers": [
+    {
+      "magFilter": 9729,
+      "minFilter": 9987,
+      "wrapS": 10497,
+      "wrapT": 10497
+    }
+  ],
+  "scene": 0,
+  "scenes": [
+    {
+      "name": "Sketchfab_Scene",
+      "nodes": [
+        0
+      ]
+    }
+  ],
+  "textures": [
+    {
+      "sampler": 0,
+      "source": 0
+    },
+    {
+      "sampler": 0,
+      "source": 1
+    },
+    {
+      "sampler": 0,
+      "source": 2
+    }
+  ]
+}

package/dist/components/ColorLegend.d.ts

@@ -0,0 +1,26 @@
+ 
+import React from "react";
+import { ExtendedLayer } from "../layers/utils/layerTools";
+import { Color } from "@deck.gl/core/typed";
+import { colorTablesArray } from "@emerson-eps/color-tables/";
+import { colorMapFunctionType } from "../layers/utils/layerTools";
+interface LegendBaseData {
+    title: string;
+    colorName: string;
+    discrete: boolean;
+    colorMapFunction?: colorMapFunctionType;
+}
+export interface DiscreteLegendDataType extends LegendBaseData {
+    metadata: Record<string, [Color, number]>;
+}
+export interface ContinuousLegendDataType extends LegendBaseData {
+    valueRange: [number, number];
+}
+interface ColorLegendProps {
+    horizontal?: boolean | null;
+    layer: ExtendedLayer<unknown>;
+    colorTables: colorTablesArray | string | undefined;
+    reverseRange?: boolean;
+}
+declare const ColorLegend: React.FC<ColorLegendProps>;
+export default ColorLegend;

package/dist/components/ColorLegend.js

@@ -0,0 +1,19 @@
+/* eslint-disable react-hooks/exhaustive-deps */ // remove when ready to fix these.
+import React from "react";
+import { DiscreteColorLegend, ContinuousLegend, } from "@emerson-eps/color-tables";
+const ColorLegend = ({ horizontal, layer, colorTables, reverseRange, }) => {
+    var _a;
+    const [legendData, setLegendData] = React.useState();
+    React.useEffect(() => {
+        var _a, _b, _c;
+        const legend_data = (_b = (_a = layer.getLegendData) === null || _a === void 0 ? void 0 : _a.call(layer)) !== null && _b !== void 0 ? _b : (_c = layer.state) === null || _c === void 0 ? void 0 : _c["legend"];
+        setLegendData(legend_data);
+    }, [layer.props, (_a = layer.state) === null || _a === void 0 ? void 0 : _a["legend"]]);
+    if (!legendData || !layer.props.visible)
+        return null;
+    return (React.createElement("div", { style: { marginTop: 30 } },
+        legendData.discrete && (React.createElement(DiscreteColorLegend, { discreteData: legendData.metadata, dataObjectName: legendData.title, colorName: legendData.colorName, horizontal: horizontal, colorTables: colorTables })),
+        !legendData.discrete && (React.createElement(ContinuousLegend, { min: legendData.valueRange[0], max: legendData.valueRange[1], dataObjectName: legendData.title, colorName: legendData.colorName, horizontal: horizontal, id: layer.props.id, colorTables: colorTables, colorMapFunction: legendData.colorMapFunction, reverseRange: reverseRange }))));
+};
+export default ColorLegend;
+//# sourceMappingURL=ColorLegend.js.map

package/dist/components/ColorLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorLegend.js","sourceRoot":"","sources":["../../src/components/ColorLegend.tsx"],"names":[],"mappings":"AAAA,gDAAgD,CAAC,kCAAkC;AAEnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,mBAAmB,EACnB,gBAAgB,GACnB,MAAM,2BAA2B,CAAC;AA2BnC,MAAM,WAAW,GAA+B,CAAC,EAC7C,UAAU,EACV,KAAK,EACL,WAAW,EACX,YAAY,GACG,EAAE,EAAE;;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,EAE/C,CAAC;IACJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACjB,MAAM,WAAW,GAAG,MAAA,MAAA,KAAK,CAAC,aAAa,qDAAI,mCAAI,MAAA,KAAK,CAAC,KAAK,0CAAG,QAAQ,CAAC,CAAC;QACvE,aAAa,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,0CAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE3C,IAAI,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAErD,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;QACxB,UAAU,CAAC,QAAQ,IAAI,CACpB,oBAAC,mBAAmB,IAChB,YAAY,EACP,UAAqC,CAAC,QAAQ,EAEnD,cAAc,EAAE,UAAU,CAAC,KAAK,EAChC,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,GAC1B,CACL;QACA,CAAC,UAAU,CAAC,QAAQ,IAAI,CACrB,oBAAC,gBAAgB,IACb,GAAG,EAAG,UAAuC,CAAC,UAAU,CAAC,CAAC,CAAC,EAC3D,GAAG,EAAG,UAAuC,CAAC,UAAU,CAAC,CAAC,CAAC,EAC3D,cAAc,EAAE,UAAU,CAAC,KAAK,EAChC,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAC7C,YAAY,EAAE,YAAY,GAC5B,CACL,CACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/ColorLegends.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { ExtendedLayer } from "../layers/utils/layerTools";
+import { colorTablesArray } from "@emerson-eps/color-tables/";
+interface ColorLegendsProps {
+    cssStyle?: Record<string, unknown> | null;
+    horizontal?: boolean | null;
+    layers: ExtendedLayer<unknown>[];
+    colorTables: colorTablesArray | string | undefined;
+    reverseRange?: boolean;
+}
+declare const ColorLegends: React.FC<ColorLegendsProps>;
+export default ColorLegends;

package/dist/components/ColorLegends.js

@@ -0,0 +1,10 @@
+import React from "react";
+import ColorLegend from "./ColorLegend";
+// Todo: Adapt it for other layers too
+const ColorLegends = ({ cssStyle, horizontal, layers, colorTables, reverseRange, }) => {
+    if (layers.length == 0)
+        return null;
+    return (React.createElement("div", { style: Object.assign({ position: "absolute", display: "flex", zIndex: 999 }, cssStyle) }, layers.map((layer, index) => (React.createElement(ColorLegend, { layer: layer, horizontal: horizontal, key: index, colorTables: colorTables, reverseRange: reverseRange })))));
+};
+export default ColorLegends;
+//# sourceMappingURL=ColorLegends.js.map

package/dist/components/ColorLegends.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorLegends.js","sourceRoot":"","sources":["../../src/components/ColorLegends.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,MAAM,eAAe,CAAC;AAYxC,sCAAsC;AACtC,MAAM,YAAY,GAAgC,CAAC,EAC/C,QAAQ,EACR,UAAU,EACV,MAAM,EACN,WAAW,EACX,YAAY,GACI,EAAE,EAAE;IACpB,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CACH,6BACI,KAAK,kBACD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,GAAG,IACR,QAAQ,KAGd,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,WAAW,IACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,KAAK,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/DistanceScale.d.ts

@@ -0,0 +1,12 @@
+ 
+import React from "react";
+import { Unit } from "convert-units";
+export interface ScaleProps {
+    zoom?: number;
+    incrementValue?: number | null;
+    widthPerUnit?: number | null;
+    style?: Record<string, unknown>;
+    scaleUnit?: Unit;
+}
+declare const DistanceScale: React.FC<ScaleProps>;
+export default DistanceScale;

package/dist/components/DistanceScale.js

@@ -0,0 +1,45 @@
+/* eslint-disable react-hooks/exhaustive-deps */ // remove when ready to fix these.
+import React from "react";
+import convert from "convert-units";
+const roundToStep = function (num, step) {
+    return Math.floor(num / step + 0.5) * step;
+};
+const DistanceScale = ({ zoom, incrementValue, widthPerUnit, style, scaleUnit, }) => {
+    if (!zoom || !widthPerUnit || !incrementValue || !scaleUnit)
+        return null;
+    if (!convert().possibilities().includes(scaleUnit)) {
+        return null;
+    }
+    const widthInUnits = widthPerUnit / Math.pow(2, zoom);
+    const scaleValue = widthInUnits < incrementValue
+        ? Math.round(widthInUnits)
+        : roundToStep(widthInUnits, incrementValue);
+    const convertedUnit = convert(scaleValue)
+        .from(scaleUnit)
+        .toBest().unit;
+    const convertedValue = convert(scaleValue)
+        .from(scaleUnit)
+        .toBest().val;
+    const rulerWidth = scaleValue * Math.pow(2, zoom);
+    const scaleRulerStyle = {
+        width: rulerWidth,
+        height: "4px",
+        border: "2px solid",
+        borderTop: "none",
+        display: "inline-block",
+        marginLeft: "3px",
+    };
+    return (React.createElement("div", { style: Object.assign({ position: "absolute" }, style) },
+        React.createElement("label", { style: Object.assign({}, style) },
+            convertedValue.toFixed(0),
+            convertedUnit),
+        React.createElement("div", { style: scaleRulerStyle })));
+};
+DistanceScale.defaultProps = {
+    zoom: -3,
+    incrementValue: 100,
+    widthPerUnit: 100,
+    scaleUnit: "m",
+};
+export default DistanceScale;
+//# sourceMappingURL=DistanceScale.js.map

package/dist/components/DistanceScale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DistanceScale.js","sourceRoot":"","sources":["../../src/components/DistanceScale.tsx"],"names":[],"mappings":"AAAA,gDAAgD,CAAC,kCAAkC;AAEnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAiB,MAAM,eAAe,CAAC;AAe9C,MAAM,WAAW,GAAG,UAAU,GAAW,EAAE,IAAY;IACnD,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,aAAa,GAAyB,CAAC,EACzC,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,KAAK,EACL,SAAS,GACA,EAAE,EAAE;IACb,IAAI,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAEzE,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QAChD,OAAO,IAAI,CAAC;KACf;IAED,MAAM,YAAY,GAAG,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAEtD,MAAM,UAAU,GACZ,YAAY,GAAG,cAAc;QACzB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAC1B,CAAC,CAAC,WAAW,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,OAAO,CAAC,UAAU,CAAC;SACpC,IAAI,CAAC,SAAyB,CAAC;SAC/B,MAAM,EAAE,CAAC,IAAI,CAAC;IACnB,MAAM,cAAc,GAAG,OAAO,CAAC,UAAU,CAAC;SACrC,IAAI,CAAC,SAAyB,CAAC;SAC/B,MAAM,EAAE,CAAC,GAAG,CAAC;IAElB,MAAM,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAElD,MAAM,eAAe,GAAwB;QACzC,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,WAAW;QACnB,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,KAAK;KACpB,CAAC;IAEF,OAAO,CACH,6BACI,KAAK,kBACD,QAAQ,EAAE,UAAU,IACjB,KAAK;QAGZ,+BAAO,KAAK,oBAAO,KAAK;YACnB,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;YACzB,aAAa,CACV;QACR,6BAAK,KAAK,EAAE,eAAe,GAAQ,CACjC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IACzB,IAAI,EAAE,CAAC,CAAC;IACR,cAAc,EAAE,GAAG;IACnB,YAAY,EAAE,GAAG;IACjB,SAAS,EAAE,GAAG;CACjB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/InfoCard.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { LayerPickInfo } from "../layers/utils/layerTools";
+export interface InfoCardProps {
+    /**
+     * List of JSON object describing picking information of layers
+     * that are under the cursor.
+     */
+    pickInfos: LayerPickInfo[];
+}
+declare const InfoCard: React.FC<InfoCardProps>;
+export default InfoCard;

package/dist/components/InfoCard.js

@@ -0,0 +1,149 @@
+import React from "react";
+import { Collapse, Table, TableBody, TableCell, TableContainer, TableRow, } from "@mui/material";
+import { Button, Icon } from "@equinor/eds-core-react";
+import { arrow_drop_up, arrow_drop_down } from "@equinor/eds-icons";
+import { styled } from "@mui/system";
+import { rgb } from "d3-color";
+Icon.add({ arrow_drop_up, arrow_drop_down });
+const roundToSignificant = function (num) {
+    // Returns two significant figures (non-zero) for numbers with an absolute value less
+    // than 1, and two decimal places for numbers with an absolute value greater
+    // than 1.
+    return parseFloat(num.toExponential(Math.max(1, 2 + Math.log10(Math.abs(num)))));
+};
+const StyledTable = styled(Table)({
+    "& > *": {
+        backgroundColor: "#ffffffcc",
+        color: "#000000ff",
+        border: "2px solid #ccc",
+        padding: "0px",
+        borderRadius: "5px",
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        marginLeft: "3px",
+        marginBottom: "3px",
+    },
+});
+const StyledTableCell = styled(TableCell)({
+    border: "none",
+    padding: 0,
+    width: "20px",
+});
+const StyledTableRow = styled(TableRow)({
+    "& > *": {
+        padding: 0,
+    },
+});
+function Row(props) {
+    var _a, _b;
+    const { layer_data } = props;
+    const [open, setOpen] = React.useState(true);
+    if (((_a = layer_data.properties) === null || _a === void 0 ? void 0 : _a.length) == 0)
+        return null;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StyledTableRow, null,
+            React.createElement(StyledTableCell, null,
+                React.createElement(Button, { style: { padding: 0 }, variant: "ghost", onClick: () => setOpen(!open) }, open ? (React.createElement(Icon, { color: "currentColor", name: "arrow_drop_up" })) : (React.createElement(Icon, { color: "currentColor", name: "arrow_drop_down" })))),
+            React.createElement(TableCell, null,
+                " ",
+                layer_data.layerName,
+                " ")),
+        React.createElement(StyledTableRow, null,
+            React.createElement(TableCell, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: 2 },
+                React.createElement(Collapse, { in: open, timeout: "auto", unmountOnExit: true },
+                    React.createElement(Table, { size: "small", "aria-label": "properties" },
+                        React.createElement(TableBody, null, (_b = layer_data.properties) === null || _b === void 0 ? void 0 : _b.map((propertyRow) => (React.createElement(StyledTableRow, { key: propertyRow.name },
+                            React.createElement(TableCell, { style: {
+                                    border: "none",
+                                    paddingLeft: 10,
+                                    paddingRight: 10,
+                                } },
+                                propertyRow.color && (React.createElement("span", { style: {
+                                        color: rgb(...propertyRow.color).toString(),
+                                    } }, "\u2B24")),
+                                propertyRow.name),
+                            React.createElement(TableCell, { style: {
+                                    border: "none",
+                                    textAlign: "right",
+                                } }, typeof propertyRow.value ==
+                                "number"
+                                ? roundToSignificant(propertyRow.value)
+                                : propertyRow.value)))))))))));
+}
+const InfoCard = (props) => {
+    const [infoCardData, setInfoCardData] = React.useState(null);
+    React.useEffect(() => {
+        if (props.pickInfos.length === 0) {
+            setInfoCardData(null);
+            return;
+        }
+        const topObject = props.pickInfos[0];
+        if (topObject.coordinate === undefined ||
+            topObject.coordinate.length < 2) {
+            return;
+        }
+        const xy_properties = [];
+        xy_properties.push({
+            name: "x",
+            value: Number(topObject.coordinate[0]).toFixed(2).toString() + " m",
+        });
+        xy_properties.push({
+            name: "y",
+            value: Number(topObject.coordinate[1]).toFixed(2).toString() + " m",
+        });
+        const info_card_data = [];
+        info_card_data.push({
+            layerName: "Position",
+            properties: xy_properties,
+        });
+        props.pickInfos.forEach((info) => {
+            var _a, _b;
+            const layer_properties = info.properties;
+            const layer_name = (_b = (_a = info.layer) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.name;
+            // pick info can have 2 types of properties that can be displayed on the info card
+            // 1. defined as propertyValue, used for general layer info (now using for positional data)
+            // 2. Another defined as array of property object described by type PropertyDataType
+            // collecting card data for 1st type
+            const zValue = info.propertyValue;
+            if (typeof zValue !== "undefined") {
+                const property = xy_properties.find((item) => item.name === layer_name);
+                if (property) {
+                    property.value = zValue;
+                }
+                else {
+                    xy_properties.push({
+                        name: layer_name,
+                        value: zValue,
+                    });
+                }
+            }
+            // collecting card data for 2nd type
+            const layer = info_card_data.find((item) => item.layerName === layer_name);
+            if (layer) {
+                layer_properties === null || layer_properties === void 0 ? void 0 : layer_properties.forEach((layer_prop) => {
+                    var _a, _b;
+                    const property = (_a = layer.properties) === null || _a === void 0 ? void 0 : _a.find((item) => item.name === layer_prop.name);
+                    if (property) {
+                        property.value = layer_prop.value;
+                    }
+                    else {
+                        (_b = layer.properties) === null || _b === void 0 ? void 0 : _b.push(layer_prop);
+                    }
+                });
+            }
+            else {
+                info_card_data.push({
+                    layerName: layer_name || "unknown-layer",
+                    properties: layer_properties,
+                });
+            }
+        });
+        setInfoCardData(info_card_data);
+    }, [props.pickInfos]);
+    return (infoCardData && (React.createElement(TableContainer, null,
+        React.createElement(StyledTable, { "aria-label": "info-card" },
+            React.createElement(TableBody, null, infoCardData.map((card_data) => card_data.properties && (React.createElement(Row, { key: card_data.layerName, layer_data: card_data }))))))));
+};
+export default InfoCard;
+//# sourceMappingURL=InfoCard.js.map

package/dist/components/InfoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.js","sourceRoot":"","sources":["../../src/components/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,EACd,QAAQ,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAOrC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAG/B,IAAI,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,CAAC;AAe7C,MAAM,kBAAkB,GAAG,UAAU,GAAW;IAC5C,qFAAqF;IACrF,4EAA4E;IAC5E,UAAU;IACV,OAAO,UAAU,CACb,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAChE,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,EAAE;QACL,eAAe,EAAE,WAAW;QAC5B,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,KAAK;QACd,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,KAAK;KACtB;CACJ,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpC,OAAO,EAAE;QACL,OAAO,EAAE,CAAC;KACb;CACJ,CAAC,CAAC;AAEH,SAAS,GAAG,CAAC,KAAuC;;IAChD,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,IAAI,CAAA,MAAA,UAAU,CAAC,UAAU,0CAAE,MAAM,KAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACpD,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,cAAc;YACX,oBAAC,eAAe;gBACZ,oBAAC,MAAM,IACH,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACrB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAE5B,IAAI,CAAC,CAAC,CAAC,CACJ,oBAAC,IAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,eAAe,GAAG,CACrD,CAAC,CAAC,CAAC,CACA,oBAAC,IAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,iBAAiB,GAAG,CACvD,CACI,CACK;YAClB,oBAAC,SAAS;;gBAAG,UAAU,CAAC,SAAS;oBAAc,CAClC;QACjB,oBAAC,cAAc;YACX,oBAAC,SAAS,IACN,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAC1C,OAAO,EAAE,CAAC;gBAEV,oBAAC,QAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,EAAC,aAAa;oBAC5C,oBAAC,KAAK,IAAC,IAAI,EAAC,OAAO,gBAAY,YAAY;wBACvC,oBAAC,SAAS,QACL,MAAA,UAAU,CAAC,UAAU,0CAAE,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACzC,oBAAC,cAAc,IAAC,GAAG,EAAE,WAAW,CAAC,IAAI;4BACjC,oBAAC,SAAS,IACN,KAAK,EAAE;oCACH,MAAM,EAAE,MAAM;oCACd,WAAW,EAAE,EAAE;oCACf,YAAY,EAAE,EAAE;iCACnB;gCAEA,WAAW,CAAC,KAAK,IAAI,CAClB,8BACI,KAAK,EAAE;wCACH,KAAK,EAAE,GAAG,CACN,GAAI,WAAW,CAAC,KAKd,CACL,CAAC,QAAQ,EAAE;qCACf,IAEA,QAAQ,CACN,CACV;gCACA,WAAW,CAAC,IAAI,CACT;4BACZ,oBAAC,SAAS,IACN,KAAK,EAAE;oCACH,MAAM,EAAE,MAAM;oCACd,SAAS,EAAE,OAAO;iCACrB,IAEA,OAAO,WAAW,CAAC,KAAK;gCACzB,QAAQ;gCACJ,CAAC,CAAC,kBAAkB,CACd,WAAW,CAAC,KAAK,CACpB;gCACH,CAAC,CAAC,WAAW,CAAC,KAAK,CACf,CACC,CACpB,CAAC,CACM,CACR,CACD,CACH,CACC,CACJ,CACpB,CAAC;AACN,CAAC;AAED,MAAM,QAAQ,GAA4B,CAAC,KAAoB,EAAE,EAAE;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAEpD,IAAI,CAAC,CAAC;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9B,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,OAAO;SACV;QACD,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACrC,IACI,SAAS,CAAC,UAAU,KAAK,SAAS;YAClC,SAAS,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EACjC;YACE,OAAO;SACV;QAED,MAAM,aAAa,GAAuB,EAAE,CAAC;QAC7C,aAAa,CAAC,IAAI,CAAC;YACf,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,IAAI;SACtE,CAAC,CAAC;QACH,aAAa,CAAC,IAAI,CAAC;YACf,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,IAAI;SACtE,CAAC,CAAC;QAEH,MAAM,cAAc,GAAuB,EAAE,CAAC;QAC9C,cAAc,CAAC,IAAI,CAAC;YAChB,SAAS,EAAE,UAAU;YACrB,UAAU,EAAE,aAAa;SAC5B,CAAC,CAAC;QAEH,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;;YAC7B,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC;YACzC,MAAM,UAAU,GAAG,MACf,MAAA,IAAI,CAAC,KAAK,0CACJ,KACT,0CAAE,IAAI,CAAC;YAER,kFAAkF;YAClF,2FAA2F;YAC3F,oFAAoF;YAEpF,oCAAoC;YACpC,MAAM,MAAM,GAAI,IAAsB,CAAC,aAAa,CAAC;YACrD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBAC/B,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAC/B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CACrC,CAAC;gBACF,IAAI,QAAQ,EAAE;oBACV,QAAQ,CAAC,KAAK,GAAG,MAAM,CAAC;iBAC3B;qBAAM;oBACH,aAAa,CAAC,IAAI,CAAC;wBACf,IAAI,EAAE,UAAU;wBAChB,KAAK,EAAE,MAAM;qBAChB,CAAC,CAAC;iBACN;aACJ;YAED,oCAAoC;YACpC,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,UAAU,CAC1C,CAAC;YACF,IAAI,KAAK,EAAE;gBACP,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;;oBACrC,MAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,UAAU,0CAAE,IAAI,CACnC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,IAAI,CAC1C,CAAC;oBACF,IAAI,QAAQ,EAAE;wBACV,QAAQ,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;qBACrC;yBAAM;wBACH,MAAA,KAAK,CAAC,UAAU,0CAAE,IAAI,CAAC,UAAU,CAAC,CAAC;qBACtC;gBACL,CAAC,CAAC,CAAC;aACN;iBAAM;gBACH,cAAc,CAAC,IAAI,CAAC;oBAChB,SAAS,EAAE,UAAU,IAAI,eAAe;oBACxC,UAAU,EAAE,gBAAgB;iBAC/B,CAAC,CAAC;aACN;QACL,CAAC,CAAC,CAAC;QAEH,eAAe,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtB,OAAO,CACH,YAAY,IAAI,CACZ,oBAAC,cAAc;QACX,oBAAC,WAAW,kBAAY,WAAW;YAC/B,oBAAC,SAAS,QACL,YAAY,CAAC,GAAG,CACb,CAAC,SAAS,EAAE,EAAE,CACV,SAAS,CAAC,UAAU,IAAI,CACpB,oBAAC,GAAG,IACA,GAAG,EAAE,SAAS,CAAC,SAAS,EACxB,UAAU,EAAE,SAAS,GACvB,CACL,CACR,CACO,CACF,CACD,CACpB,CACJ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}