Fix symbology for newly created layers (#1013)

Author: martinRenou

packages/base/src/formbuilder/objectform/layer/heatmapLayerForm.ts

@@ -1,5 +1,5 @@
 import { IDict, IGeoJSONSource, IHeatmapLayer } from '@jupytergis/schema';
-import { IChangeEvent } from '@rjsf/core';
+import { IChangeEvent, ISubmitEvent } from '@rjsf/core';
 
 import { loadFile } from '@/src/tools';
 import { ILayerProps, LayerPropertiesForm } from './layerform';
@@ -25,6 +25,12 @@ export class HeatmapLayerPropertiesForm extends LayerPropertiesForm {
     }
   }
 
+  protected onFormSubmit(e: ISubmitEvent<any>): void {
+    e.formData.symbologyState = {};
+
+    return super.onFormSubmit(e);
+  }
+
   protected onFormChange(e: IChangeEvent): void {
     super.onFormChange(e);
 

packages/base/src/formbuilder/objectform/layer/vectorlayerform.ts

@@ -1,5 +1,5 @@
 import { IDict, IVectorLayer } from '@jupytergis/schema';
-import { IChangeEvent } from '@rjsf/core';
+import { IChangeEvent, ISubmitEvent } from '@rjsf/core';
 
 import { ILayerProps, LayerPropertiesForm } from './layerform';
 
@@ -14,6 +14,12 @@ export class VectorLayerPropertiesForm extends LayerPropertiesForm {
     super(props);
   }
 
+  protected onFormSubmit(e: ISubmitEvent<any>): void {
+    e.formData.symbologyState = {};
+
+    return super.onFormSubmit(e);
+  }
+
   protected onFormChange(e: IChangeEvent): void {
     super.onFormChange(e);
 

packages/base/src/formbuilder/objectform/layer/webGlLayerForm.tsx

@@ -1,11 +1,18 @@
 import { IDict } from '@jupytergis/schema';
 
 import { LayerPropertiesForm } from './layerform';
+import { ISubmitEvent } from '@rjsf/core';
 
 /**
  * The form to modify a hillshade layer.
  */
 export class WebGlLayerPropertiesForm extends LayerPropertiesForm {
+  protected onFormSubmit(e: ISubmitEvent<any>): void {
+    e.formData.symbologyState = {};
+
+    return super.onFormSubmit(e);
+  }
+
   protected processSchema(
     data: IDict<any> | undefined,
     schema: IDict,