feat(vector-map): add text for filled compartments in a semantic view

Closes MIN-108

src/components/Map/MapViewer/MapViewerVector/utils/shapes/coords/getDividedExtents.ts

@@ -5,22 +5,14 @@ export default function getDividedExtents(
   extentsArray: Array<Extent>,
   dividingExtent: Extent,
 ): Array<Extent> {
-  let minX1: number;
-  let minY1: number;
-  let maxX1: number;
-  let maxY1: number;
   const minX2 = dividingExtent[0];
   const minY2 = dividingExtent[1];
   const maxX2 = dividingExtent[2];
   const maxY2 = dividingExtent[3];
-  let leftExtent: Extent;
-  let rightExtent: Extent;
-  let bottomExtent: Extent;
-  let topExtent: Extent;
   const dividedExtents: Array<Extent> = [];
 
   extentsArray.forEach(extent => {
-    [minX1, minY1, maxX1, maxY1] = [...extent];
+    const [minX1, minY1, maxX1, maxY1] = [...extent];
 
     const intersects = minX1 < maxX2 && maxX1 > minX2 && minY1 < maxY2 && maxY1 > minY2;
     if (intersects) {
@@ -28,19 +20,19 @@ export default function getDividedExtents(
         return;
       }
       if (minX2 > minX1) {
-        leftExtent = [minX1, minY1, minX2, maxY1];
+        const leftExtent = [minX1, minY1, minX2, maxY1];
         dividedExtents.push(leftExtent);
       }
       if (minX2 < maxX1) {
-        rightExtent = [maxX2, minY1, maxX1, maxY1];
+        const rightExtent = [maxX2, minY1, maxX1, maxY1];
         dividedExtents.push(rightExtent);
       }
       if (maxY2 < maxY1) {
-        topExtent = [minX1, maxY2, maxX1, maxY1];
+        const topExtent = [minX1, maxY2, maxX1, maxY1];
         dividedExtents.push(topExtent);
       }
       if (minY2 > minY1) {
-        bottomExtent = [minX1, minY1, maxX1, minY2];
+        const bottomExtent = [minX1, minY1, maxX1, minY2];
         dividedExtents.push(bottomExtent);
       }
     } else {