@webviz/well-completions-plot 0.0.1-alpha.1

package/dist/WellCompletionsPlot.css

@@ -0,0 +1,6 @@
+.WellCompletionsPlot {
+    display: flex;
+    flex: 1;
+    height: 80%;
+    padding: 8px;
+}

package/dist/WellCompletionsPlot.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { PlotData } from "./types/dataTypes";
+import "./WellCompletionsPlot.css";
+export interface WellCompletionsPlotProps {
+    id: string;
+    timeSteps: string[];
+    plotData: PlotData;
+}
+export declare const WellCompletionsPlot: React.FC<WellCompletionsPlotProps>;

package/dist/WellCompletionsPlot.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { useResizeDetector } from "react-resize-detector";
+import { TooltipProvider } from "./components/TooltipProvider";
+import { CompletionsPlot } from "./components/CompletionsPlot";
+import { createLayout } from "./utils/layoutUtils";
+import { StratigraphyPlot } from "./components/StratigraphyPlot";
+import { WellsPlot } from "./components/WellsPlot";
+import "./WellCompletionsPlot.css";
+const padding = { left: 80, right: 50, top: 70, bottom: 50 };
+/* eslint-disable react/display-name */
+/* eslint-disable react/prop-types */
+export const WellCompletionsPlot = React.memo((props) => {
+    const { width, height, ref } = useResizeDetector({
+        refreshMode: "debounce",
+        refreshRate: 50,
+        refreshOptions: { trailing: true },
+    });
+    const layout = width !== undefined && height !== undefined
+        ? createLayout(width, height, padding)
+        : undefined;
+    return (React.createElement(TooltipProvider, null,
+        React.createElement("div", { ref: ref, id: props.id, className: "WellCompletionsPlot", "data-tip": true, "data-for": "plot-tooltip" }, layout && props.plotData && (React.createElement("svg", { id: `${props.id}-svg-context`, width: width, height: height, style: { position: "relative" } },
+            React.createElement(StratigraphyPlot, { data: props.plotData.stratigraphy, layout: layout, padding: padding }),
+            React.createElement(WellsPlot, { timeSteps: props.timeSteps, plotData: props.plotData, layout: layout, padding: padding }),
+            props.plotData && (React.createElement(CompletionsPlot, { plotData: props.plotData, layout: layout, padding: padding })))))));
+});
+WellCompletionsPlot.displayName = "WellCompletionsPlot";
+//# sourceMappingURL=WellCompletionsPlot.js.map

package/dist/WellCompletionsPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellCompletionsPlot.js","sourceRoot":"","sources":["../src/WellCompletionsPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,2BAA2B,CAAC;AAQnC,MAAM,OAAO,GAAY,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;AACtE,uCAAuC;AACvC,qCAAqC;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAC5B,KAAK,CAAC,IAAI,CAAC,CAAC,KAA+B,EAAE,EAAE;IAC3C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,iBAAiB,CAAC;QAC7C,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,EAAE;QACf,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KACrC,CAAC,CAAC;IAEH,MAAM,MAAM,GACR,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS;QACvC,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;QACtC,CAAC,CAAC,SAAS,CAAC;IAEpB,OAAO,CACH,oBAAC,eAAe;QACZ,6BACI,GAAG,EAAE,GAAsC,EAC3C,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,qBAAqB,gCAEvB,cAAc,IAEtB,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,CACzB,6BACI,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,cAAc,EAC7B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;YAE/B,oBAAC,gBAAgB,IACb,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,EACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAClB;YACF,oBAAC,SAAS,IACN,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAClB;YACD,KAAK,CAAC,QAAQ,IAAI,CACf,oBAAC,eAAe,IACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAClB,CACL,CACC,CACT,CACC,CACQ,CACrB,CAAC;AACN,CAAC,CAAC,CAAC;AAEP,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/components/CompletionsPlot.d.ts

@@ -0,0 +1,11 @@
+ 
+import React from "react";
+import { PlotData } from "../types/dataTypes";
+import { Padding, PlotLayout } from "../types/layoutTypes";
+interface CompletionsPlotProps {
+    plotData: PlotData;
+    layout: PlotLayout;
+    padding: Padding;
+}
+export declare const CompletionsPlot: React.FC<CompletionsPlotProps>;
+export {};

