Take review comments into account.

Author: HaudinFlorence

packages/base/src/commands.ts

@@ -948,9 +948,9 @@ export function addCommands(
         if (!selectedLayer) {
           return false;
         } else if (model.checkIfIsADrawVectorLayer(selectedLayer) === true) {
-          return model.isDrawVectorLayerEnabled;
+          return model.editingVectorLayer;
         } else {
-          model.isDrawVectorLayerEnabled === false;
+          model.editingVectorLayer === false;
           return false;
         }
       } else {
@@ -983,14 +983,14 @@ export function addCommands(
         if (!selectedLayer) {
           return false;
         } else {
-          if (model.isDrawVectorLayerEnabled === false) {
-            model.isDrawVectorLayerEnabled = true;
+          if (model.editingVectorLayer === false) {
+            model.editingVectorLayer = true;
           } else {
-            model.isDrawVectorLayerEnabled = false;
+            model.editingVectorLayer = false;
           }
         }
 
-        model.updateIsDrawVectorLayerEnabled();
+        model.updateEditingVectorLayer();
         commands.notifyCommandChanged(CommandIDs.toggleDrawFeatures);
       }
     },

packages/base/src/mainview/mainView.tsx

@@ -117,7 +117,7 @@ interface IStates {
   loadingErrors: Array<{ id: string; error: any; index: number }>;
   displayTemporalController: boolean;
   filterStates: IDict<IJGISFilterItem | undefined>;
-  isDrawVectorLayerEnabled: boolean;
+  editingVectorLayer: boolean;
   drawGeometryLabel: string | undefined;
 }
 
@@ -170,8 +170,8 @@ export class MainView extends React.Component<IProps, IStates> {
       this._handleGeolocationChanged,
       this,
     );
-    this._model.drawVectorLayerChanged.connect(
-      this._updateIsDrawVectorLayerEnabled,
+    this._model.editingVectorLayerChanged.connect(
+      this._updateEditingVectorLayer,
       this,
     );
 
@@ -201,7 +201,7 @@ export class MainView extends React.Component<IProps, IStates> {
       loadingErrors: [],
       displayTemporalController: false,
       filterStates: {},
-      isDrawVectorLayerEnabled: false,
+      editingVectorLayer: false,
       drawGeometryLabel: '',
     };
 
@@ -250,7 +250,7 @@ export class MainView extends React.Component<IProps, IStates> {
 
     this._model.sharedModel.awareness.off(
       'change',
-      this._onSelectedLayerChangeHandler,
+      this._onSelectedLayerChange,
     );
     this._mainViewModel.dispose();
   }
@@ -408,24 +408,13 @@ export class MainView extends React.Component<IProps, IStates> {
         },
       }));
 
-      /* generate select, modify and snap interactions for features of layers already added to the Map */
-      this._select = new Select();
-      this._modify = new Modify({
-        features: this._select.getFeatures(),
-      });
-
-      this._Map.addInteraction(this._select);
-      this._Map.addInteraction(this._modify);
-
-      this._select.setActive(true);
-      this._modify.setActive(true);
-
+     
       /* Track changes of selected layers
       Get the vector source of the selected layer
       Edit the vector layer*/
       this._model.sharedModel.awareness.on(
         'change',
-        this._onSelectedLayerChangeHandler,
+        this._onSelectedLayerChange,
       );
     }
   }
