@mattisvensson/strapi-plugin-webatlas 0.9.5 → 0.10.0

package/dist/_chunks/{index-DJBnQbrp.mjs → index-BmyxSosC.mjs}

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useReducer, useState, useRef, useEffect } from "react";
 import { Field } from "@strapi/design-system";
 import { useNotification, Page } from "@strapi/strapi/admin";
-import { c as usePluginConfig, g as getTranslation, p as pluginPermissions } from "./index-DDN4T6c7.mjs";
+import { c as usePluginConfig, g as getTranslation, p as pluginPermissions } from "./index-B07UVUOa.mjs";
 import { useIntl } from "react-intl";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
-import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-ZM5Yf2b4.mjs";
+import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-CdR3SVn_.mjs";
 function reducer(newConfig, action) {
   switch (action.type) {
     case "SET_MAX_DEPTH":
@@ -68,7 +68,7 @@ const Settings = () => {
           defaultMessage: "An error occurred"
         }) + ": " + err
       });
-      console.error(err);
+      strapi.log.error(err);
     }
   }
   if (loading) {

package/dist/_chunks/{index-BOZDZiAv.js → index-BucL4va6.js}

@@ -4,11 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-ezabqLEP.js");
+const index = require("./index-BxpDM360.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
-const SettingTitle = require("./SettingTitle-CAoYbTar.js");
+const SettingTitle = require("./SettingTitle-RU1azFIM.js");
 const icons = require("@strapi/icons");
 function ContentTypeAccordion({
   contentType,
@@ -23,79 +23,41 @@ function ContentTypeAccordion({
       borderColor: !contentTypeSettings.default && "danger500",
       children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: contentType.uid, size: "S", children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Trigger, { children: contentType?.info.displayName }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 3, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            designSystem.Field.Root,
-            {
-              name: "selectedContentTypes",
-              hint: formatMessage({
-                id: index.getTranslation("settings.page.generate.hint"),
-                defaultMessage: 'The selected field from the content type will be used to generate the path. Use a field that is unique and descriptive, such as a "title" or "name".'
-              }),
-              error: !contentTypeSettings.default && formatMessage({
-                id: index.getTranslation("settings.page.generate.error"),
-                defaultMessage: "Please select a default field"
-              }),
-              required: true,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
-                  id: index.getTranslation("settings.page.generate"),
-                  defaultMessage: "Generate paths from"
-                }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.SingleSelect,
-                  {
-                    name: `defaultField-${contentType.uid}`,
-                    onClear: () => dispatch({ type: "SET_DEFAULT_FIELD", payload: { ctUid: contentType.uid, field: "" } }),
-                    value: contentTypeSettings?.default || "",
-                    onChange: (value) => dispatch({ type: "SET_DEFAULT_FIELD", payload: { ctUid: contentType.uid, field: value } }),
-                    children: Object.entries(contentType.attributes).map(([key], index2) => {
-                      if (key === "id" || key === "documentId" || key === "createdAt" || key === "updatedAt" || key === "createdBy" || key === "updatedBy" || key === "webatlas_path" || key === "webatlas_override") return null;
-                      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: key, children: key }, index2);
-                    })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(
-            designSystem.Field.Root,
-            {
-              name: "pattern",
-              hint: formatMessage({
-                id: index.getTranslation("settings.page.pattern.hint"),
-                defaultMessage: 'The pattern to prepend to the generated path. For example, if you enter "blog" and the value of default field is "My First Post", the generated path will be "blog/my-first-post". Leave empty for no prefix.'
-              }),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
-                  formatMessage({
-                    id: index.getTranslation("settings.page.pattern"),
-                    defaultMessage: "Path Pattern"
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { description: formatMessage({
-                    id: index.getTranslation("settings.page.pattern.tooltip"),
-                    defaultMessage: "Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded."
-                  }) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Field.Input,
-                  {
-                    value: contentTypeSettings.pattern,
-                    onChange: (e) => dispatch({ type: "SET_PATTERN", payload: { ctUid: contentType.uid, pattern: e.target.value } }),
-                    disabled: !contentTypeSettings.default,
-                    type: "text",
-                    placeholder: formatMessage({
-                      id: index.getTranslation("settings.page.pattern.placeholder"),
-                      defaultMessage: "e.g. blog"
-                    })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
-              ]
-            }
-          ) })
-        ] }) })
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Field.Root,
+          {
+            name: "selectedContentTypes",
+            hint: formatMessage({
+              id: index.getTranslation("settings.page.generate.hint"),
+              defaultMessage: 'The selected field from the content type will be used to generate the path. Use a field that is unique and descriptive, such as a "title" or "name".'
+            }),
+            error: !contentTypeSettings.default && formatMessage({
+              id: index.getTranslation("settings.page.generate.error"),
+              defaultMessage: "Please select a default field"
+            }),
+            required: true,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                id: index.getTranslation("settings.page.generate"),
+                defaultMessage: "Generate paths from"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.SingleSelect,
+                {
+                  name: `defaultField-${contentType.uid}`,
+                  onClear: () => dispatch({ type: "SET_DEFAULT_FIELD", payload: { ctUid: contentType.uid, field: "" } }),
+                  value: contentTypeSettings?.default || "",
+                  onChange: (value) => dispatch({ type: "SET_DEFAULT_FIELD", payload: { ctUid: contentType.uid, field: value } }),
+                  children: Object.entries(contentType.attributes).map(([key], index2) => {
+                    if (key === "id" || key === "documentId" || key === "createdAt" || key === "updatedAt" || key === "createdBy" || key === "updatedBy" || key === "webatlas_path" || key === "webatlas_override" || key === "webatlas_parent") return null;
+                    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: key, children: key }, index2);
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+            ]
+          }
+        ) }) })
       ] }, contentType.uid)
     },
     contentType.uid
@@ -110,12 +72,6 @@ function reducer(newConfig, action) {
         (ct) => ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct
       );
       return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
-    case "SET_PATTERN":
-      if (!newConfig) return null;
-      updatedContentTypes = newConfig?.selectedContentTypes.map(
-        (ct) => ct.uid === action.payload.ctUid ? { ...ct, pattern: index.transformToUrl(action.payload.pattern) } : ct
-      );
-      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
     case "SET_CONFIG":
       return action.payload;
     default:
@@ -170,7 +126,7 @@ const Settings = () => {
           defaultMessage: "An error occurred"
         }) + ": " + err
       });
-      console.error(err);
+      strapi.log.error(err);
     }
   }
   if (loading) {

package/dist/_chunks/{index-DU58LJ2w.mjs → index-BvcX9hcc.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-Bqsd7oPS.mjs";
+import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-B07UVUOa.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,
+          {
+            content: formatMessage({
+              id: getTranslation("paths.page.emptyPaths"),
+              defaultMessage: "No paths found"
+            }),
+            shadow: false
+          }
+        ) }) }) })
+      ]
+    }
+  );
 }
 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({
@@ -232,4 +269,3 @@ const Paths = () => {
 export {
   Paths as default
 };
-//# sourceMappingURL=index-DU58LJ2w.mjs.map