@mattisvensson/strapi-plugin-webatlas 0.7.0 → 0.8.0

package/dist/_chunks/index-BoVX1KF8.js

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