@@ -1379,8 +1368,8 @@ export class MainView extends React.Component<IProps, IStates> {
     const parsedGeometry = isOlGeometry
       ? geometry
       : new GeoJSON().readGeometry(geometry, {
-          featureProjection: this._Map.getView().getProjection(),
-        });
+        featureProjection: this._Map.getView().getProjection(),
+      });
 
     const olFeature = new Feature({
       geometry: parsedGeometry,
@@ -1515,8 +1504,8 @@ export class MainView extends React.Component<IProps, IStates> {
     const JGISLayer = this._model.getLayer(selectedLayerID);
     if (JGISLayer) {
       if (this._model.checkIfIsADrawVectorLayer(JGISLayer) === false) {
-        this._model.isDrawVectorLayerEnabled = false;
-        this._updateIsDrawVectorLayerEnabled();
+        this._model.editingVectorLayer = false;
+        this._updateEditingVectorLayer();
       }
     }
 
@@ -1767,8 +1756,8 @@ export class MainView extends React.Component<IProps, IStates> {
         if (
           this._model.checkIfIsADrawVectorLayer(oldLayer as IJGISLayer) === true
         ) {
-          this._model.isDrawVectorLayerEnabled = false;
-          this._updateIsDrawVectorLayerEnabled();
+          this._model.editingVectorLayer = false;
+          this._updateEditingVectorLayer();
           this._mainViewModel.commands.notifyCommandChanged(
             CommandIDs.toggleDrawFeatures,
           );
@@ -2093,11 +2082,11 @@ export class MainView extends React.Component<IProps, IStates> {
     // TODO SOMETHING
   };
 
-  private _updateIsDrawVectorLayerEnabled() {
-    const isDrawVectorLayerEnabled: boolean =
-      this._model.isDrawVectorLayerEnabled;
-    this.setState(old => ({ ...old, isDrawVectorLayerEnabled }));
-    if (isDrawVectorLayerEnabled === false && this._draw) {
+  private _updateEditingVectorLayer() {
+    const editingVectorLayer: boolean =
+      this._model.editingVectorLayer;
+    this.setState(old => ({ ...old, editingVectorLayer }));
+    if (editingVectorLayer === false && this._draw) {
       this._removeDrawInteraction();
     }
   }
@@ -2181,7 +2170,7 @@ export class MainView extends React.Component<IProps, IStates> {
 
   _updateDrawSource = () => {
     if (this._currentVectorSource) {
-      this._currentVectorSource.on('change', this._onVectorSourceChangeHandler);
+      this._currentVectorSource.on('change', this._onVectorSourceChange);
     }
   };
 
@@ -2253,11 +2242,7 @@ export class MainView extends React.Component<IProps, IStates> {
     this._Map.removeInteraction(this._modify);
   };
 
-  private _onVectorSourceChangeHandler = () => {
-    this._onVectorSourceChange();
-  };
-
-  private _onSelectedLayerChangeHandler = () => {
+  private _onSelectedLayerChange = () => {
     const selectedLayers =
       this._model.sharedModel.awareness.getLocalState()?.selected?.value;
     const selectedLayerId = selectedLayers
@@ -2298,7 +2283,7 @@ export class MainView extends React.Component<IProps, IStates> {
           );
         })}
 
-        {this.state.isDrawVectorLayerEnabled && (
+        {this.state.editingVectorLayer && (
           <div
             style={{
               position: 'absolute',
@@ -2325,7 +2310,7 @@ export class MainView extends React.Component<IProps, IStates> {
                 <option value="Select Geometry" selected hidden>
                   Geometry type
                 </option>
-                {drawGeometries.map(geometryType => (
+                {DRAW_GEOMETRIES.map(geometryType => (
                   <option key={geometryType} value={geometryType}>
                     {geometryType}
                   </option>

packages/schema/src/interfaces.ts

@@ -179,7 +179,7 @@ export interface IJupyterGISModel extends DocumentRegistry.IModel {
   geolocationChanged: Signal<IJupyterGISModel, JgisCoordinates>;
   flyToGeometrySignal: Signal<IJupyterGISModel, any>;
   highlightFeatureSignal: Signal<IJupyterGISModel, any>;
-  drawVectorLayerChanged: Signal<IJupyterGISModel, boolean>;
+  editingVectorLayerChanged: Signal<IJupyterGISModel, boolean>;
 
   contentsManager: Contents.IManager | undefined;
   filePath: string;
@@ -235,9 +235,9 @@ export interface IJupyterGISModel extends DocumentRegistry.IModel {
   triggerLayerUpdate(layerId: string, layer: IJGISLayer): void;
 
   disposed: ISignal<any, void>;
-  isDrawVectorLayerEnabled: boolean;
+  editingVectorLayer: boolean;
   checkIfIsADrawVectorLayer(JGISlayer: IJGISLayer): boolean;
-  updateIsDrawVectorLayerEnabled(): void;
+  updateEditingVectorLayer(): void;
 }
 
 export interface IUserData {

packages/schema/src/model.ts

@@ -55,7 +55,7 @@ export class JupyterGISModel implements IJupyterGISModel {
       this,
     );
     this.annotationModel = annotationModel;
-    this.isDrawVectorLayerEnabled = false;
+    this._editingVectorLayer = false;
     this.settingRegistry = settingRegistry;
     this._pathChanged = new Signal<JupyterGISModel, string>(this);
   }
@@ -740,8 +740,8 @@ export class JupyterGISModel implements IJupyterGISModel {
     this.updateLayerSignal.emit(JSON.stringify({ layerId, layer }));
   };
 
-  updateIsDrawVectorLayerEnabled() {
-    this.drawVectorLayerChanged.emit(this.isDrawVectorLayerEnabled);
+  updateEditingVectorLayer() {
+    this._editingVectorLayerChanged.emit(this._editingVectorLayer);
   }
 
   checkIfIsADrawVectorLayer(layer: IJGISLayer): boolean {
@@ -769,6 +769,19 @@ export class JupyterGISModel implements IJupyterGISModel {
     return this._geolocationChanged;
   }
 
+    get editingVectorLayer(): boolean {
+    return this._editingVectorLayer;
+  }
+
+  set editingVectorLayer(editingVectorLayer: boolean) {
+    this._editingVectorLayer = editingVectorLayer;
+    this.editingVectorLayerChanged.emit(this.editingVectorLayer);
+  }
+
+  get editingVectorLayerChanged() {
+    return this._editingVectorLayerChanged;
+  }
+
   readonly defaultKernelName: string = '';
   readonly defaultKernelLanguage: string = '';
   readonly annotationModel?: IAnnotationModel;
@@ -810,8 +823,8 @@ export class JupyterGISModel implements IJupyterGISModel {
   private _geolocation: JgisCoordinates;
   private _geolocationChanged = new Signal<this, JgisCoordinates>(this);
 
-  private editingVectorLayer: boolean;
-  private editingVectorLayerChanged = new Signal<this, boolean>(this);
+  private _editingVectorLayer: boolean;
+  private _editingVectorLayerChanged = new Signal<this, boolean>(this);
 }
 
 export namespace JupyterGISModel {