@geops/rvf-mobility-web-component 0.1.96 → 0.1.98

package/package.json

@@ -2,7 +2,7 @@
   "name": "@geops/rvf-mobility-web-component",
   "license": "UNLICENSED",
   "description": "Web components for rvf in the domains of mobility and logistics.",
-  "version": "0.1.96",
+  "version": "0.1.98",
   "homepage": "https://rvf-mobility-web-component-geops.vercel.app/",
   "type": "module",
   "main": "index.js",

package/src/utils/applyInitialLayerVisibility.ts

@@ -14,10 +14,28 @@ const applyInitialLayerVisibility = (
     const names = layersAttrValue?.split(",") || [];
     const name = layer.get("name");
     const shouldBeVisible = names.includes(name);
-    // Visiblity of group are defined by their children, they should not appear in the permalink.
-    if (layer.getVisible() !== shouldBeVisible && !(layer as Group).getLayers) {
-      layer.setVisible(shouldBeVisible);
+    if (layer.getVisible() !== shouldBeVisible) {
+      if ((layer as Group).getLayers) {
+        (layer as Group)
+          .getLayers()
+          .getArray()
+          .forEach((subLayer) => {
+            subLayer.setVisible(shouldBeVisible);
+            // applyInitialLayerVisibility(layersAttrValue, subLayer);
+          });
+      } else {
+        layer.setVisible(shouldBeVisible);
+      }
     }
   }
+  if ((layer as Group).getLayers) {
+    (layer as Group)
+      .getLayers()
+      .getArray()
+      .forEach((subLayer) => {
+        // subLayer.setVisible(false);
+        applyInitialLayerVisibility(layersAttrValue, subLayer);
+      });
+  }
 };
 export default applyInitialLayerVisibility;

package/src/utils/hooks/useInitialLayersVisiblity.tsx

@@ -7,7 +7,7 @@ import applyInitialLayerVisibility from "../applyInitialLayerVisibility";
 import useInitialPermalink from "./useInitialPermalink";
 
 import type { Map } from "ol";
-import type { Group } from "ol/layer";
+// import type { Group } from "ol/layer";
 const useInitialLayersVisiblity = (
   map: Map,
   layers: string,
@@ -36,29 +36,31 @@ const useInitialLayersVisiblity = (
     }
 
     // We reverse the array to begin by the end of the tree (so the group layers are applied last)
-    const layersAsArray = getLayersAsFlatArray(map.getLayers().getArray());
+    const layersAsArray = getLayersAsFlatArray(
+      map.getLayers().getArray(),
+    ).reverse();
     layersAsArray.forEach((layer) => {
       applyInitialLayerVisibility(layersToUse, layer);
     });
 
     // Hide group if there is no children visible
-    layersAsArray
-      .filter((l) => {
-        return (l as Group).getLayers;
-      })
-      .forEach((layer) => {
-        if (
-          layer.getVisible() &&
-          !(layer as Group)
-            .getLayers()
-            ?.getArray()
-            .some((l) => {
-              return l.getVisible();
-            })
-        ) {
-          layer.setVisible(false);
-        }
-      });
+    // layersAsArray
+    //   .filter((l) => {
+    //     return (l as Group).getLayers;
+    //   })
+    //   .forEach((layer) => {
+    //     if (
+    //       layer.getVisible() &&
+    //       !(layer as Group)
+    //         .getLayers()
+    //         ?.getArray()
+    //         .some((l) => {
+    //           return l.getVisible();
+    //         })
+    //     ) {
+    //       layer.setVisible(false);
+    //     }
+    //   });
 
     const key = map.getLayers().on("add", (event) => {
       applyInitialLayerVisibility(layersToUse, event.element);