package/dist/components/CompletionsPlot.js

@@ -0,0 +1,65 @@
+/* eslint-disable react-hooks/exhaustive-deps */ // remove when ready to fix these.
+import React from "react";
+import { useTooltip } from "./TooltipProvider";
+const CompletionTooltipContent = (props) => {
+    return (React.createElement("table", { style: { color: "#fff" } },
+        React.createElement("tbody", null, [
+            ["Well name", props.wellName],
+            ["Stratigraphy", props.zoneName],
+            ["Open", props.completionData.open],
+            ["Shut", props.completionData.shut],
+            [
+                "Kh Mean",
+                `${props.completionData.khMean.toFixed(props.decimalPlaces)}${props.khUnit}`,
+            ],
+            [
+                "Kh Min",
+                `${props.completionData.khMin.toFixed(props.decimalPlaces)}${props.khUnit}`,
+            ],
+            [
+                "Kh Max",
+                `${props.completionData.khMax.toFixed(props.decimalPlaces)}${props.khUnit}`,
+            ],
+        ].map(([key, value]) => (React.createElement("tr", { key: `tooltip-${key}-${value}` },
+            React.createElement("td", null,
+                React.createElement("b", null, key)),
+            React.createElement("td", null, value)))))));
+};
+CompletionTooltipContent.displayName = "CompletionTooltipContent";
+/* eslint-disable react/prop-types */
+export const CompletionsPlot = (props) => {
+    const { setContent } = useTooltip();
+    const decimalPlaces = props.plotData.units.kh.decimalPlaces;
+    const khUnit = props.plotData.units.kh.unit.length > 0
+        ? ` ${props.plotData.units.kh.unit}`
+        : "";
+    const wellWidth = props.layout.xExtent / Math.max(props.plotData.wells.length, 1);
+    const barHeight = props.layout.yExtent / Math.max(props.plotData.stratigraphy.length, 1);
+    const onMouseMove = React.useCallback(function onMouseOver(e, well, completion) {
+        const zoneName = props.plotData.stratigraphy[Math.floor((e.nativeEvent.offsetY - props.padding.top) / barHeight)].name;
+        setContent(() => (React.createElement(CompletionTooltipContent, { zoneName: zoneName, wellName: well.name, completionData: completion, khUnit: khUnit, decimalPlaces: decimalPlaces })));
+    }, [setContent, props.plotData.stratigraphy, barHeight]);
+    const onMouseOut = React.useCallback(function onMouseOut() {
+        setContent(() => null);
+    }, [setContent]);
+    return (React.createElement("g", null, props.plotData.wells.map((well, i) => {
+        return (React.createElement("g", { transform: `translate(${props.padding.left + (i + 0.5) * wellWidth}, ${0})`, key: `well-${well.name}-completions` }, well.completions.map((completion, j) => {
+            const start = completion.zoneIndex;
+            const end = j === well.completions.length - 1
+                ? props.plotData.stratigraphy.length
+                : well.completions[j + 1].zoneIndex;
+            const totalWidth = completion.open + completion.shut;
+            return (React.createElement("g", { key: `well-${well.name}-completions-${j}` },
+                React.createElement("rect", { key: `well-${well.name}-completions-${j}-shut-left`, transform: `translate(${-totalWidth * wellWidth * 0.25}, ${start * barHeight +
+                        props.padding.top})`, width: (completion.shut * wellWidth) / 4, height: barHeight * (end - start), fill: "#f00", onMouseMove: (e) => onMouseMove(e, well, completion), onMouseOut: onMouseOut }),
+                React.createElement("rect", { key: `well-${well.name}-completions-${j}-open`, transform: `translate(${-completion.open * wellWidth * 0.25}, ${start * barHeight +
+                        props.padding.top})`, width: (completion.open * wellWidth) / 2, height: barHeight * (end - start), fill: "#111", onMouseMove: (e) => onMouseMove(e, well, completion), onMouseOut: onMouseOut }),
+                React.createElement("rect", { key: `well-${well.name}-completions-${j}-shut-right`, transform: `translate(${(totalWidth - completion.shut) *
+                        wellWidth *
+                        0.25}, ${start * barHeight +
+                        props.padding.top})`, width: (completion.shut * wellWidth) / 4, height: barHeight * (end - start), fill: "#f00", onMouseMove: (e) => onMouseMove(e, well, completion), onMouseOut: onMouseOut })));
+        })));
+    })));
+};
+CompletionsPlot.displayName = "CompletionsPlot";
+//# sourceMappingURL=CompletionsPlot.js.map

