@mattisvensson/strapi-plugin-webatlas 0.8.0 → 0.8.2

package/dist/_chunks/en-DrhxIwOr.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = {
+  "webatlas.navigation.page.title": "Navigation",
+  "webatlas.navigation.page.subtitle.noNavigationSelected": "No navigation selected",
+  "webatlas.navigation.page.emptyNavigation": "You have no navigations yet...",
+  "webatlas.navigation.page.createNewNavigation": "Create new navigation",
+  "webatlas.navigation.page.createNewItem": "Create new item",
+  "webatlas.navigation.page.newItemButton": "New Item",
+  "webatlas.navigation.page.selectNavigation": "Select Navigation",
+  "webatlas.navigation.page.navItem.addChildren": "Add children",
+  "webatlas.routes.page.title": "Routes",
+  "webatlas.routes.page.subtitle": "Overview of all existing routes",
+  "webatlas.routes.page.emptyRoutes": "No routes found",
+  "webatlas.routes.page.column.type": "Type",
+  "webatlas.routes.page.searchPlaceholder": "Search routes",
+  "webatlas.settings.page.general.subtitle": "Configure general settings",
+  "webatlas.settings.page.general.webatlasVersion": "Webatlas Version",
+  "webatlas.settings.page.general.contentTypes": "Content Types",
+  "webatlas.settings.page.general.details": "Details",
+  "webatlas.settings.page.enabledContentTypes": "Enabled Content Types",
+  "webatlas.settings.page.enabledContentTypes.hint": "Select the content types for which you want to enable URL aliases",
+  "webatlas.settings.page.enabledContentTypes.placeholder": "Select content types...",
+  "webatlas.settings.page.contentTypeSettings": "Content Type settings",
+  "webatlas.settings.page.defaultField": "Default URL Alias field",
+  "webatlas.settings.page.defaultField.hint": 'The selected field from the content type will be used to generate the URL alias. Use a field that is unique and descriptive, such as a "title" or "name".',
+  "webatlas.settings.page.defaultField.error": "Please select a default field",
+  "webatlas.settings.page.urlAliasPattern": "URL Alias Pattern",
+  "webatlas.settings.page.urlAliasPattern.hint": 'The pattern to prepend to the generated URL alias. For example, if you enter "blog" and the value of default field is "My First Post", the generated URL alias will be "blog/my-first-post". Leave empty for no prefix.',
+  "webatlas.settings.page.urlAliasPattern.tooltip": "Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded.",
+  "webatlas.settings.page.urlAliasPattern.placeholder": "e.g. blog",
+  "webatlas.settings.page.navigation.subtitle": "Configure navigation settings",
+  "webatlas.settings.page.navigation.navigation": "Navigation",
+  "webatlas.settings.page.navigation.maxNavDepth.label": "Max depth of navigation tree",
+  "webatlas.modal.navOverview.confirmText": "New navigation",
+  "webatlas.modal.navOverview.closeText": "Cancel",
+  "webatlas.modal.navOverview.titleText": "Navigation overview",
+  "webatlas.modal.navOverview.loadingText": "Creating",
+  "webatlas.modal.navModal.internalItem": "Internal item",
+  "webatlas.modal.navModal.externalItem": "External item",
+  "webatlas.modal.navModal.wrapperItem": "Wrapper item",
+  "webatlas.modal.navEdit.confirmText": "Update",
+  "webatlas.modal.navEdit.closeText": "Cancel",
+  "webatlas.modal.navEdit.titleText": "Edit navigation:",
+  "webatlas.modal.navEdit.loadingText": "Updating",
+  "webatlas.modal.delete.cancelText": "No, keep",
+  "webatlas.modal.delete.confirmText": "Yes, delete",
+  "webatlas.modal.delete.message.start": "You are about to delete the following",
+  "webatlas.modal.delete.message.navItem": "navigation item",
+  "webatlas.modal.delete.message.navigation": "navigation",
+  "webatlas.modal.delete.message.end": "This can not be undone. Are you sure?",
+  "webatlas.modal.nameField.label": "Name",
+  "webatlas.modal.activeField.label": "Active",
+  "webatlas.modal.activeField.onLabel": "Yes",
+  "webatlas.modal.activeField.offLabel": "No",
+  "webatlas.modal.wrapperItem.titleText.create": "Create new wrapper item",
+  "webatlas.modal.wrapperItem.titleText.edit": "Edit wrapper item:",
+  "webatlas.modal.wrapperItem.loadingText.create": "Adding",
+  "webatlas.modal.wrapperItem.loadingText.edit": "Saving",
+  "webatlas.modal.wrapperItem.titleField.label": "Title",
+  "webatlas.modal.wrapperItem.titleField.placeholder": "e.g. About us",
+  "webatlas.modal.internalItem.titleText.create": "Add new navigation item",
+  "webatlas.modal.internalItem.loadingText.create": "Creating",
+  "webatlas.modal.internalItem.contentType.label": "Content Type",
+  "webatlas.modal.internalItem.contentType.placeholder": "Select a content type",
+  "webatlas.modal.internalItem.entity.label": "Entity",
+  "webatlas.modal.internalItem.entity.placeholder": "Select an entity",
+  "webatlas.modal.internalItem.loadingText.edit": "Saving",
+  "webatlas.modal.externalItem.titleText.create": "Create new external item",
+  "webatlas.modal.externalItem.loadingText.create": "Adding",
+  "webatlas.modal.externalItem.titleText.edit": "Edit external route:",
+  "webatlas.modal.externalItem.loadingText.edit": "Saving",
+  "webatlas.modal.externalItem.routeField.placeholder": "e.g. https://example.com",
+  "webatlas.modal.item.titleField.label": "Title",
+  "webatlas.modal.item.titleField.placeholder": "e.g. About Us",
+  "webatlas.modal.item.routeField.label": "Route",
+  "webatlas.modal.item.routeField.placeholder": "e.g. about/",
+  "webatlas.components.URLInfo.checking": "Checking if URL is available...",
+  "webatlas.components.URLInfo.available": "URL is available",
+  "webatlas.components.URLInfo.notAvailable": "URL is not available. Replaced with",
+  "webatlas.components.CMEditViewAside.notAllowed.start": "This content type is not allowed for",
+  "webatlas.components.CMEditViewAside.notAllowed.end": "If you wish to use it, please contact your administrator",
+  "webatlas.components.CMEditViewAside.notConfigured.start": "This content type is not configured for",
+  "webatlas.components.CMEditViewAside.notConfigured.middle": "If you wish to use it, please configure it in the",
+  "webatlas.components.CMEditViewAside.notConfigured.end": "settings",
+  "webatlas.components.CMEditViewAside.alias.urlInput.tooltip": "The following characters are valid: A-Z, a-z, 0-9, /, -, _, $, ., +, !, *, ', (, )",
+  "webatlas.components.CMEditViewAside.alias.urlInput.label": "URL",
+  "webatlas.components.CMEditViewAside.alias.urlInput.start": "Edit the",
+  "webatlas.components.CMEditViewAside.alias.urlInput.end": "field to generate a URL",
+  "webatlas.components.CMEditViewAside.alias.overrideCheckbox": "Override automatic URL generation",
+  "webatlas.components.CMEditViewAside.alias.uidRoute.label": "UID route",
+  "webatlas.components.CMEditViewAside.alias.uidRoute.hint": "Permanent UID route, cannot be changed",
+  "webatlas.components.CMEditViewAside.alias.documentIdRoute.label": "Document ID route",
+  "webatlas.components.CMEditViewAside.alias.documentIdRoute.hint": "Permanent Document ID route, cannot be changed",
+  "webatlas.components.CMEditViewAside.alias.newRouteInfo": "A new URL route will be created upon saving this entry.",
+  "webatlas.route.type.internal": "Internal",
+  "webatlas.route.type.external": "External",
+  "webatlas.route.type.wrapper": "Wrapper",
+  "webatlas.link.navigation": "Navigation",
+  "webatlas.link.routes": "Routes",
+  "webatlas.title": "Title",
+  "webatlas.route": "Route",
+  "webatlas.actions": "Actions",
+  "webatlas.delete": "Delete",
+  "webatlas.edit": "Edit",
+  "webatlas.add": "Add",
+  "webatlas.cancel": "Cancel",
+  "webatlas.save": "Save",
+  "webatlas.select": "Select",
+  "webatlas.manage": "Manage",
+  "webatlas.published": "Published",
+  "webatlas.draft": "Draft",
+  "webatlas.modified": "Modified",
+  "webatlas.deleted": "Deleted",
+  "webatlas.restore": "Restore",
+  "webatlas.loading": "Loading...",
+  "webatlas.version": "Version",
+  "webatlas.notification.error": "An error occurred",
+  "webatlas.notification.settings.saved": "Settings saved successfully",
+  "webatlas.notification.routes.fetchFailed": "Failed to fetch routes",
+  "webatlas.notification.navigation.saveNavigationFailed": "Error updating navigation item",
+  "webatlas.notification.navigation.navigationSaved": "Navigation updated successfully",
+  "webatlas.notification.navigation.fetchFailed": "Failed to fetch navigations",
+  "webatlas.notification.navigation.notFound": "Navigation not found. Redirected to navigation",
+  "webatlas.notification.navigation.creationFailed": "Creation of navigation failed",
+  "webatlas.notification.navigation.updateFailed": "Updating navigation failed",
+  "webatlas.settings.section.general": "General",
+  "webatlas.settings.section.navigation": "Navigation"
+};
+exports.default = en;
+//# sourceMappingURL=en-DrhxIwOr.js.map

