@mattisvensson/strapi-plugin-webatlas 0.1.6 → 0.2.1

package/dist/_chunks/{index-BoTOXEX8.mjs → index-BwErs0UT.mjs}

@@ -3,7 +3,8 @@ import { useState, useEffect } from "react";
 import { Layouts } from "@strapi/strapi/admin";
 import { Table, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, Flex, LinkButton } from "@strapi/design-system";
 import { Pencil } from "@strapi/icons";
-import { u as useApi } from "./index-lOv9Po4g.mjs";
+import { u as useApi } from "./index-c7q9J79y.mjs";
+import { C as Center, E as EmptyBox } from "./EmptyBox-7D4LrvdH.mjs";
 const Routes = () => {
   const { getRoutes } = useApi();
   const [routes, setRoutes] = useState([]);
@@ -22,22 +23,18 @@ const Routes = () => {
         subtitle: "Overview of all existing routes"
       }
     ),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsxs(Table, { colCount: 6, rowCount: routes.length, children: [
+    /* @__PURE__ */ jsx(Layouts.Content, { children: routes.length === 0 ? /* @__PURE__ */ jsx(Center, { height: 400, children: /* @__PURE__ */ jsx(EmptyBox, { msg: "No routes found" }) }) : /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: routes.length, children: [
       /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
         /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "ID" }) }),
         /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Title" }) }),
         /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Route" }) }),
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Internal" }) }),
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Active" }) }),
         /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: "Actions" }) })
       ] }) }),
       /* @__PURE__ */ jsx(Tbody, { children: routes.map((route) => /* @__PURE__ */ jsxs(Tr, { children: [
         /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.id }) }),
         /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.title }) }),
         /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.fullPath }) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.internal ? "Yes" : "No" }) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.active ? "Yes" : "No" }) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 2, justifyContent: "end", children: /* @__PURE__ */ jsx(LinkButton, { variant: "secondary", startIcon: /* @__PURE__ */ jsx(Pencil, {}), href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedId}`, children: "Edit" }) }) })
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 2, justifyContent: "end", children: /* @__PURE__ */ jsx(LinkButton, { variant: "secondary", startIcon: /* @__PURE__ */ jsx(Pencil, {}), href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`, children: "Edit" }) }) })
       ] }, route.id)) })
     ] }) })
   ] });

package/dist/_chunks/{index-DDVtOWSL.js → index-DC0vflKd.js}

@@ -5,7 +5,8 @@ const React = require("react");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-DfHrvxDY.js");
+const index = require("./index-DOVsVqnP.js");
+const EmptyBox = require("./EmptyBox-DT6D5gcf.js");
 const Routes = () => {
   const { getRoutes } = index.useApi();
   const [routes, setRoutes] = React.useState([]);
@@ -24,22 +25,18 @@ const Routes = () => {
         subtitle: "Overview of all existing routes"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 6, rowCount: routes.length, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: routes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyBox.Center, { height: 400, children: /* @__PURE__ */ jsxRuntime.jsx(EmptyBox.EmptyBox, { msg: "No routes found" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: routes.length, children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "ID" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Title" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Route" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Internal" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Active" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: "Actions" }) })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: routes.map((route) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: route.id }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: route.title }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: route.fullPath }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: route.internal ? "Yes" : "No" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: route.active ? "Yes" : "No" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { variant: "secondary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}), href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedId}`, children: "Edit" }) }) })
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { variant: "secondary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}), href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`, children: "Edit" }) }) })
       ] }, route.id)) })
     ] }) })
   ] });

package/dist/_chunks/{index-DfHrvxDY.js → index-DOVsVqnP.js}

@@ -40,7 +40,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.1.5";
+const version = "0.2.1";
 const keywords = [];
 const type = "commonjs";
 const exports$1 = {
@@ -207,10 +207,9 @@ function useApi() {
       throw err;
     }
   };