package/dist/components/CompletionsPlot.js.map

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

package/dist/components/StratigraphyPlot.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Zone } from "../types/dataTypes";
+import { Padding, PlotLayout } from "../types/layoutTypes";
+interface StratigraphyPlotProps {
+    data: Zone[];
+    layout: PlotLayout;
+    padding: Padding;
+}
+export declare const StratigraphyPlot: React.FC<StratigraphyPlotProps>;
+export {};

package/dist/components/StratigraphyPlot.js

@@ -0,0 +1,14 @@
+import React from "react";
+const shortenName = (str) => str.length >= 13 ? "..." + str.substring(str.length - 10, str.length) : str;
+/* eslint-disable react/prop-types */
+export const StratigraphyPlot = React.memo((props) => {
+    const barHeight = props.layout.yExtent / Math.max(props.data.length, 1);
+    return (React.createElement("g", null, props.data.map((zone, i) => {
+        return (React.createElement("g", { transform: `translate(0,${props.padding.top + i * barHeight})`, key: `zone-${zone.name}` },
+            React.createElement("rect", { transform: `translate(${props.padding.left}, 0)`, width: props.layout.xExtent, height: barHeight, fill: zone.color }),
+            React.createElement("title", null, zone.name),
+            React.createElement("text", { style: { fontSize: "11px" }, textAnchor: "end", x: props.padding.left - 4, y: barHeight / 2, dy: ".35em", fontFamily: "sans-serif" }, shortenName(zone.name))));
+    })));
+});
+StratigraphyPlot.displayName = "StratigraphyPlot";
+//# sourceMappingURL=StratigraphyPlot.js.map

package/dist/components/StratigraphyPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StratigraphyPlot.js","sourceRoot":"","sources":["../../src/components/StratigraphyPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAChC,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAChF,qCAAqC;AACrC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,KAAK,CAAC,IAAI,CACvE,CAAC,KAA4B,EAAE,EAAE;IAC7B,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAExE,OAAO,CACH,+BACK,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACxB,OAAO,CACH,2BACI,SAAS,EAAE,eACP,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,GAAG,SAC5B,GAAG,EACH,GAAG,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE;YAExB,8BACI,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,EAChD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAC3B,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,GAClB;YACF,mCAAQ,IAAI,CAAC,IAAI,CAAS;YAC1B,8BACI,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,UAAU,EAAC,KAAK,EAChB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,EACzB,CAAC,EAAE,SAAS,GAAG,CAAC,EAChB,EAAE,EAAE,OAAO,EACX,UAAU,EAAE,YAAY,IAEvB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CACpB,CACP,CACP,CAAC;IACN,CAAC,CAAC,CACF,CACP,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/components/TooltipProvider.d.ts

@@ -0,0 +1,17 @@
+import React, { PropsWithChildren } from "react";
+/**
+ * A tooltip provider for React components.
+ *
+ * Children of this provider can use the hook useTooltip to
+ * access setContent method which accepts a React component
+ * that will be displayed in the tooltip. Hiding the tooltip is
+ * done with setContent(null)
+ */
+declare const TooltipProvider: React.FC<PropsWithChildren<unknown>>;
+/**
+ *  A hook for displaying tooltips
+ */
+declare const useTooltip: () => {
+    setContent: React.Dispatch<React.SetStateAction<React.FC | null>>;
+};
+export { TooltipProvider, useTooltip };

package/dist/components/TooltipProvider.js

