@mattisvensson/strapi-plugin-webatlas 0.11.0 → 0.11.2

package/dist/admin/{index-JLpXBQVL.js → index-BEVoxEAm.js}

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const index = require("./index-Yq-QR8t0.js");
+const index = require("./index-Cx_mktdk.js");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 require("@strapi/icons/symbols");
-const FullLoader = require("./FullLoader-Cmsf8xS6.js");
+const FullLoader = require("./FullLoader-Da2n70bJ.js");
 const reactIntl = require("react-intl");
 const reactRouterDom = require("react-router-dom");
 const icons = require("@strapi/icons");
@@ -75,8 +75,15 @@ function SearchInput({
         "button",
         {
           type: "button",
-          onClick: () => handleSearchChange({ target: { value: "" } }),
-          style: { color: "inherit", background: "none", border: "none", cursor: "pointer" },
+          onClick: () => handleSearchChange({
+            target: { value: "" }
+          }),
+          style: {
+            color: "inherit",
+            background: "none",
+            border: "none",
+            cursor: "pointer"
+          },
           "aria-label": "Clear search",
           children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {})
         }
@@ -127,25 +134,11 @@ function TableHeader({
 function TableRow({ route }) {
   const { formatMessage } = reactIntl.useIntl();
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-    [route.title, route.canonicalPath, route.path].map((field, index2) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Typography,
-      {
-        title: field,
-        textColor: "neutral800",
-        children: field || "-"
-      }
-    ) }, index2)),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Typography,
-      {
-        title: route.type,
-        textColor: "neutral800",
-        children: formatMessage({
-          id: index.getTranslation(`path.type.${route.type}`),
-          defaultMessage: "-"
-        })
-      }
-    ) }),
+    [route.title, route.canonicalPath, route.path].map((field, index2) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { title: field, textColor: "neutral800", children: field || "-" }) }, index2)),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { title: route.type, textColor: "neutral800", children: formatMessage({
+      id: index.getTranslation(`path.type.${route.type}`),
+      defaultMessage: "-"
+    }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, justifyContent: "end", children: route.type === "internal" && /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.LinkButton,
       {
@@ -167,26 +160,19 @@ function PathTable({
 }) {
   const { formatMessage } = reactIntl.useIntl();
   const TABLE_COL_COUNT = 5;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Table,
-    {
-      colCount: TABLE_COL_COUNT,
-      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: TABLE_COL_COUNT, children: /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.EmptyStateLayout,
-          {
-            shadow: "none",
-            content: formatMessage({
-              id: index.getTranslation("paths.page.emptyPaths"),
-              defaultMessage: "No paths found"
-            })
-          }
-        ) }) }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: TABLE_COL_COUNT, 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: TABLE_COL_COUNT, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        shadow: "none",
+        content: formatMessage({
+          id: index.getTranslation("paths.page.emptyPaths"),
+          defaultMessage: "No paths found"
+        })
+      }
+    ) }) }) })
+  ] });
 }
 const Paths = () => {
   const { getAllRoutes } = index.useApi();
@@ -251,22 +237,8 @@ const Paths = () => {
     return /* @__PURE__ */ jsxRuntime.jsx(PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, {}) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: index.pluginPermissions["page.routes"], children: /* @__PURE__ */ jsxRuntime.jsxs(PageWrapper, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SearchInput,
-      {
-        handleSearchChange,
-        searchQuery
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      PathTable,
-      {
-        routes: sortedRoutes,
-        sortKey,
-        handleSort
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { handleSearchChange, searchQuery }),
+    /* @__PURE__ */ jsxRuntime.jsx(PathTable, { routes: sortedRoutes, sortKey, handleSort })
   ] }) });
 };
 exports.default = Paths;
-//# sourceMappingURL=index-JLpXBQVL.js.map

package/dist/admin/index-Bmg-ERct.mjs