-  const getRouteByRelated = async (relatedDocumentId, populate) => {
-    const { data } = await get(`/content-manager/collection-types/plugin::webatlas.route?filters[relatedDocumentId][$eq]=${relatedDocumentId}${populate ? "&populate" + populate : ""}`);
-    if (data?.results) return data.results[0];
-    return null;
+  const getRelatedRoute = async (relatedDocumentId) => {
+    const { data } = await get(`/webatlas/route/related?documentId=${relatedDocumentId}`);
+    return data;
   };
   const createExternalRoute = async (body) => {
     const { data } = await post("/webatlas/route/external", {
@@ -266,7 +265,20 @@ function useApi() {
     });
     return data;
   };
-  return { fetchAllContentTypes, fetchAllEntities, getRouteByRelated, createExternalRoute, getRoutes, updateRoute, createNavItem, updateNavItem, deleteNavItem, getStructuredNavigation, deleteNavigation, updateNavigation };
+  return {
+    fetchAllContentTypes,
+    fetchAllEntities,
+    getRelatedRoute,
+    createExternalRoute,
+    getRoutes,
+    updateRoute,
+    createNavItem,
+    updateNavItem,
+    deleteNavItem,
+    getStructuredNavigation,
+    deleteNavigation,
+    updateNavigation
+  };
 }
 const useAllContentTypes = () => {
   const { fetchAllContentTypes } = useApi();
@@ -3721,7 +3733,7 @@ function reducer(state, action) {
 const Alias = ({ config }) => {
   const { layout, form } = admin.unstable_useContentManagerContext();
   const { initialValues, values, onChange } = form;
-  const { getRouteByRelated } = useApi();
+  const { getRelatedRoute } = useApi();
   const [routeId, setRouteId] = React.useState();
   const [isOverride, setIsOverride] = React.useState(false);
   const [validationState, setValidationState] = React.useState("initial");
@@ -3788,7 +3800,7 @@ const Alias = ({ config }) => {
         return;
       }
       try {
-        const route = await getRouteByRelated(initialValues.documentId);
+        const route = await getRelatedRoute(initialValues.documentId);
         if (!route) return;
         initialPath.current = initialValues.webatlas_path || route.uIdPath;
         setRouteId(route.id);
@@ -3946,24 +3958,23 @@ const CMEditViewAside = () => {
     setIsLoading(false);
   }, [config]);
   React.useEffect(() => {
-    const label = Array.from(document.querySelectorAll("label")).find((l) => l.textContent?.startsWith("webatlas_path"));
-    if (label) {
-      let parentDiv = label.closest("div");
-      for (let i = 0; i < 2; i++) {
-        if (parentDiv) {
-          parentDiv = parentDiv.parentElement;
-        }
-      }
-      if (parentDiv) {
-        const grandParentDiv = parentDiv.parentElement;
-        if (grandParentDiv && grandParentDiv.children.length === 1) {
-          grandParentDiv.parentElement?.remove();
-          return;
-        } else {
-          parentDiv.remove();
-        }
+    const isWebatlasLabel = (label) => label.textContent?.startsWith("webatlas_");
+    document.querySelectorAll("label").forEach((label) => {
+      if (!isWebatlasLabel(label)) return;
+      const container = label.parentElement?.parentElement;
+      const parent = container?.parentElement;
+      const greatGrandParent = parent?.parentElement?.parentElement;
+      if (!container || !parent) return;
+      const parentWebatlasCount = Array.from(parent.querySelectorAll("label")).filter(isWebatlasLabel).length;
+      const childrenCount = parent.children.length;
+      if (greatGrandParent && greatGrandParent?.querySelectorAll("label").length === Array.from(greatGrandParent.querySelectorAll("label")).filter(isWebatlasLabel).length) {
+        greatGrandParent.remove();
+      } else if (childrenCount === 1 || childrenCount === 2 && parentWebatlasCount === 2) {
+        parent.remove();
+      } else {
+        container.remove();
       }
-    }
+    });
   }, []);
   if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "Loading..." });
   if (!isAllowedContentType) return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { textColor: "neutral600", children: [
@@ -3990,7 +4001,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-DDVtOWSL.js"));
+        const component = await Promise.resolve().then(() => require("./index-DC0vflKd.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4009,7 +4020,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-B3GOkpFO.js"));
+        const component = await Promise.resolve().then(() => require("./index-B2j5uojM.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4038,7 +4049,7 @@ const index = {
         Component: async () => {
           return await Promise.resolve().then(() => require(
             /* webpackChunkName: "webatlas-settings-page" */
-            "./index-q4x-lnlr.js"
+            "./index-DU_hn0uc.js"
           ));
         },
         permissions: [