ColorTableTypes.ts => ColorMapFunction.ts

example-data/facies3wells.json

@@ -1857,7 +1857,7 @@
           "name": "discrete",
           "type": "stacked",
           "color": "red",
-          "colorFunction": "Stratigraphy"
+          "colorMapFunction": "Stratigraphy"
         },
         { "name": "categorical", "type": "stacked", "color": "green" }
       ]

example-data/welllog_template_2.json

@@ -191,7 +191,7 @@
     {
       "name": "discrete",
       "type": "stacked",
-      "colorFunction": "Stratigraphy"
+      "colorMapFunction": "Stratigraphy"
     }
   ]
 }

typescript/packages/well-log-viewer/src/SyncLogViewer.stories.tsx

@@ -2,7 +2,7 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import React from "react";
 
-import type { ColorMapFunction } from "./components/ColorTableTypes";
+import type ColorMapFunction from "./components/ColorMapFunction";
 import { colorTables } from "@emerson-eps/color-tables";
 const exampleColorMapFunctions = colorTables as ColorMapFunction[];
 import wellpickColorTables from "../../../../example-data/wellpick_colors.json";
@@ -21,7 +21,7 @@ import type {
 } from "./components/WellLogView";
 
 const ComponentCode =
-    '<SyncLogViewer id="SyncLogViewer" \r\n' +
+    "<SyncLogViewer id='SyncLogViewer' \r\n" +
     "    syncTrackPos==true \r\n" +
     "    syncContentDomain=true \r\n" +
     "    syncContentSelection=true \r\n" +
@@ -534,7 +534,7 @@ CustomLayout.parameters = {
 
 Default.tags = ["no-screenshot-test"];
 
-const TemplateWithSelection = (args: { welllogs: WellLog[] }) => {
+const TemplateWithSelection = (args: SyncLogViewerProps) => {
     const [showWell1, setShowWell1] = React.useState(true);
     const [showWell2, setShowWell2] = React.useState(true);
     const [showWell3, setShowWell3] = React.useState(true);
@@ -614,8 +614,6 @@ const TemplateWithSelection = (args: { welllogs: WellLog[] }) => {
                 </button>
             </div>
             <div style={{ width: "100%", height: "100%", flex: 1 }}>
-                {/*
-                 // @ts-expect-error TS2739 */}
                 <SyncLogViewer
                     id="SyncLogViewer2"
                     {...argsWithSelection}

typescript/packages/well-log-viewer/src/SyncLogViewer.test.tsx

@@ -6,7 +6,7 @@ import React from "react";
 import SyncLogViewer from "./SyncLogViewer";
 import { axisMnemos, axisTitles } from "./utils/axes";
 
-import type { ColorMapFunction } from "./components/ColorTableTypes";
+import type ColorMapFunction from "./components/ColorMapFunction";
 const exampleColorFunction = colorTables as ColorMapFunction[];
 // TODO: Fix this the next time the file is edited.
 // eslint-disable-next-line @typescript-eslint/no-require-imports

typescript/packages/well-log-viewer/src/WellLogViewer.stories.tsx

@@ -30,7 +30,7 @@ const welllogs = welllogsJson as unknown as WellLog[];
 import templateJson from "../../../../example-data/welllog_template_2.json";
 const template = templateJson as unknown as Template;
 
-import type { ColorMapFunction } from "./components/ColorTableTypes";
+import type ColorMapFunction from "./components/ColorMapFunction";
 
 import type { MapMouseEvent } from "@webviz/subsurface-viewer/dist/components/Map";
 

typescript/packages/well-log-viewer/src/WellLogViewer.test.tsx

@@ -5,7 +5,7 @@ import "jest-styled-components";
 import React from "react";
 import WellLogViewer from "./WellLogViewer";
 import type { WellLogController } from "./components/WellLogView";
-import type { ColorMapFunction } from "./components/ColorTableTypes";
+import type ColorMapFunction from "./components/ColorMapFunction";
 import { axisMnemos, axisTitles } from "./utils/axes";
 
 // TODO: Fix this the next time the file is edited.

typescript/packages/well-log-viewer/src/WellLogViewer_performance.test.tsx

@@ -7,7 +7,7 @@ import React, { Profiler } from "react";
 import WellLogViewer from "./WellLogViewer";
 import logTimes, { obj } from "./test/performanceMetrics";
 import { axisMnemos, axisTitles } from "./utils/axes";
-import type { ColorMapFunction } from "./components/ColorTableTypes";
+import type ColorMapFunction from "./components/ColorMapFunction";
 
 // TODO: Fix this the next time the file is edited.
 // eslint-disable-next-line @typescript-eslint/no-require-imports

typescript/packages/well-log-viewer/src/components/CommonPropTypes.ts

@@ -9,7 +9,7 @@ export const PatternsTableType = PropTypes.shape({
     patternNames: PropTypes.arrayOf(PropTypes.string),
 });
 
-// see ./ColorTableTypes.ts
+// see ./ColorMapFunction.ts
 export const ColorFunctionType = PropTypes.oneOfType([
     PropTypes.func,
     PropTypes.object,

typescript/packages/well-log-viewer/src/components/PlotDialog.tsx

@@ -5,7 +5,7 @@ import type { Track, GraphTrack } from "@equinor/videx-wellog";
 
 import type { TemplatePlot, TemplatePlotType } from "./WellLogTemplateTypes";
 import type { WellLog } from "./WellLogTypes";
-import type { ColorMapFunction } from "./ColorTableTypes";
+import type ColorMapFunction from "./ColorMapFunction";
 
 import type WellLogView from "./WellLogView";
 

typescript/packages/well-log-viewer/src/components/ScaleSelector.stories.tsx

@@ -49,7 +49,6 @@ const Template = (args: ScaleSelectorProps) => {
         <div>
             Scale:
             <ScaleSelector
-                //id="ScaleSelector"
                 {...args}
                 onChange={function (value: number): void {
                     setInfo("scale value=" + value);

typescript/packages/well-log-viewer/src/components/WellLogSpacer.tsx

@@ -5,7 +5,7 @@ import type { WellLogController, WellPickProps } from "./WellLogView";
 import { getWellPicks } from "./WellLogView";
 import type WellLogView from "./WellLogView";
 
-import type { ColorMapFunction } from "./ColorTableTypes";
+import type ColorMapFunction from "./ColorMapFunction";
 import type { PatternsTable, Pattern } from "../utils/pattern";
 import { createDefs, patternId } from "../utils/pattern";
 

typescript/packages/well-log-viewer/src/components/ZoomSlider.stories.tsx

@@ -49,7 +49,6 @@ const Template = (args: ZoomSliderProps) => {
             <div style={{ width: "97%", height: "100%", flex: 1 }}>
                 Zoom:
                 <ZoomSlider
-                    //id="ZoomSlider"
                     {...args}
                     onChange={function (value: number): void {
                         setInfo("zoom value=" + value);