@@ -0,0 +1,33 @@
+import React from "react";
+import ReactTooltip from "react-tooltip";
+const TooltipContext = React.createContext({
+    setContent: () => null,
+});
+/**
+ * A tooltip provider for React components.
+ *
+ * Children of this provider can use the hook useTooltip to
+ * access setContent method which accepts a React component
+ * that will be displayed in the tooltip. Hiding the tooltip is
+ * done with setContent(null)
+ */
+const TooltipProvider = ({ children, }) => {
+    // State
+    const [Content, setContent] = React.useState(null);
+    const value = React.useMemo(() => ({
+        setContent,
+    }), [setContent]);
+    return (React.createElement(TooltipContext.Provider, { value: value },
+        children,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        React.createElement(ReactTooltip, { id: "plot-tooltip", getContent: () => Content })));
+};
+/**
+ *  A hook for displaying tooltips
+ */
+const useTooltip = () => {
+    return React.useContext(TooltipContext);
+};
+export { TooltipProvider, useTooltip };
+//# sourceMappingURL=TooltipProvider.js.map

package/dist/components/TooltipProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipProvider.js","sourceRoot":"","sources":["../../src/components/TooltipProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAEvC;IACC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI;CACzB,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,eAAe,GAAyC,CAAC,EAC3D,QAAQ,GACiB,EAAE,EAAE;IAC7B,QAAQ;IACR,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAEpE,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;KACb,CAAC,EACF,CAAC,UAAU,CAAC,CACf,CAAC;IAEF,OAAO,CACH,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAChC,QAAQ;QAEL,6DAA6D;QAC7D,mBAAmB;QACnB,oBAAC,YAAY,IAAC,EAAE,EAAC,cAAc,EAAC,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,GAAI,CAE3C,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,GAAG,GAEjB,EAAE;IACA,OAAO,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/WellsPlot.d.ts

@@ -0,0 +1,12 @@
+ 
+import React from "react";
+import { PlotData } from "../types/dataTypes";
+import { Padding, PlotLayout } from "../types/layoutTypes";
+interface WellsPlotProps {
+    timeSteps: string[];
+    plotData: PlotData;
+    layout: PlotLayout;
+    padding: Padding;
+}
+export declare const WellsPlot: React.FC<WellsPlotProps>;
+export {};

package/dist/components/WellsPlot.js

@@ -0,0 +1,43 @@
+/* eslint-disable react-hooks/exhaustive-deps */ // remove when ready to fix these.
+import React from "react";
+import { SortBy, SortByEnumToStringMapping, } from "../types/dataTypes";
+import { capitalizeFirstLetter } from "../utils/stringUtil";
+import { useTooltip } from "./TooltipProvider";
+const WellTooltipContent = (props) => {
+    return (React.createElement("table", { style: { color: "#fff" } },
+        React.createElement("tbody", null,
+            React.createElement("tr", { key: `well-tooltip-${props.name}-earliest-comp` },
+                React.createElement("td", null,
+                    React.createElement("b", null, SortByEnumToStringMapping[SortBy.CompletionDate])),
+                React.createElement("td", null, props.earliestCompDate)),
+            Object.entries(props.attributes).map(([key, value]) => (React.createElement("tr", { key: `well-tooltip-${name}-${key}` },
+                React.createElement("td", null,
+                    React.createElement("b", null, capitalizeFirstLetter(key))),
+                React.createElement("td", null, value || "Undefined")))))));
+};
+WellTooltipContent.displayName = "WellTooltipContent";
+/* eslint-disable react/prop-types */
+export const WellsPlot = (props) => {
+    const { setContent } = useTooltip();
+    const wellWidth = props.layout.xExtent / Math.max(props.plotData.wells.length, 1);
+    const barHeight = props.layout.yExtent / Math.max(props.plotData.stratigraphy.length, 1);
+    const onMouseOver = React.useCallback(function onMouseOver(well) {
+        setContent(() => (React.createElement(WellTooltipContent, { name: well.name, earliestCompDate: props.timeSteps[well.earliestCompDateIndex], attributes: well.attributes })));
+    }, [setContent, props.timeSteps]);
+    const onMouseOut = React.useCallback(function onMouseOut() {
+        setContent(() => null);
+    }, [setContent]);
+    return (React.createElement("g", null, props.plotData.wells.map((well, i) => {
+        const lastCompletion = Array.from(well.completions)
+            .reverse()
+            .find((comp) => comp.open + comp.shut > 0);
+        const height = lastCompletion
+            ? (lastCompletion.zoneIndex + 1) * barHeight
+            : 0;
+        return (React.createElement("g", { transform: `translate(${props.padding.left + (i + 0.5) * wellWidth},0)`, key: `well-${well.name}` },
+            React.createElement("text", { style: { fontSize: "9px" }, textAnchor: "start", transform: `translate(0,${props.padding.top - 10}) rotate(-60)`, x: 0, y: 0, dy: ".35em", fontFamily: "sans-serif", onMouseOver: () => onMouseOver(well), onMouseOut: onMouseOut }, well.name),
+            React.createElement("rect", { transform: `translate(0,${props.padding.top - 4})`, width: 0.5, height: height + 4, fill: "#111" })));
+    })));
+};
+WellsPlot.displayName = "WellsPlot";
+//# sourceMappingURL=WellsPlot.js.map

