@mattisvensson/strapi-plugin-webatlas 0.9.6 → 0.10.1

package/dist/{_chunks/index-BRKi-K-v.mjs → admin/index-BKWY9Ta-.mjs}

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
-import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-DwaKIwAz.mjs";
+import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-CIr8o1RP.mjs";
 import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
 import { Grid, Box, Field, Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Table, Tbody, EmptyStateLayout } from "@strapi/design-system";
 import "@strapi/icons/symbols";
@@ -39,6 +39,15 @@ function compareBy(field, direction) {
   return (a, b) => {
     const aValue = a[field];
     const bValue = b[field];
+    if (aValue == null && bValue == null) {
+      return 0;
+    }
+    if (aValue == null) {
+      return direction === "asc" ? 1 : -1;
+    }
+    if (bValue == null) {
+      return direction === "asc" ? -1 : 1;
+    }
     if (typeof aValue === "string" && typeof bValue === "string") {
       return direction === "asc" ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);
     }
@@ -86,6 +95,13 @@ function TableHeader({
       }) }),
       sortKey === "title" && /* @__PURE__ */ jsx(ChevronDown, {})
     ] }),
+    /* @__PURE__ */ jsxs(Th, { onClick: () => handleSort("canonicalPath"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+        id: getTranslation("canonicalPath"),
+        defaultMessage: "Canonical Path"
+      }) }),
+      sortKey === "canonicalPath" && /* @__PURE__ */ jsx(ChevronDown, {})
+    ] }),
     /* @__PURE__ */ jsxs(Th, { onClick: () => handleSort("path"), cursor: "pointer", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
         id: getTranslation("path"),
@@ -109,12 +125,25 @@ function TableHeader({
 function TableRow({ route }) {
   const { formatMessage } = useIntl();
   return /* @__PURE__ */ jsxs(Tr, { children: [
-    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.title }) }),
-    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.path }) }),
-    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: formatMessage({
-      id: getTranslation(`path.type.${route.type}`),
-      defaultMessage: "-"
-    }) }) }),
+    [route.title, route.canonicalPath, route.path].map((field, index) => /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+      Typography,
+      {
+        title: field,
+        textColor: "neutral800",
+        children: field || "-"
+      }
+    ) }, index)),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+      Typography,
+      {
+        title: route.type,
+        textColor: "neutral800",
+        children: formatMessage({
+          id: getTranslation(`path.type.${route.type}`),
+          defaultMessage: "-"
+        })
+      }
+    ) }),
     /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 2, justifyContent: "end", children: route.type === "internal" && /* @__PURE__ */ jsx(
       LinkButton,
       {
@@ -135,22 +164,30 @@ function PathTable({
   handleSort
 }) {
   const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: routes.length, children: [
-    /* @__PURE__ */ jsx(TableHeader, { sortKey, handleSort }),
-    /* @__PURE__ */ jsx(Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 4, children: /* @__PURE__ */ jsx(
-      EmptyStateLayout,
-      {
-        content: formatMessage({
-          id: getTranslation("paths.page.emptyPaths"),
-          defaultMessage: "No paths found"
-        }),
-        shadow: false
-      }
-    ) }) }) })
-  ] });
+  const TABLE_COL_COUNT = 5;
+  return /* @__PURE__ */ jsxs(
+    Table,
+    {
+      colCount: TABLE_COL_COUNT,
+      rowCount: routes.length,
+      children: [
+        /* @__PURE__ */ jsx(TableHeader, { sortKey, handleSort }),
+        /* @__PURE__ */ jsx(Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: TABLE_COL_COUNT, children: /* @__PURE__ */ jsx(
+          EmptyStateLayout,
+          {
+            shadow: "none",
+            content: formatMessage({
+              id: getTranslation("paths.page.emptyPaths"),
+              defaultMessage: "No paths found"
+            })
+          }
+        ) }) }) })
+      ]
+    }
+  );
 }
 const Paths = () => {
-  const { getRoutes } = useApi();
+  const { getAllRoutes } = useApi();
   const { formatMessage } = useIntl();
   const { toggleNotification } = useNotification();
   const [allRoutes, setAllRoutes] = useState([]);
@@ -159,7 +196,7 @@ const Paths = () => {
   const [searchParams, setSearchParams] = useSearchParams();
   const initialQuery = searchParams.get("search") || "";
   const [searchQuery, setSearchQuery] = useState(initialQuery);
-  const [sortKey, setSortKey] = useState("title");
+  const [sortKey, setSortKey] = useState("canonicalPath");
   const [sortDirection, setSortDirection] = useState("asc");
   useEffect(() => {
     const query = searchQuery.toLowerCase();
@@ -183,11 +220,11 @@ const Paths = () => {
   useEffect(() => {
     async function fetchRoutes() {
       try {
-        const data = await getRoutes();
+        const data = await getAllRoutes();
         setAllRoutes(data);
         setRoutes(data);
       } catch (err) {
-        console.error("Failed to fetch paths:", err);
+        strapi.log.error("Failed to fetch paths:", err);
         toggleNotification({
           type: "danger",
           message: formatMessage({