@mattisvensson/strapi-plugin-webatlas 0.2.6 → 0.3.0

package/dist/_chunks/index-B2Tiv3EK.mjs

@@ -0,0 +1,92 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Layouts } from "@strapi/strapi/admin";
+import { Table, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, Flex, LinkButton } from "@strapi/design-system";
+import { Pencil } from "@strapi/icons";
+import { u as useApi, g as getTranslation } from "./index-CCiDvLAC.mjs";
+import { C as Center, E as EmptyBox } from "./EmptyBox-7D4LrvdH.mjs";
+import { useIntl } from "react-intl";
+function getRouteType(route) {
+  if (route.wrapper) {
+    return "wrapper";
+  } else if (!route.internal) {
+    return "external";
+  } else {
+    return "internal";
+  }
+}
+const Routes = () => {
+  const { getRoutes } = useApi();
+  const { formatMessage } = useIntl();
+  const [routes, setRoutes] = useState([]);
+  useEffect(() => {
+    async function fetchRoutes() {
+      const data = await getRoutes();
+      setRoutes(data);
+    }
+    fetchRoutes();
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        title: formatMessage({
+          id: getTranslation("routes.page.title"),
+          defaultMessage: "Routes"
+        }),
+        subtitle: formatMessage({
+          id: getTranslation("routes.page.subtitle"),
+          defaultMessage: "Overview of all existing routes"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Layouts.Content, { children: routes.length === 0 ? /* @__PURE__ */ jsx(Center, { height: 400, children: /* @__PURE__ */ jsx(EmptyBox, { msg: formatMessage({
+      id: getTranslation("routes.page.emptyRoutes"),
+      defaultMessage: "No routes found"
+    }) }) }) : /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: routes.length, children: [
+      /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "ID" }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+          id: getTranslation("title"),
+          defaultMessage: "Title"
+        }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+          id: getTranslation("route"),
+          defaultMessage: "Route"
+        }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+          id: getTranslation("routes.page.column.type"),
+          defaultMessage: "Type"
+        }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
+          id: getTranslation("actions"),
+          defaultMessage: "Actions"
+        }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tbody, { children: routes.map((route) => /* @__PURE__ */ jsxs(Tr, { children: [
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.id }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.title }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.fullPath }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: formatMessage({
+          id: getTranslation(`route.type.${getRouteType(route)}`),
+          defaultMessage: "-"
+        }) }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 2, justifyContent: "end", children: route.internal && /* @__PURE__ */ jsx(
+          LinkButton,
+          {
+            variant: "secondary",
+            startIcon: /* @__PURE__ */ jsx(Pencil, {}),
+            href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`,
+            children: formatMessage({
+              id: getTranslation("edit"),
+              defaultMessage: "Edit"
+            })
+          }
+        ) }) })
+      ] }, route.id)) })
+    ] }) })
+  ] });
+};
+export {
+  Routes as default
+};