feat(vector-map): add semantic view as a default and stop masking content of...

feat(vector-map): add semantic view as a default and stop masking content of elemenets when text labels appear

Closes MIN-115

src/components/Map/MapViewer/MapViewerVector/utils/shapes/elements/BaseMultiPolygon.ts

@@ -196,8 +196,6 @@ export default abstract class BaseMultiPolygon {
       });
       const textPolygon = new Polygon([[textCoords, textCoords]]);
       textPolygon.set('type', MAP_ELEMENT_TYPES.TEXT);
-      textPolygon.set('text', this.text);
-      textPolygon.set('fontSize', this.fontSize);
       const textStyle = getTextStyle({
         text: this.text,
         fontSize: this.fontSize,
@@ -267,12 +265,11 @@ export default abstract class BaseMultiPolygon {
     feature.set('hidden', false);
 
     let hide = false;
-    if (this.mapBackgroundType === MapBackgroundsEnum.SEMANTIC) {
+    if (this.mapBackgroundType === MapBackgroundsEnum.SEMANTIC && scale < 0.34) {
       const semanticViewData = handleSemanticView(
         this.vectorSource,
         feature,
         resolution,
-        scale,
         this.compartmentId,
         this.complexId,
       );
@@ -286,8 +283,6 @@ export default abstract class BaseMultiPolygon {
     }
 
     let type: string;
-    let fontSize: number;
-    let text: string;
     let coverStyle: Style | undefined;
     let strokeStyle: Stroke | undefined;
 
@@ -295,8 +290,6 @@ export default abstract class BaseMultiPolygon {
       const styleGeometry = style.getGeometry();
       if (styleGeometry instanceof Polygon) {
         type = styleGeometry.get('type');
-        text = styleGeometry.get('text');
-        fontSize = styleGeometry.get('fontSize') || 10;
         coverStyle = styleGeometry.get('coverStyle');
         strokeStyle = styleGeometry.get('strokeStyle');
       }
@@ -317,17 +310,13 @@ export default abstract class BaseMultiPolygon {
         return;
       }
 
-      if (
-        [MAP_ELEMENT_TYPES.MODIFICATION, MAP_ELEMENT_TYPES.TEXT].includes(type) &&
-        scale * fontSize <= 4
-      ) {
+      if ([MAP_ELEMENT_TYPES.MODIFICATION, MAP_ELEMENT_TYPES.TEXT].includes(type) && scale < 0.34) {
         return;
       }
 
       const textStyle = style.getText();
       if (type === 'text' && textStyle) {
         textStyle.setScale(scale);
-        textStyle.setText(text);
       }
       if (strokeStyle) {
         const lineWidth = strokeStyle.getWidth() || 1;