@mattisvensson/strapi-plugin-webatlas 0.6.2 → 0.7.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-Bg96TqDm.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-B9OfSpne.mjs → index-BgzZLDPv.mjs}

@@ -1,15 +1,14 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useNavigate, useParams, Routes, Route } from "react-router-dom";
 import { Trash, Pencil, Check, Drag, More, Link, OneToMany, ExternalLink, Plus } from "@strapi/icons";
-import { Dialog, Typography, Button, Modal, Flex, SingleSelect, SingleSelectOption, Grid, Box, Field, Toggle, Divider, Status, SimpleMenu, IconButton, MenuItem } from "@strapi/design-system";
+import { Box, Typography, Dialog, Button, Modal, Flex, SingleSelect, SingleSelectOption, Grid, Field, Toggle, Divider, Status, SimpleMenu, IconButton, MenuItem } from "@strapi/design-system";
 import { useState, useEffect, createContext, useRef, useContext, useReducer, useCallback, useMemo, forwardRef } from "react";
 import { createPortal } from "react-dom";
 import { useIntl } from "react-intl";
-import { u as useApi, g as getTranslation, d as debounce, a as duplicateCheck, t as transformToUrl, U as URLInfo } from "./index-BPIdov2N.mjs";
+import { u as useApi, g as getTranslation, d as debounce, a as duplicateCheck, t as transformToUrl, U as URLInfo } from "./index-D3xDvB4d.mjs";
 import { useFetchClient, useNotification, Page, Layouts } from "@strapi/strapi/admin";
 import { C as Center, F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
-import "@strapi/icons/symbols";
-import { E as EmptyBox } from "./EmptyBox-BM4IscSk.mjs";
+import { EmptyDocuments } from "@strapi/icons/symbols";
 import { MeasuringStrategy, DndContext, closestCenter, DragOverlay } from "@dnd-kit/core";
 import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
@@ -82,6 +81,12 @@ function createTempNavItemObject({
   };
   return tempNavItem;
 }
+function EmptyBox({ msg }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(EmptyDocuments, { width: "10rem", height: "6rem" }),
+    /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral600", children: msg }) })
+  ] });
+}
 const ModalContext = createContext({ modalType: "", setModalType: () => {
 } });
 const SelectedNavigationContext = createContext({ selectedNavigation: void 0, setSelectedNavigation: () => {

package/dist/_chunks/index-BoVX1KF8.js

@@ -0,0 +1,246 @@
+"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-ByU38WNH.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;

package/dist/_chunks/{index-Ch8tSWp4.js → index-ByU38WNH.js}

@@ -41,7 +41,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.6.1";
+const version = "0.6.2";
 const keywords = [];
 const type = "commonjs";
 const exports$1 = {
@@ -4077,7 +4077,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-DeNZkmpv.js"));
+        const component = await Promise.resolve().then(() => require("./index-BoVX1KF8.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4096,7 +4096,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-Bw2Yq-Hx.js"));
+        const component = await Promise.resolve().then(() => require("./index-dSU20yZ4.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4125,7 +4125,7 @@ const index = {
         Component: async () => {
           return await Promise.resolve().then(() => require(
             /* webpackChunkName: "webatlas-settings-page" */
-            "./index-CjA6bLGU.js"
+            "./index-UJ0LQ3Y3.js"
           ));
         },
         permissions: [
@@ -4154,7 +4154,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-CL1TIZPg.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Du-Ap60j.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-BZc1BkzH.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Deg4n_IM.js")) }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };

package/dist/_chunks/{index-iF1y6Mhe.mjs → index-CZ5qsGXH.mjs}

@@ -23,7 +23,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.6.2";
+const version = "0.7.0";
 const keywords = [];
 const type = "commonjs";
 const exports = {
@@ -4059,7 +4059,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await import("./index-AIXu4HZz.mjs");
+        const component = await import("./index-BEgpEtto.mjs");
         return { default: component.default };
       },
       permissions: [
@@ -4078,7 +4078,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await import("./index-C4-VBSgi.mjs");
+        const component = await import("./index-B6MYtu3A.mjs");
         return { default: component.default };
       },
       permissions: [
@@ -4107,7 +4107,7 @@ const index = {
         Component: async () => {
           return await import(
             /* webpackChunkName: "webatlas-settings-page" */
-            "./index-CC1UR_w8.mjs"
+            "./index-BPhRQoGD.mjs"
           );
         },
         permissions: [
@@ -4136,7 +4136,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("./de-CzVD4dbZ.mjs"), "./translations/en.json": () => import("./en-Nk6QcTdr.mjs") }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("./de-oxxH8hft.mjs"), "./translations/en.json": () => import("./en-DqC5aDzA.mjs") }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };
@@ -4158,4 +4158,4 @@ export {
   transformToUrl as t,
   useApi as u
 };
-//# sourceMappingURL=index-iF1y6Mhe.mjs.map
+//# sourceMappingURL=index-CZ5qsGXH.mjs.map