@mattisvensson/strapi-plugin-webatlas 0.9.6 → 0.10.1

package/dist/{_chunks/index-DTsHvlTa.js → admin/index-DkqiqVx2.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const index = require("./index-COfk3YSm.js");
+const index = require("./index-DC5WwNdi.js");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 require("@strapi/icons/symbols");
@@ -41,6 +41,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);
     }
@@ -88,6 +97,13 @@ function TableHeader({
       }) }),
       sortKey === "title" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
     ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("canonicalPath"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+        id: index.getTranslation("canonicalPath"),
+        defaultMessage: "Canonical Path"
+      }) }),
+      sortKey === "canonicalPath" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("path"), cursor: "pointer", children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
         id: index.getTranslation("path"),
@@ -111,12 +127,25 @@ function TableHeader({
 function TableRow({ route }) {
   const { formatMessage } = reactIntl.useIntl();
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-    /* @__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.path }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: formatMessage({
-      id: index.getTranslation(`path.type.${route.type}`),
-      defaultMessage: "-"
-    }) }) }),
+    [route.title, route.canonicalPath, route.path].map((field, index2) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Typography,
+      {
+        title: field,
+        textColor: "neutral800",
+        children: field || "-"
+      }
+    ) }, index2)),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Typography,
+      {
+        title: route.type,
+        textColor: "neutral800",
+        children: formatMessage({
+          id: index.getTranslation(`path.type.${route.type}`),
+          defaultMessage: "-"
+        })
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, justifyContent: "end", children: route.type === "internal" && /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.LinkButton,
       {
@@ -137,22 +166,30 @@ function PathTable({
   handleSort
 }) {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: routes.length, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { sortKey, handleSort }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.EmptyStateLayout,
-      {
-        content: formatMessage({
-          id: index.getTranslation("paths.page.emptyPaths"),
-          defaultMessage: "No paths found"
-        }),
-        shadow: false
-      }
-    ) }) }) })
-  ] });
+  const TABLE_COL_COUNT = 5;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Table,
+    {
+      colCount: TABLE_COL_COUNT,
+      rowCount: routes.length,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { sortKey, handleSort }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: TABLE_COL_COUNT, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.EmptyStateLayout,
+          {
+            shadow: "none",
+            content: formatMessage({
+              id: index.getTranslation("paths.page.emptyPaths"),
+              defaultMessage: "No paths found"
+            })
+          }
+        ) }) }) })
+      ]
+    }
+  );
 }
 const Paths = () => {
-  const { getRoutes } = index.useApi();
+  const { getAllRoutes } = index.useApi();
   const { formatMessage } = reactIntl.useIntl();
   const { toggleNotification } = admin.useNotification();
   const [allRoutes, setAllRoutes] = React.useState([]);
@@ -161,7 +198,7 @@ const Paths = () => {
   const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
   const initialQuery = searchParams.get("search") || "";
   const [searchQuery, setSearchQuery] = React.useState(initialQuery);
-  const [sortKey, setSortKey] = React.useState("title");
+  const [sortKey, setSortKey] = React.useState("canonicalPath");
   const [sortDirection, setSortDirection] = React.useState("asc");
   React.useEffect(() => {
     const query = searchQuery.toLowerCase();
@@ -185,11 +222,11 @@ const Paths = () => {
   React.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({