package/dist/components/WellsPlot.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { WellCompletionsPlot } from "./WellCompletionsPlot";
+export { AttributeTypePropType, SortBy, SortByEnumToStringMapping, SortDirection, UnitsPropType, WellInfoPropType, ZonePropTypes, } from "./types/dataTypes";
+export type { AttributeType, CompletionPlotData, PlotData, Units, WellInfo, WellPlotData, Zone, } from "./types/dataTypes";

package/dist/index.js

@@ -0,0 +1,3 @@
+export { WellCompletionsPlot } from "./WellCompletionsPlot";
+export { AttributeTypePropType, SortBy, SortByEnumToStringMapping, SortDirection, UnitsPropType, WellInfoPropType, ZonePropTypes, } from "./types/dataTypes";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACH,qBAAqB,EACrB,MAAM,EACN,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,GAChB,MAAM,mBAAmB,CAAC"}

package/dist/types/dataTypes.d.ts

@@ -0,0 +1,66 @@
+import PropTypes from "prop-types";
+import React from "react";
+export type AttributeType = string | number | boolean | undefined;
+export declare enum SortDirection {
+    Ascending = "Ascending",
+    Descending = "Descending"
+}
+export declare enum SortBy {
+    Name = "well name",
+    StratigraphyDepth = "stratigraphy depth",
+    CompletionDate = "earliest comp date"
+}
+export declare const SortByEnumToStringMapping: {
+    "well name": string;
+    "stratigraphy depth": string;
+    "earliest comp date": string;
+};
+export interface Zone {
+    name: string;
+    color: string;
+    subzones?: Zone[];
+}
+export interface WellInfo {
+    name: string;
+    earliestCompDateIndex: number;
+    attributes: Record<string, AttributeType>;
+}
+interface UnitInfo {
+    unit: string;
+    decimalPlaces: number;
+}
+export interface Units {
+    kh: UnitInfo;
+}
+export interface CompletionPlotData {
+    zoneIndex: number;
+    open: number;
+    shut: number;
+    khMean: number;
+    khMin: number;
+    khMax: number;
+}
+export interface WellPlotData extends WellInfo {
+    completions: CompletionPlotData[];
+}
+export interface PlotData {
+    stratigraphy: Zone[];
+    wells: WellPlotData[];
+    units: Units;
+}
+export declare const ZonePropTypes: PropTypes.Validator<NonNullable<PropTypes.InferProps<React.WeakValidationMap<Zone>>>>;
+export declare const AttributeTypePropType: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
+export declare const WellInfoPropType: PropTypes.Requireable<PropTypes.InferProps<{
+    name: PropTypes.Validator<string>;
+    earliestCompDateIndex: PropTypes.Validator<number>;
+    attributes: PropTypes.Validator<{
+        [x: string]: NonNullable<string | number | boolean | null | undefined> | null | undefined;
+    }>;
+}>>;
+export declare const UnitsPropType: PropTypes.Requireable<PropTypes.InferProps<{
+    kh: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        unit: PropTypes.Validator<string>;
+        decimalPlaces: PropTypes.Validator<number>;
+    }>>>;
+}>>;
+export {};

package/dist/types/dataTypes.js