package/dist/_chunks/en-DrhxIwOr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-DrhxIwOr.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/index--XAogZgv.js

@@ -0,0 +1,247 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const index = require("./index-DOMrViWi.js");
+const admin = require("@strapi/strapi/admin");
+require("@strapi/icons/symbols");
+const FullLoader = require("./FullLoader-Cmsf8xS6.js");
+const reactIntl = require("react-intl");
+const reactRouterDom = require("react-router-dom");
+function getRouteType(route) {
+  if (route.wrapper) {
+    return "wrapper";
+  } else if (!route.internal) {
+    return "external";
+  } else {
+    return "internal";
+  }
+}
+function TableHeader({
+  sortKey,
+  handleSort
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("title"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+        id: index.getTranslation("title"),
+        defaultMessage: "Title"
+      }) }),
+      sortKey === "title" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("fullPath"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+        id: index.getTranslation("route"),
+        defaultMessage: "Route"
+      }) }),
+      sortKey === "fullPath" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("type"), cursor: "pointer", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+        id: index.getTranslation("routes.page.column.type"),
+        defaultMessage: "Type"
+      }) }),
+      sortKey === "type" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: formatMessage({
+      id: index.getTranslation("actions"),
+      defaultMessage: "Actions"
+    }) }) })
+  ] }) });
+}
+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.fullPath }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: formatMessage({
+      id: index.getTranslation(`route.type.${getRouteType(route)}`),
+      defaultMessage: "-"
+    }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, justifyContent: "end", children: route.internal && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.LinkButton,
+      {
+        variant: "secondary",
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}),
+        href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`,
+        children: formatMessage({
+          id: index.getTranslation("edit"),
+          defaultMessage: "Edit"
+        })
+      }
+    ) }) })
+  ] });
+}
+function PageWrapper({ children }) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      admin.Layouts.Header,
+      {
+        title: formatMessage({
+          id: index.getTranslation("routes.page.title"),
+          defaultMessage: "Routes"
+        }),
+        subtitle: formatMessage({
+          id: index.getTranslation("routes.page.subtitle"),
+          defaultMessage: "Overview of all existing routes"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) })
+  ] });
+}
+function compareBy(field, direction) {
+  if (!field) {
+    return () => 0;
+  }
+  if (field === "type") {
+    return (a, b) => {
+      const typeA = a.internal ? "internal" : "external";
+      const typeB = b.internal ? "internal" : "external";
+      return direction === "asc" ? typeA.localeCompare(typeB) : typeB.localeCompare(typeA);
+    };
+  }
+  return (a, b) => {
+    const aValue = a[field];
+    const bValue = b[field];
+    if (typeof aValue === "string" && typeof bValue === "string") {
+      return direction === "asc" ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);
+    }
+    return 0;
+  };
+}
+function SearchInput({
+  searchQuery,
+  handleSearchChange
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { style: { marginBottom: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Field.Input,
+    {
+      name: "search",
+      placeholder: formatMessage({
+        id: index.getTranslation("routes.page.searchPlaceholder"),
+        defaultMessage: "Search routes"
+      }),
+      value: searchQuery,
+      onChange: handleSearchChange,
+      endAction: searchQuery ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSearchChange({ target: { value: "" } }),
+          style: { color: "inherit", background: "none", border: "none", cursor: "pointer" },
+          "aria-label": "Clear search",
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {})
+        }
+      ) : null
+    }
+  ) }) }) }) });
+}
+function RouteTable({
+  routes,
+  sortKey,
+  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("routes.page.emptyRoutes"),
+          defaultMessage: "No routes found"
+        }),
+        shadow: false
+      }
+    ) }) }) })
+  ] });
+}
+const Routes = () => {
+  const { getRoutes } = index.useApi();
+  const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = admin.useNotification();
+  const [allRoutes, setAllRoutes] = React.useState([]);
+  const [routes, setRoutes] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
+  const initialQuery = searchParams.get("search") || "";
+  const [searchQuery, setSearchQuery] = React.useState(initialQuery);
+  const [sortKey, setSortKey] = React.useState(void 0);
+  const [sortDirection, setSortDirection] = React.useState("asc");
+  React.useEffect(() => {
+    const query = searchQuery.toLowerCase();
+    setRoutes(
+      allRoutes.filter(
+        (route) => JSON.stringify(route.id).toLowerCase().includes(query) || route.title.toLowerCase().includes(query) || route.fullPath.toLowerCase().includes(query) || route.relatedDocumentId.toLowerCase().includes(query) || route.relatedContentType.toLowerCase().includes(query)
+      )
+    );
+  }, [searchQuery, allRoutes]);
+  const debouncedSetSearchParams = React.useMemo(
+    () => index.debounce((value) => {
+      value ? setSearchParams({ search: value }) : setSearchParams({});
+    }, 300),
+    [setSearchParams]
+  );
+  const handleSearchChange = (e) => {
+    const value = e.target.value;
+    setSearchQuery(value);
+    debouncedSetSearchParams(value);
+  };
+  React.useEffect(() => {
+    async function fetchRoutes() {
+      try {
+        const data = await getRoutes();
+        setAllRoutes(data);
+        setRoutes(data);
+      } catch (err) {
+        console.error("Failed to fetch routes:", err);
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: index.getTranslation("notification.routes.fetchFailed"),
+            defaultMessage: "Failed to fetch routes"
+          })
+        });
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchRoutes();
+  }, []);
+  const handleSort = (key) => {
+    setSortDirection((prev) => prev === "asc" ? "desc" : "asc");
+    setSortKey(key);
+  };
+  React.useEffect(() => {
+    const sortedRoutes = sortKey ? [...routes].sort(compareBy(sortKey, sortDirection)) : routes;
+    setRoutes(sortedRoutes);
+  }, [sortKey, sortDirection]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, {}) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(PageWrapper, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SearchInput,
+      {
+        handleSearchChange,
+        searchQuery
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RouteTable,
+      {
+        routes,
+        sortKey,
+        handleSort
+      }
+    )
+  ] });
+};
+exports.default = Routes;
+//# sourceMappingURL=index--XAogZgv.js.map

package/dist/_chunks/index--XAogZgv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index--XAogZgv.js","sources":["../../admin/src/utils/getRouteType.ts","../../admin/src/pages/Routes/TableHeader.tsx","../../admin/src/pages/Routes/TableRow.tsx","../../admin/src/pages/Routes/PageWrapper.tsx","../../admin/src/pages/Routes/compareBy.ts","../../admin/src/pages/Routes/index.tsx"],"sourcesContent":["import type { Route } from \"../../../types\";\n\nexport default function getRouteType(route: Route): 'internal' | 'external' | 'wrapper' {\n  if (route.wrapper) {\n    return 'wrapper';\n  } else if (!route.internal) {\n    return 'external';\n  } else {\n    return 'internal';\n  }\n}","import type { RouteSortKey } from '../../../../types';\nimport { Typography, Thead, Tr, Th, VisuallyHidden } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { ChevronDown } from '@strapi/icons';\n\nexport default function TableHeader({\n  sortKey,\n  handleSort\n}: {\n  sortKey: RouteSortKey,\n  handleSort: (key: RouteSortKey) => void\n}) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Thead>\n      <Tr>\n        <Th onClick={() => handleSort('title')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('title'),\n              defaultMessage: 'Title',\n            })}\n          </Typography>\n          {sortKey === 'title' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('fullPath')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('route'),\n              defaultMessage: 'Route',\n            })}\n          </Typography>\n          {sortKey === 'fullPath' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('type')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('routes.page.column.type'),\n              defaultMessage: 'Type',\n            })}\n          </Typography>\n          {sortKey === 'type' && <ChevronDown />}\n        </Th>\n        <Th>\n          <VisuallyHidden>\n            {formatMessage({\n              id: getTranslation('actions'),\n              defaultMessage: 'Actions',\n            })}\n          </VisuallyHidden>\n        </Th>\n      </Tr>\n    </Thead>\n  )\n}","import type { Route } from '../../../../types';\nimport { Typography, Tr, Td, Flex, LinkButton } from '@strapi/design-system';\nimport { getTranslation, getRouteType } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { Pencil } from '@strapi/icons';\n\nexport default function TableRow({ route }: { route: Route }) {\n  const { formatMessage } = useIntl();\n  \n  return (\n    <Tr>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.title}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.fullPath}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">\n          {formatMessage({\n            id: getTranslation(`route.type.${getRouteType(route)}`),\n            defaultMessage: '-',\n          })}\n        </Typography>\n      </Td>\n      <Td>\n        <Flex gap={2} justifyContent=\"end\">\n          {route.internal && \n            <LinkButton\n              variant=\"secondary\"\n              startIcon={<Pencil />} \n              href={`/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`}\n            >\n              {formatMessage({\n                id: getTranslation('edit'),\n                defaultMessage: 'Edit',\n              })}\n            </LinkButton>\n          }\n        </Flex>\n      </Td>\n    </Tr>\n  )\n}","import { Layouts, Page } from '@strapi/strapi/admin';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\n\nexport default function PageWrapper({ children }: { children: React.ReactNode }) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('routes.page.title'),\n          defaultMessage: 'Routes',\n        })}\n        subtitle={formatMessage({\n          id: getTranslation('routes.page.subtitle'),\n          defaultMessage: 'Overview of all existing routes',\n        })}\n      />\n      <Layouts.Content>\n        <>\n          {children}\n        </>\n      </Layouts.Content>\n    </Page.Main>\n  );\n}","import type { Route, RouteSortKey } from '../../../../types';\n\nexport default function compareBy(field: RouteSortKey, direction: 'asc' | 'desc') {\n  if (!field) {\n    return () => 0;\n  }\n  if (field === 'type') {\n    return (a: Route, b: Route) => {\n      const typeA = a.internal ? 'internal' : 'external';\n      const typeB = b.internal ? 'internal' : 'external';\n      return direction === 'asc'\n        ? typeA.localeCompare(typeB)\n        : typeB.localeCompare(typeA);\n    };\n  }\n  return (a: Route, b: Route) => {\n    const aValue = a[field];\n    const bValue = b[field];\n    if (typeof aValue === 'string' && typeof bValue === 'string') {\n      return direction === 'asc'\n        ? aValue.localeCompare(bValue)\n        : bValue.localeCompare(aValue);\n    }\n    return 0;\n  };\n}","/*\n *\n * Routes\n * This file contains the Routes page of the Webatlas plugin for Strapi.\n * It displays a table of all existing routes with their details and allows editing.\n *\n*/\n\nimport type { Route, RouteSortKey } from '../../../../types';\nimport { useState, useEffect } from 'react';\nimport { Table, Tbody, Box, Grid, Field, EmptyStateLayout, Tr, Td } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useApi } from '../../hooks';\nimport { FullLoader } from '../../components/UI';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport TableHeader from './TableHeader';\nimport TableRow from './TableRow';\nimport { useNotification } from '@strapi/strapi/admin'\nimport PageWrapper from './PageWrapper';\nimport { useSearchParams } from 'react-router-dom';\nimport debounce from '../../utils/debounce';\nimport { useMemo } from 'react';\nimport compareBy from './compareBy';\n\nfunction SearchInput({\n  searchQuery,\n  handleSearchChange\n}: {\n  searchQuery: string;\n  handleSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Grid.Root style={{ marginBottom: '16px' }}>\n      <Grid.Item col={4} s={12}>\n        <Box width=\"100%\">\n          <Field.Root>\n            <Field.Input\n              name=\"search\"\n              placeholder={formatMessage({\n                id: getTranslation('routes.page.searchPlaceholder'),\n                defaultMessage: 'Search routes',\n              })}\n              value={searchQuery}\n              onChange={handleSearchChange}\n              endAction={\n                searchQuery ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSearchChange({ target: { value: '' } } as React.ChangeEvent<HTMLInputElement>)}\n                    style={{ color: 'inherit', background: 'none', border: 'none', cursor: 'pointer' }}\n                    aria-label=\"Clear search\"\n                  >\n                    <Cross />\n                  </button>\n                ) : null\n              }\n            />\n          </Field.Root>\n        </Box>\n      </Grid.Item>\n    </Grid.Root>\n  );\n}\n\nfunction RouteTable({\n  routes, \n  sortKey, \n  handleSort\n}: { \n  routes: Route[], \n  sortKey: RouteSortKey, \n  handleSort: (key: RouteSortKey) => void\n}) {\n  \n  const { formatMessage } = useIntl();\n\n  return (\n    <Table colCount={4} rowCount={routes.length}>\n      <TableHeader sortKey={sortKey} handleSort={handleSort} />\n      <Tbody>\n        {routes.length > 0 ? routes.map((route: Route) => (\n          <TableRow key={route.id} route={route} />\n        )) : \n          <Tr>\n            <Td colSpan={4}>\n              <EmptyStateLayout \n                content={\n                  formatMessage({\n                    id: getTranslation('routes.page.emptyRoutes'),\n                    defaultMessage: 'No routes found',\n                  })\n                } \n                shadow={false}\n              />\n            </Td>\n          </Tr>\n        }\n      </Tbody>\n    </Table>\n  )\n}\n\nconst Routes = () => {\n  const { getRoutes } = useApi();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  \n  const [allRoutes, setAllRoutes] = useState<Route[]>([]);\n  const [routes, setRoutes] = useState<Route[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const initialQuery = searchParams.get('search') || '';\n  const [searchQuery, setSearchQuery] = useState(initialQuery);\n  const [sortKey, setSortKey] = useState<RouteSortKey>(undefined);\n  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');\n\n  useEffect(() => {\n    const query = searchQuery.toLowerCase()\n    setRoutes(\n      allRoutes.filter((route) =>\n        JSON.stringify(route.id).toLowerCase().includes(query) ||\n        route.title.toLowerCase().includes(query) ||\n        route.fullPath.toLowerCase().includes(query) ||\n        route.relatedDocumentId.toLowerCase().includes(query) ||\n        route.relatedContentType.toLowerCase().includes(query)\n      )\n    )\n  }, [searchQuery, allRoutes]);\n\n  const debouncedSetSearchParams = useMemo(() =>\n    debounce((value: string) => {\n      value\n        ? setSearchParams({ search: value })\n        : setSearchParams({});\n    }, 300),\n  [setSearchParams]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setSearchQuery(value);\n    debouncedSetSearchParams(value);\n  }\n\n  useEffect(() => {\n    async function fetchRoutes() {\n      try {\n        const data = await getRoutes();\n        setAllRoutes(data);\n        setRoutes(data);\n      } catch (err) {\n        console.error('Failed to fetch routes:', err);\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: getTranslation('notification.routes.fetchFailed'),\n            defaultMessage: 'Failed to fetch routes',\n          }),\n        });\n      } finally {\n        setLoading(false);\n      }\n    }\n    fetchRoutes();\n  }, [])\n\n  const handleSort = (key: RouteSortKey) => {\n    setSortDirection(prev => (prev === 'asc' ? 'desc' : 'asc'));\n    setSortKey(key);\n  };\n\n  useEffect(() => {\n    const sortedRoutes = sortKey\n      ? [...routes].sort(compareBy(sortKey, sortDirection))\n      : routes;    \n    setRoutes(sortedRoutes);\n  }, [sortKey, sortDirection]);\n\n  if (loading) {\n    return <PageWrapper>\n      <FullLoader />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper>\n      <SearchInput\n        handleSearchChange={handleSearchChange}\n        searchQuery={searchQuery}\n      />\n      <RouteTable\n        routes={routes} \n        sortKey={sortKey}\n        handleSort={handleSort}\n      />\n    </PageWrapper>\n  );\n};\n\nexport default Routes;"],"names":["useIntl","jsx","Thead","jsxs","Tr","Th","Typography","getTranslation","ChevronDown","VisuallyHidden","Td","Flex","LinkButton","Pencil","Page","Layouts","Fragment","Grid","Box","Field","Cross","Table","Tbody","EmptyStateLayout","useApi","useNotification","useState","useSearchParams","useEffect","useMemo","debounce","FullLoader"],"mappings":"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"}

package/dist/_chunks/index-2lVgPz4a.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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-g8wz2qoC.js");
+const reactIntl = require("react-intl");
+require("@strapi/icons/symbols");
+const FullLoader = require("./FullLoader-Cmsf8xS6.js");
+const SettingTitle = require("./SettingTitle-D5oNwpzC.js");
+function reducer(newConfig, action) {
+  switch (action.type) {
+    case "SET_MAX_DEPTH":
+      if (!newConfig) return null;
+      return {
+        ...newConfig,
+        navigation: { ...newConfig.navigation, maxDepth: action.payload },
+        selectedContentTypes: newConfig.selectedContentTypes || []
+      };
+    case "SET_CONFIG":
+      return action.payload;
+    default:
+      throw new Error();
+  }
+}
+const Settings = () => {
+  const { config: fetchedConfig, setConfig, loading, fetchError } = index.usePluginConfig();
+  const [config, dispatch] = React.useReducer(reducer, fetchedConfig);
+  const { toggleNotification } = admin.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const [isSaving, setIsSaving] = React.useState(false);
+  const initialConfig = React.useRef(fetchedConfig);
+  React.useEffect(() => {
+    initialConfig.current = fetchedConfig;
+    if (fetchedConfig)
+      dispatch({ type: "SET_CONFIG", payload: fetchedConfig });
+  }, [fetchedConfig]);
+  React.useEffect(() => {
+    if (fetchError) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + fetchError
+      });
+    }
+  }, [fetchError, toggleNotification, formatMessage]);
+  async function save() {
+    if (!config) return;
+    setIsSaving(true);
+    try {
+      await setConfig({ navigation: config.navigation });
+      initialConfig.current = config;
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("notification.settings.saved"),
+          defaultMessage: "Settings saved successfully"
+        })
+      });
+      setIsSaving(false);
+    } catch (err) {
+      setIsSaving(false);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + err
+      });
+      console.error(err);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SettingTitle.PageWrapper,
+      {
+        isSaving,
+        subtitle: formatMessage({
+          id: index.getTranslation("loading"),
+          defaultMessage: "Loading..."
+        }),
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SettingTitle.PageWrapper,
+    {
+      save,
+      isSaving,
+      subtitle: formatMessage({
+        id: index.getTranslation("settings.page.navigation.subtitle"),
+        defaultMessage: "Configure navigation settings"
+      }),
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.ContentBox, { title: formatMessage({
+        id: index.getTranslation("settings.page.navigation.navigation"),
+        defaultMessage: "Navigation"
+      }), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "maxNavDepth", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.SettingTitle, { children: formatMessage({
+          id: index.getTranslation("settings.page.navigation.maxNavDepth.label"),
+          defaultMessage: "Max depth of navigation tree"
+        }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Field.Input,
+          {
+            id: "maxNavDepth",
+            type: "number",
+            min: 0,
+            step: 1,
+            value: config?.navigation?.maxDepth !== void 0 ? config.navigation.maxDepth + 1 : "",
+            onChange: (e) => dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) - 1 }),
+            onBlur: (e) => {
+              if (e.target.value === "") return;
+              dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) - 1 });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+      ] }) })
+    }
+  );
+};
+exports.default = Settings;