@reearth/core 0.0.7-alpha.6 → 0.0.7-alpha.60

package/src/Map/Sketch/index.tsx

@@ -3,11 +3,17 @@
 import { ForwardRefRenderFunction, RefObject, forwardRef } from "react";
 
 import { ComputedLayer, SelectedFeatureInfo } from "../../mantle";
-import { InteractionModeType } from "../../Visualizer/interactionMode";
+import { InteractionModeType } from "../../shared/interactionMode";
 import { EngineRef, Feature, LayerSelectionReason, LayersRef, SketchRef } from "../types";
 
 import useHooks from "./hooks";
-import { SketchComponentType, SketchEventProps, SketchFeature, SketchType } from "./types";
+import {
+  SketchComponentType,
+  SketchEditingFeature,
+  SketchEventProps,
+  SketchFeature,
+  SketchType,
+} from "./types";
 
 export * from "./types";
 
@@ -20,8 +26,8 @@ export type OnLayerSelectType = (
 ) => void;
 
 export type SketchProps = {
-  layersRef: RefObject<LayersRef>;
-  engineRef: RefObject<EngineRef>;
+  layersRef: RefObject<LayersRef | null>;
+  engineRef: RefObject<EngineRef | null>;
   SketchComponent?: SketchComponentType;
   selectedFeature?: Feature;
   interactionMode?: InteractionModeType;
@@ -29,7 +35,14 @@ export type SketchProps = {
   onSketchTypeChange?: (type: SketchType | undefined, from?: "editor" | "plugin") => void;
   onSketchFeatureCreate?: (feature: SketchFeature | null) => void;
   onSketchPluginFeatureCreate?: (props: SketchEventProps) => void;
+  onSketchFeatureUpdate?: (feature: SketchFeature | null) => void;
+  onSketchPluginFeatureUpdate?: (props: SketchEventProps) => void;
+  onSketchFeatureDelete?: (layerId: string, featureId: string) => void;
+  onSketchPluginFeatureDelete?: (props: { layerId: string; featureId: string }) => void;
   onLayerSelect?: OnLayerSelectType;
+  sketchEditingFeature?: SketchEditingFeature;
+  onSketchEditFeature?: (feature: SketchEditingFeature | undefined) => void;
+  onMount?: () => void;
 };
 
 const Sketch: ForwardRefRenderFunction<SketchRef, SketchProps> = (
@@ -43,23 +56,51 @@ const Sketch: ForwardRefRenderFunction<SketchRef, SketchProps> = (
     onSketchTypeChange,
     onSketchFeatureCreate,
     onSketchPluginFeatureCreate,
+    onSketchFeatureUpdate,
+    onSketchPluginFeatureUpdate,
+    onSketchFeatureDelete,
+    onSketchPluginFeatureDelete,
     onLayerSelect,
+    sketchEditingFeature,
+    onSketchEditFeature,
+    onMount,
   },
   ref,
 ) => {
-  const { state, extrudedHeight, geometryOptions, color, disableShadow, enableRelativeHeight } =
-    useHooks({
-      ref,
-      layersRef,
-      engineRef,
-      interactionMode,
-      selectedFeature,
-      overrideInteractionMode,
-      onSketchTypeChange,
-      onSketchFeatureCreate,
-      onSketchPluginFeatureCreate,
-      onLayerSelect,
-    });
+  const {
+    state,
+    isEditing,
+    catchedControlPointIndex,
+    catchedExtrudedPoint,
+    extrudedHeight,
+    extrudedPoint,
+    centroidBasePoint,
+    centroidExtrudedPoint,
+    geometryOptions,
+    color,
+    disableShadow,
+    handleControlPointMouseEvent,
+    handleAddControlPoint,
+    selectedControlPointIndex,
+  } = useHooks({
+    ref,
+    layersRef,
+    engineRef,
+    interactionMode,
+    selectedFeature,
+    overrideInteractionMode,
+    onSketchTypeChange,
+    onSketchFeatureCreate,
+    onSketchPluginFeatureCreate,
+    onSketchFeatureUpdate,
+    onSketchPluginFeatureUpdate,
+    onSketchFeatureDelete,
+    onSketchPluginFeatureDelete,
+    onLayerSelect,
+    sketchEditingFeature,
+    onSketchEditFeature,
+    onMount,
+  });
   if (state.matches("idle")) {
     return null;
   }
@@ -68,10 +109,16 @@ const Sketch: ForwardRefRenderFunction<SketchRef, SketchProps> = (
       geometryOptions={geometryOptions}
       color={color}
       disableShadow={disableShadow}
-      enableRelativeHeight={enableRelativeHeight}
-      {...(state.matches("extruding") && {
-        extrudedHeight,
-      })}
+      isEditing={isEditing}
+      catchedControlPointIndex={catchedControlPointIndex}
+      catchedExtrudedPoint={catchedExtrudedPoint}
+      extrudedHeight={extrudedHeight}
+      extrudedPoint={extrudedPoint}
+      centroidBasePoint={centroidBasePoint}
+      centroidExtrudedPoint={centroidExtrudedPoint}
+      handleControlPointMouseEvent={handleControlPointMouseEvent}
+      handleAddControlPoint={handleAddControlPoint}
+      selectedControlPointIndex={selectedControlPointIndex}
     />
   ) : null;
 };