@@ -0,0 +1,46 @@
+import PropTypes from "prop-types";
+export var SortDirection;
+(function (SortDirection) {
+    SortDirection["Ascending"] = "Ascending";
+    SortDirection["Descending"] = "Descending";
+})(SortDirection || (SortDirection = {}));
+export var SortBy;
+(function (SortBy) {
+    SortBy["Name"] = "well name";
+    SortBy["StratigraphyDepth"] = "stratigraphy depth";
+    SortBy["CompletionDate"] = "earliest comp date";
+})(SortBy || (SortBy = {}));
+export const SortByEnumToStringMapping = {
+    [SortBy.Name]: "Well name",
+    [SortBy.StratigraphyDepth]: "Stratigraphy depth",
+    [SortBy.CompletionDate]: "Earliest comp date",
+};
+// ---------------------------  PropTypes ---------------------------------------
+const ZoneShape = {
+    name: PropTypes.string.isRequired,
+    color: PropTypes.string.isRequired,
+};
+// Note: This is a solution for recursive definition for subzones, as subzones is an optional array of ZoneShape.
+// - Object.assign() resolves the issue of subzones being optional.
+// - PropTypes.arrayOf(PropTypes.shape(ZoneShape).isRequired) resolves the issue of subzones being recursive.
+Object.assign(ZoneShape, {
+    subzones: PropTypes.arrayOf(PropTypes.shape(ZoneShape).isRequired),
+});
+export const ZonePropTypes = PropTypes.shape(ZoneShape).isRequired;
+export const AttributeTypePropType = PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+    PropTypes.bool,
+]);
+export const WellInfoPropType = PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    earliestCompDateIndex: PropTypes.number.isRequired,
+    attributes: PropTypes.objectOf(AttributeTypePropType).isRequired,
+});
+export const UnitsPropType = PropTypes.shape({
+    kh: PropTypes.shape({
+        unit: PropTypes.string.isRequired,
+        decimalPlaces: PropTypes.number.isRequired,
+    }).isRequired,
+});
+//# sourceMappingURL=dataTypes.js.map

package/dist/types/dataTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTypes.js","sourceRoot":"","sources":["../../src/types/dataTypes.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACrB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;AAC7B,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED,MAAM,CAAN,IAAY,MAIX;AAJD,WAAY,MAAM;IACd,4BAAkB,CAAA;IAClB,kDAAwC,CAAA;IACxC,+CAAqC,CAAA;AACzC,CAAC,EAJW,MAAM,KAAN,MAAM,QAIjB;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW;IAC1B,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,oBAAoB;IAChD,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,oBAAoB;CAChD,CAAC;AAyCF,iFAAiF;AAEjF,MAAM,SAAS,GAAkC;IAC7C,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACrC,CAAC;AAEF,iHAAiH;AACjH,mEAAmE;AACnE,6GAA6G;AAC7G,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IACrB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC;CACrE,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC;AAEnE,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC,SAAS,CAAC;IACrD,SAAS,CAAC,MAAM;IAChB,SAAS,CAAC,MAAM;IAChB,SAAS,CAAC,IAAI;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,KAAK,CAAC;IAC5C,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,qBAAqB,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClD,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,UAAU;CACnE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC;IACzC,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC;QAChB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;QACjC,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;KAC7C,CAAC,CAAC,UAAU;CAChB,CAAC,CAAC"}

package/dist/types/layoutTypes.d.ts

@@ -0,0 +1,16 @@
+export interface PlotLayout {
+    width: number;
+    height: number;
+    xRange: [number, number];
+    yRange: [number, number];
+    xExtent: number;
+    yExtent: number;
+    topLeft: [number, number];
+    bottomRight: [number, number];
+}
+export interface Padding {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}

package/dist/types/layoutTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=layoutTypes.js.map

package/dist/types/layoutTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutTypes.js","sourceRoot":"","sources":["../../src/types/layoutTypes.ts"],"names":[],"mappings":""}

package/dist/utils/layoutUtils.d.ts

@@ -0,0 +1,2 @@
+import { Padding, PlotLayout } from "../types/layoutTypes";
+export declare function createLayout(width: number, height: number, padding?: Padding): PlotLayout;

package/dist/utils/layoutUtils.js