@@ -0,0 +1,243 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useReducer, useState, useRef, useEffect } from "react";
+import { Box, Accordion, Field, SingleSelect, SingleSelectOption, Typography, Link } from "@strapi/design-system";
+import { useNotification, Page } from "@strapi/strapi/admin";
+import { g as getTranslation, c as usePluginConfig, e as useAllContentTypes, p as pluginPermissions, f as PLUGIN_NAME, h as PLUGIN_VERSION } from "./index-B79ELMEC.mjs";
+import { useIntl } from "react-intl";
+import "@strapi/icons/symbols";
+import { F as FullLoader } from "./FullLoader-Btjb2W2p.mjs";
+import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-HMfQOJnK.mjs";
+import { ExternalLink } from "@strapi/icons";
+function ContentTypeAccordion({
+  contentType,
+  contentTypeSettings,
+  dispatch
+}) {
+  const { formatMessage } = useIntl();
+  if (!contentType) return null;
+  return /* @__PURE__ */ jsx(Box, { borderColor: !contentTypeSettings.default ? "danger500" : void 0, children: /* @__PURE__ */ jsxs(Accordion.Item, { value: contentType.uid, children: [
+    /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { children: contentType?.info.displayName }) }),
+    /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(
+      Field.Root,
+      {
+        name: "selectedContentTypes",
+        hint: formatMessage({
+          id: 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: getTranslation("settings.page.generate.error"),
+          defaultMessage: "Please select a default field"
+        }),
+        required: true,
+        children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+            id: getTranslation("settings.page.generate"),
+            defaultMessage: "Generate paths from"
+          }) }),
+          /* @__PURE__ */ jsx(
+            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: String(value) }
+              }),
+              children: Object.entries(contentType.attributes).map(([key], index) => {
+                if (key === "id" || key === "documentId" || key === "createdAt" || key === "updatedAt" || key === "createdBy" || key === "updatedBy" || key === "webatlas" || // The following fields are not longer used in the new implementation, but we keep them hidden just in case
+                key === "webatlas_path" || key === "webatlas_override" || key === "webatlas_parent")
+                  return null;
+                return /* @__PURE__ */ jsx(SingleSelectOption, { value: key, children: key }, index);
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(Field.Hint, {})
+        ]
+      }
+    ) }) })
+  ] }, contentType.uid) }, contentType.uid);
+}
+function reducer(newConfig, action) {
+  let updatedContentTypes;
+  switch (action.type) {
+    case "SET_DEFAULT_FIELD":
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
+        (ct) => ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct
+      );
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    case "SET_CONFIG":
+      return action.payload;
+    default:
+      throw new Error();
+  }
+}
+const Settings = () => {
+  const { config: fetchedConfig, setConfig, loading, fetchError } = usePluginConfig();
+  const [config, dispatch] = useReducer(reducer, fetchedConfig);
+  const { contentTypes: allContentTypesData } = useAllContentTypes();
+  const allContentTypes = allContentTypesData?.filter(
+    (ct) => ct.pluginOptions?.webatlas?.enabled === true
+  );
+  const { toggleNotification } = useNotification();
+  const { formatMessage } = useIntl();
+  const [isSaving, setIsSaving] = useState(false);
+  const initialConfig = useRef(fetchedConfig);
+  useEffect(() => {
+    initialConfig.current = fetchedConfig;
+    if (fetchedConfig) dispatch({ type: "SET_CONFIG", payload: fetchedConfig });
+  }, [fetchedConfig]);
+  useEffect(() => {
+    if (fetchError) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + fetchError
+      });
+    }
+  }, [fetchError, toggleNotification, formatMessage]);
+  async function save() {
+    if (!config || config.selectedContentTypes.find((cta) => !cta.default) !== void 0)
+      return;
+    setIsSaving(true);
+    try {
+      await setConfig({ selectedContentTypes: config.selectedContentTypes });
+      initialConfig.current = config;
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: getTranslation("notification.settings.saved"),
+          defaultMessage: "Settings saved successfully"
+        })
+      });
+      setIsSaving(false);
+    } catch (err) {
+      setIsSaving(false);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("notification.error"),
+          defaultMessage: "An error occurred"
+        }) + ": " + err
+      });
+      strapi.log.error(err);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      PageWrapper,
+      {
+        isSaving,
+        subtitle: formatMessage({
+          id: getTranslation("loading"),
+          defaultMessage: "Loading..."
+        }),
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsx(FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions: pluginPermissions["settings.general"], children: /* @__PURE__ */ jsxs(
+    PageWrapper,
+    {
+      save,
+      isSaving,
+      subtitle: formatMessage({
+        id: getTranslation("settings.page.general.subtitle"),
+        defaultMessage: "Configure general settings"
+      }),
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: [
+        /* @__PURE__ */ jsx(
+          ContentBox,
+          {
+            title: formatMessage({
+              id: getTranslation("settings.page.general.contentTypes"),
+              defaultMessage: "Content Types"
+            }),
+            children: config?.selectedContentTypes && config.selectedContentTypes.length > 0 ? /* @__PURE__ */ jsxs(Field.Root, { name: "selectedContentTypesAccordion", children: [
+              /* @__PURE__ */ jsx(Field.Label, { children: /* @__PURE__ */ jsx(SettingTitle, { children: formatMessage({
+                id: getTranslation("settings.page.contentTypeSettings"),
+                defaultMessage: "Content Type settings"
+              }) }) }),
+              /* @__PURE__ */ jsx(Accordion.Root, { children: config.selectedContentTypes?.map((contentTypeSettings) => {
+                const ct = allContentTypes?.find(
+                  (item) => item.uid === contentTypeSettings.uid
+                );
+                return /* @__PURE__ */ jsx(
+                  ContentTypeAccordion,
+                  {
+                    contentType: ct,
+                    contentTypeSettings,
+                    dispatch
+                  },
+                  contentTypeSettings.uid
+                );
+              }) })
+            ] }) : /* @__PURE__ */ jsxs(Typography, { children: [
+              formatMessage({
+                id: getTranslation("settings.page.general.noContentTypesEnabled"),
+                defaultMessage: "No content types are enabled for Webatlas. Please enable at least one content type to use this plugin."
+              }),
+              /* @__PURE__ */ jsx(
+                Link,
+                {
+                  href: "https://github.com/mattisvensson/strapi-plugin-webatlas?tab=readme-ov-file#-configuration",
+                  isExternal: true,
+                  style: { marginLeft: 4 },
+                  children: formatMessage({
+                    id: getTranslation("settings.page.general.noContentTypesEnabled.moreInfo"),
+                    defaultMessage: "More info"
+                  })
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ContentBox,
+          {
+            title: formatMessage({
+              id: getTranslation("settings.page.general.details"),
+              defaultMessage: "Details"
+            }),
+            children: /* @__PURE__ */ jsxs(Field.Root, { name: "selectedContentTypesAccordion", children: [
+              /* @__PURE__ */ jsx(Field.Label, { children: /* @__PURE__ */ jsxs(SettingTitle, { children: [
+                PLUGIN_NAME,
+                " ",
+                formatMessage({
+                  id: getTranslation("version"),
+                  defaultMessage: "Version"
+                })
+              ] }) }),
+              /* @__PURE__ */ jsxs(Typography, { children: [
+                "v",
+                PLUGIN_VERSION,
+                /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    href: `https://github.com/mattisvensson/strapi-plugin-webatlas/releases/tag/v${PLUGIN_VERSION}`,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    style: { marginLeft: 4 },
+                    children: /* @__PURE__ */ jsx(ExternalLink, {})
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  Settings as default
+};