@mattisvensson/strapi-plugin-webatlas 0.8.0 → 0.8.1

package/dist/_chunks/index-Nx4IRYIK.mjs

@@ -0,0 +1,252 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useReducer, useState, useRef, useEffect } from "react";
+import { Box, Accordion, Field, SingleSelect, SingleSelectOption, MultiSelect, MultiSelectOption } from "@strapi/design-system";
+import { useNotification } from "@strapi/strapi/admin";
+import { g as getTranslation, T as Tooltip, b as usePluginConfig, c as useAllContentTypes, t as transformToUrl } from "./index-CTA8agp7.mjs";
+import { useIntl } from "react-intl";
+import "@strapi/icons/symbols";
+import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
+import { P as PageWrapper } from "./PageWrapper-BvOY7VCN.mjs";
+function ContentTypeAccordion({
+  contentType,
+  contentTypeSettings,
+  dispatch
+}) {
+  const { formatMessage } = useIntl();
+  if (!contentType) return null;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      borderColor: !contentTypeSettings.default && "danger500",
+      children: /* @__PURE__ */ jsxs(Accordion.Item, { value: contentType.uid, size: "S", children: [
+        /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { children: contentType?.info.displayName }) }),
+        /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 3, children: [
+          /* @__PURE__ */ jsxs(
+            Field.Root,
+            {
+              name: "selectedContentTypes",
+              hint: formatMessage({
+                id: getTranslation("settings.page.defaultField.hint"),
+                defaultMessage: '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".'
+              }),
+              error: !contentTypeSettings.default && formatMessage({
+                id: getTranslation("settings.page.defaultField.error"),
+                defaultMessage: "Please select a default field"
+              }),
+              required: true,
+              children: [
+                /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                  id: getTranslation("settings.page.defaultField"),
+                  defaultMessage: "Default URL Alias field"
+                }) }),
+                /* @__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: value } }),
+                    children: Object.entries(contentType.attributes).map(([key], index) => {
+                      if (key === "id" || key === "documentId" || key === "createdAt" || key === "updatedAt" || key === "createdBy" || key === "updatedBy" || key === "webatlas_path" || key === "webatlas_override") return null;
+                      return /* @__PURE__ */ jsx(SingleSelectOption, { value: key, children: key }, index);
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsx(Field.Hint, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(
+            Field.Root,
+            {
+              name: "urlAliasPattern",
+              hint: formatMessage({
+                id: getTranslation("settings.page.urlAliasPattern.hint"),
+                defaultMessage: '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.'
+              }),
+              children: [
+                /* @__PURE__ */ jsxs(Field.Label, { children: [
+                  formatMessage({
+                    id: getTranslation("settings.page.urlAliasPattern"),
+                    defaultMessage: "URL Alias Pattern"
+                  }),
+                  /* @__PURE__ */ jsx(Tooltip, { description: formatMessage({
+                    id: getTranslation("settings.page.urlAliasPattern.tooltip"),
+                    defaultMessage: "Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded."
+                  }) })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Field.Input,
+                  {
+                    value: contentTypeSettings.pattern,
+                    onChange: (e) => dispatch({ type: "SET_PATTERN", payload: { ctUid: contentType.uid, pattern: e.target.value } }),
+                    disabled: !contentTypeSettings.default,
+                    type: "text",
+                    placeholder: formatMessage({
+                      id: getTranslation("settings.page.urlAliasPattern.placeholder"),
+                      defaultMessage: "e.g. blog"
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsx(Field.Hint, {})
+              ]
+            }
+          ) })
+        ] }) })
+      ] }, contentType.uid)
+    },
+    contentType.uid
+  );
+}
+function reducer(newConfig, action) {
+  let updatedContentTypes;
+  switch (action.type) {
+    case "SET_SELECTED_CONTENT_TYPES":
+      if (!newConfig) return null;
+      updatedContentTypes = action.payload.map((ct) => {
+        return newConfig?.selectedContentTypes.find((cta) => cta.uid === ct.uid) || ct;
+      });
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    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_PATTERN":
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
+        (ct) => ct.uid === action.payload.ctUid ? { ...ct, pattern: transformToUrl(action.payload.pattern) } : 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?.active === 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
+      });
+      console.error(err);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      PageWrapper,
+      {
+        isSaving,
+        disabledCondition: true,
+        children: /* @__PURE__ */ jsx(FullLoader, { height: 200 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    PageWrapper,
+    {
+      save,
+      isSaving,
+      disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
+      children: [
+        /* @__PURE__ */ jsxs(
+          Field.Root,
+          {
+            name: "selectedContentTypes",
+            hint: formatMessage({
+              id: getTranslation("settings.page.enabledContentTypes.hint"),
+              defaultMessage: "Select the content types for which you want to enable URL aliases"
+            }),
+            children: [
+              /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                id: getTranslation("settings.page.enabledContentTypes"),
+                defaultMessage: "Enabled Content Types"
+              }) }),
+              /* @__PURE__ */ jsx(
+                MultiSelect,
+                {
+                  placeholder: formatMessage({
+                    id: getTranslation("settings.page.enabledContentTypes.placeholder"),
+                    defaultMessage: "Select content types..."
+                  }),
+                  onClear: () => dispatch({ type: "SET_SELECTED_CONTENT_TYPES", payload: [] }),
+                  value: [...config?.selectedContentTypes.map((ct) => ct.uid) || []],
+                  onChange: (value) => dispatch({
+                    type: "SET_SELECTED_CONTENT_TYPES",
+                    payload: value.map((v) => ({
+                      uid: v,
+                      default: "",
+                      pattern: ""
+                    }))
+                  }),
+                  withTags: true,
+                  children: allContentTypes && allContentTypes.map(
+                    (item) => /* @__PURE__ */ jsx(MultiSelectOption, { value: item.uid, children: item.info.displayName }, item.uid)
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(Field.Hint, {})
+            ]
+          }
+        ),
+        config?.selectedContentTypes && config.selectedContentTypes.length > 0 && /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Field.Root, { name: "selectedContentTypesAccordion", children: [
+          /* @__PURE__ */ jsx(Field.Label, { 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);
+          }) })
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  Settings as default
+};

package/dist/_chunks/{index-DGSjLYNl.mjs → index-Rfm9O167.mjs}

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
 import { Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Grid, Box, Field, Table, Tbody, EmptyStateLayout } from "@strapi/design-system";
 import { ChevronDown, Pencil, Cross } from "@strapi/icons";
-import { g as getTranslation, u as useApi, d as debounce } from "./index-DSPh-fHL.mjs";
+import { g as getTranslation, u as useApi, d as debounce } from "./index-CTA8agp7.mjs";
 import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";