@@ -0,0 +1,22 @@
+export function createLayout(width, height, padding = { bottom: 0, top: 0, left: 0, right: 0 }) {
+    const xRange = [padding.left, width - padding.right];
+    const yRange = [height - padding.bottom, padding.top];
+    const xExtent = Math.abs(xRange[0] - xRange[1]);
+    const yExtent = Math.abs(yRange[0] - yRange[1]);
+    const topLeft = [padding.left, padding.top];
+    const bottomRight = [
+        width - padding.right,
+        height - padding.bottom,
+    ];
+    return {
+        width: width,
+        height: height,
+        xRange: xRange,
+        yRange: yRange,
+        xExtent: xExtent,
+        yExtent: yExtent,
+        topLeft: topLeft,
+        bottomRight: bottomRight,
+    };
+}
+//# sourceMappingURL=layoutUtils.js.map

package/dist/utils/layoutUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutUtils.js","sourceRoot":"","sources":["../../src/utils/layoutUtils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CACxB,KAAa,EACb,MAAc,EACd,UAAmB,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IAE3D,MAAM,MAAM,GAAqB,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,MAAM,GAAqB,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,OAAO,GAAqB,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC9D,MAAM,WAAW,GAAqB;QAClC,KAAK,GAAG,OAAO,CAAC,KAAK;QACrB,MAAM,GAAG,OAAO,CAAC,MAAM;KAC1B,CAAC;IAEF,OAAO;QACH,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,WAAW;KAC3B,CAAC;AACN,CAAC"}

package/dist/utils/stringUtil.d.ts

@@ -0,0 +1,5 @@
+/**
+ * capitalize the first letter in the given name
+ * @param name
+ */
+export declare const capitalizeFirstLetter: (name: string) => string;

package/dist/utils/stringUtil.js

@@ -0,0 +1,8 @@
+/**
+ * capitalize the first letter in the given name
+ * @param name
+ */
+export const capitalizeFirstLetter = (name) => {
+    return name.length === 0 ? name : name[0].toUpperCase() + name.slice(1);
+};
+//# sourceMappingURL=stringUtil.js.map

package/dist/utils/stringUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringUtil.js","sourceRoot":"","sources":["../../src/utils/stringUtil.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAY,EAAU,EAAE;IAC1D,OAAO,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC5E,CAAC,CAAC"}

package/dist/utils/stringUtil.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/stringUtil.test.js

@@ -0,0 +1,13 @@
+import { capitalizeFirstLetter } from "./stringUtil";
+describe("capitalize the first letter", () => {
+    it("should capitalize the first letter", () => {
+        expect(capitalizeFirstLetter("a")).toEqual("A");
+        expect(capitalizeFirstLetter("ABC")).toEqual("ABC");
+        expect(capitalizeFirstLetter("aBC")).toEqual("ABC");
+        expect(capitalizeFirstLetter("hello world")).toEqual("Hello world");
+    });
+    it("should do nothing if string is empty", () => {
+        expect(capitalizeFirstLetter("")).toEqual("");
+    });
+});
+//# sourceMappingURL=stringUtil.test.js.map

package/dist/utils/stringUtil.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringUtil.test.js","sourceRoot":"","sources":["../../src/utils/stringUtil.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC1C,MAAM,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAChD,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpD,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpD,MAAM,CAAC,qBAAqB,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,29 @@
+{
+    "name": "@webviz/well-completions-plot",
+    "version": "0.0.1-alpha.1",
+    "description": "",
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "files": [
+        "/dist"
+    ],
+    "scripts": {
+        "transpile": "tsc --project ./tsconfig.json",
+        "copy-files": "copyfiles --up 1 \"src/**/*.css\" dist/",
+        "build": "git clean -xdff dist && npm run transpile && npm run copy-files",
+        "test_perf": "jest _performance",
+        "test_correctness": "jest --coverage --testPathIgnorePatterns='_performance'",
+        "test": "jest --coverage",
+        "test:update": "npm test -- --u",
+        "test:watch": "npm test -- --watch"
+    },
+    "author": "Equinor <opensource@equinor.com>",
+    "license": "MPL-2.0",
+    "dependencies": {
+        "react-resize-detector": "^9.1.0",
+        "react-tooltip": "^4.2.21"
+    },
+    "volta": {
+        "node": "16.18.1"
+    }
+}