fix comments

Author: shengwei zhang

react/src/lib/components/DeckGLMap/layers/BoxSelectionLayer/boxSelectionLayer.stories.tsx

@@ -1,5 +1,6 @@
 import { FormControlLabel, makeStyles, Switch } from "@material-ui/core";
 import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { PickInfo } from "lib";
 import React from "react";
 import DeckGLMap from "../../DeckGLMap";
 
@@ -22,8 +23,7 @@ const useStyles = makeStyles({
     },
 });
 
-export const boxSelection: ComponentStory<typeof DeckGLMap> = (args) => {
-    const [editedData, setEditedData] = React.useState(args.editedData);
+export const boxSelection: ComponentStory<typeof DeckGLMap> = () => {
     const [argsState, setArgsState] =
         React.useState<Record<string, unknown>>(enableLassoArgs);
     const [state, setState] = React.useState<boolean>(true);
@@ -34,7 +34,7 @@ export const boxSelection: ComponentStory<typeof DeckGLMap> = (args) => {
         );
         if (boxSelectionLayer[0].visible !== undefined) {
             boxSelectionLayer[0].visible = !boxSelectionLayer[0].visible;
-        }
+        };
         if (boxSelectionLayer[0].visible) {
             setArgsState(enableLassoArgs);
         } else {
@@ -43,22 +43,10 @@ export const boxSelection: ComponentStory<typeof DeckGLMap> = (args) => {
         setState(!state);
     }, [state]);
 
-    React.useEffect(() => {
-        setEditedData(args.editedData);
-    }, [args.editedData]);
-
     return (
         <>
             <div className={useStyles().main}>
-                <DeckGLMap
-                    id={"DeckGL-Map"}
-                    {...argsState}
-                    editedData={editedData}
-                    setProps={(updatedProps) => {
-                        setEditedData(updatedProps);
-                    }}
-                    legend={{ visible: false }}
-                />
+                <DeckGLMap id={"DeckGL-Map"} {...argsState} />
             </div>
             <div style={{ textAlign: "center" }}>
                 <FormControlLabel
@@ -128,7 +116,7 @@ export const boxSelectionWithCallback: ComponentStory<
     const [data, setData] = React.useState<string[]>([]);
     const getSelectedWellsDataCallBack = React.useCallback(
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (pickingInfos: any[]) => {
+        (pickingInfos: PickInfo[]) => {
             const selectedWells = pickingInfos
                 .map((item) => item.object)
                 .filter((item) => item.type === "Feature")

react/src/lib/components/DeckGLMap/layers/BoxSelectionLayer/boxSelectionLayer.tsx

@@ -7,6 +7,7 @@ import { ExtendedLayerProps } from "../utils/layerTools";
 import { getSize } from "../wells/wellsLayer";
 import { Color } from "@deck.gl/core/typed";
 import { Feature } from "geojson";
+import { PickInfo } from "lib";
 export interface BoxSelectionLayerProps<D> extends ExtendedLayerProps<D> {
     mode: string; // One of modes in MODE_MAP
     selectedFeatureIndexes: number[];
@@ -16,8 +17,7 @@ export interface BoxSelectionLayerProps<D> extends ExtendedLayerProps<D> {
     lineWidthScale: number;
     lineStyle: LineStyleAccessor;
     wellHeadStyle: WellHeadStyleAccessor;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    handleSelection: (pickingInfos: any[]) => void;
+    handleSelection: (pickingInfos: PickInfo[]) => void;
 }
 
 type StyleAccessorFunction = (

react/src/lib/components/DeckGLMap/layers/map/mapLayer.stories.tsx

@@ -907,7 +907,7 @@ export const ColorMapRange: ComponentStory<typeof DeckGLMap> = (args) => {
                 max={41048}
                 defaultValue={41048}
                 step={1000}
-                onChangeCommitted={handleChange}
+                onChange={handleChange}
             />
         </>
     );