@mattisvensson/strapi-plugin-webatlas 0.7.1 → 0.8.1

package/dist/_chunks/{index-DLZJ_sUK.mjs → index-Nx4IRYIK.mjs}

@@ -1,59 +1,12 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useReducer, useState, useEffect } from "react";
-import { Button, Box, Accordion, Field, SingleSelect, SingleSelectOption, MultiSelect, MultiSelectOption } from "@strapi/design-system";
-import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
-import { P as PLUGIN_NAME, g as getTranslation, T as Tooltip, b as usePluginConfig, c as useAllContentTypes, t as transformToUrl } from "./index-C6Dorrjz.mjs";
+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";
-function PageWrapper({
-  settingsState,
-  initialState,
-  save,
-  isSaving,
-  children
-}) {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(Page.Main, { children: [
-    /* @__PURE__ */ jsx(
-      Layouts.Header,
-      {
-        title: PLUGIN_NAME,
-        subtitle: formatMessage({
-          id: getTranslation("settings.page.subtitle"),
-          defaultMessage: "Settings"
-        }),
-        primaryAction: settingsState && initialState && save && /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "submit",
-            onClick: () => save(),
-            loading: isSaving,
-            disabled: JSON.stringify(settingsState) === JSON.stringify(initialState) || settingsState.selectedContentTypes.find((cta) => !cta.default) !== void 0 || isSaving,
-            children: formatMessage({
-              id: getTranslation("save"),
-              defaultMessage: "Save"
-            })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(
-      Box,
-      {
-        background: "neutral0",
-        borderColor: "neutral150",
-        hasRadius: true,
-        paddingBottom: 4,
-        paddingLeft: 4,
-        paddingRight: 4,
-        paddingTop: 6,
-        shadow: "tableShadow",
-        children
-      }
-    ) })
-  ] });
-}
+import { P as PageWrapper } from "./PageWrapper-BvOY7VCN.mjs";
 function ContentTypeAccordion({
   contentType,
   contentTypeSettings,
@@ -145,44 +98,47 @@ function ContentTypeAccordion({
     contentType.uid
   );
 }
-function reducer(settingsState, action) {
+function reducer(newConfig, action) {
   let updatedContentTypes;
   switch (action.type) {
     case "SET_SELECTED_CONTENT_TYPES":
+      if (!newConfig) return null;
       updatedContentTypes = action.payload.map((ct) => {
-        return settingsState.selectedContentTypes.find((cta) => cta.uid === ct.uid) || ct;
+        return newConfig?.selectedContentTypes.find((cta) => cta.uid === ct.uid) || ct;
       });
-      return { ...settingsState, selectedContentTypes: updatedContentTypes };
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
     case "SET_DEFAULT_FIELD":
-      updatedContentTypes = settingsState.selectedContentTypes.map(
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
         (ct) => ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct
       );
-      return { ...settingsState, selectedContentTypes: updatedContentTypes };
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
     case "SET_PATTERN":
-      updatedContentTypes = settingsState.selectedContentTypes.map(
+      if (!newConfig) return null;
+      updatedContentTypes = newConfig?.selectedContentTypes.map(
         (ct) => ct.uid === action.payload.ctUid ? { ...ct, pattern: transformToUrl(action.payload.pattern) } : ct
       );
-      return { ...settingsState, selectedContentTypes: updatedContentTypes };
+      return { ...newConfig, selectedContentTypes: updatedContentTypes || [] };
+    case "SET_CONFIG":
+      return action.payload;
     default:
       throw new Error();
   }
 }
 const Settings = () => {
-  const { config, setConfig, loading, fetchError } = usePluginConfig();
-  const [settingsState, dispatch] = useReducer(reducer, config || { selectedContentTypes: [] });
+  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 [initialState, setInitialState] = useState(config || { selectedContentTypes: [] });
   const { toggleNotification } = useNotification();
   const { formatMessage } = useIntl();
   const [isSaving, setIsSaving] = useState(false);
+  const initialConfig = useRef(fetchedConfig);
   useEffect(() => {
-    setInitialState(config || { selectedContentTypes: [] });
-  }, [config]);
-  useEffect(() => {
-    if (!config) return;
-    dispatch({ type: "SET_SELECTED_CONTENT_TYPES", payload: config.selectedContentTypes });
-  }, [config]);
+    initialConfig.current = fetchedConfig;
+    if (fetchedConfig)
+      dispatch({ type: "SET_CONFIG", payload: fetchedConfig });
+  }, [fetchedConfig]);
   useEffect(() => {
     if (fetchError) {
       toggleNotification({
@@ -195,11 +151,11 @@ const Settings = () => {
     }
   }, [fetchError, toggleNotification, formatMessage]);
   async function save() {
-    if (!settingsState || settingsState.selectedContentTypes.find((cta) => !cta.default) !== void 0) return;
+    if (!config || config.selectedContentTypes.find((cta) => !cta.default) !== void 0) return;
     setIsSaving(true);
     try {
-      await setConfig(settingsState);
-      setInitialState(settingsState);
+      await setConfig({ selectedContentTypes: config.selectedContentTypes });
+      initialConfig.current = config;
       toggleNotification({
         type: "success",
         message: formatMessage({
@@ -221,62 +177,76 @@ const Settings = () => {
     }
   }
   if (loading) {
-    return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(FullLoader, { height: 200 }) });
-  }
-  return /* @__PURE__ */ jsxs(PageWrapper, { settingsState, initialState, save, isSaving, children: [
-    /* @__PURE__ */ jsxs(
-      Field.Root,
+    return /* @__PURE__ */ jsx(
+      PageWrapper,
       {
-        name: "selectedContentTypes",
-        hint: formatMessage({
-          id: getTranslation("settings.page.enabledContentTypes.hint"),
-          defaultMessage: "Select the content types for which you want to enable URL aliases"
-        }),
-        children: [
+        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.enabledContentTypes"),
-            defaultMessage: "Enabled Content Types"
+            id: getTranslation("settings.page.contentTypeSettings"),
+            defaultMessage: "Content Type settings"
           }) }),
-          /* @__PURE__ */ jsx(
-            MultiSelect,
-            {
-              placeholder: formatMessage({
-                id: getTranslation("settings.page.enabledContentTypes.placeholder"),
-                defaultMessage: "Select content types..."
-              }),
-              onClear: () => dispatch({ type: "SET_SELECTED_CONTENT_TYPES", payload: [] }),
-              value: [...settingsState.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, {})
-        ]
-      }
-    ),
-    settingsState.selectedContentTypes && settingsState.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: settingsState.selectedContentTypes?.map((contentTypeSettings) => {
-        const ct = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid);
-        return /* @__PURE__ */ jsx(ContentTypeAccordion, { contentType: ct, contentTypeSettings, dispatch }, contentTypeSettings.uid);
-      }) })
-    ] }) })
-  ] });
+          /* @__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
 };
-//# sourceMappingURL=index-DLZJ_sUK.mjs.map

package/dist/_chunks/{index-KC82xDAD.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-DY1ICa5c.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";

package/dist/_chunks/{index-DCejsR9X.js → index-YzPuPn68.js}

@@ -7,7 +7,7 @@ const designSystem = require("@strapi/design-system");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const reactIntl = require("react-intl");
-const index = require("./index-2J9mPFyV.js");
+const index = require("./index-CbW6k4FH.js");
 const admin = require("@strapi/strapi/admin");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
 const symbols = require("@strapi/icons/symbols");
@@ -233,23 +233,21 @@ function NavCreate() {
     setLoading(true);
     try {
       const { data } = await post("/webatlas/navigation", { name, isActive });
-      if (data.documentId) {
-        navigate(`/plugins/webatlas/navigation/${data.documentId}`);
-        setModalType("");
-      } else {
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({
-            id: index.getTranslation("notification.navigation.creationFailed"),
-            defaultMessage: "Creation of navigation failed"
-          })
-        });
-      }
+      if (!data.documentId) throw new Error("No documentId returned");
+      navigate(`/plugins/webatlas/navigation/${data.documentId}`);
+      setModalType("");
     } catch (err) {
       console.log(err);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.navigation.creationFailed"),
+          defaultMessage: "Creation of navigation failed"
+        })
+      });
     } finally {
+      setLoading(false);
     }
-    setLoading(false);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     NavModal,
@@ -284,14 +282,22 @@ function NavEdit({ item, onEdit }) {
   const [loading, setLoading] = React.useState(false);
   const { updateNavigation } = index.useApi();
   const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = admin.useNotification();
   const updateNav = async () => {
     setLoading(true);
     try {
       await updateNavigation(item.documentId, { name, visible });
       setModalType("NavOverview");
-      onEdit();
+      onEdit({ ...item, name, visible });
     } catch (err) {
       console.log(err);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTranslation("notification.navigation.updateFailed"),
+          defaultMessage: "Updating navigation failed"
+        })
+      });
     } finally {
       setLoading(false);
     }
@@ -305,17 +311,6 @@ function NavEdit({ item, onEdit }) {
       loadingText: formatMessage({ id: index.getTranslation("modal.navEdit.loadingText"), defaultMessage: "Updating" }),
       onConfirm: updateNav,
       loading,
-      modalToOpen: "NavOverview",
-      footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: () => setModalType("NavOverview"), variant: "tertiary", children: formatMessage({
-          id: index.getTranslation("modal.navEdit.closeText"),
-          defaultMessage: "Cancel"
-        }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { children: formatMessage({
-          id: index.getTranslation("modal.navEdit.confirmText"),
-          defaultMessage: "Update"
-        }) })
-      ] }),
       children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { s: 12, m: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
@@ -4651,31 +4646,30 @@ function ItemCreateComponent({
   }, [path.needsUrlCheck, entityRoute?.documentId]);
   React.useEffect(() => {
     async function fetchRoute() {
-      if (selectedContentType?.contentType && selectedEntity?.id) {
-        setLoadingRoute(true);
-        try {
-          const route = await getRelatedRoute(selectedEntity.documentId);
-          if (!route) throw new Error("No route found for the selected entity");
-          dispatchPath({ type: "NO_URL_CHECK", payload: route.fullPath });
-          dispatchPath({ type: "SET_UIDPATH", payload: route.uidPath });
-          dispatchPath({ type: "SET_INITIALPATH", payload: route.fullPath });
-          dispatchItemState({ type: "SET_TITLE", payload: route.title });
-          dispatchItemState({ type: "SET_ACTIVE", payload: route.active });
-          dispatchItemState({ type: "SET_INTERNAL", payload: route.internal });
-          dispatchItemState({ type: "SET_OVERRIDE", payload: route.isOverride });
-          initialState.current = {
-            title: route.title,
-            slug: route.fullPath,
-            active: route.active,
-            internal: route.internal,
-            isOverride: route.isOverride
-          };
-          setEntityRoute(route);
-        } catch (err) {
-          console.log(err);
-        } finally {
-          setLoadingRoute(false);
-        }
+      if (!selectedContentType?.contentType || !selectedEntity?.documentId) return;
+      setLoadingRoute(true);
+      try {
+        const route = await getRelatedRoute(selectedEntity.documentId);
+        if (!route) throw new Error("No route found for the selected entity");
+        dispatchPath({ type: "NO_URL_CHECK", payload: route.fullPath });
+        dispatchPath({ type: "SET_UIDPATH", payload: route.uidPath });
+        dispatchPath({ type: "SET_INITIALPATH", payload: route.fullPath });
+        dispatchItemState({ type: "SET_TITLE", payload: route.title });
+        dispatchItemState({ type: "SET_ACTIVE", payload: route.active });
+        dispatchItemState({ type: "SET_INTERNAL", payload: route.internal });
+        dispatchItemState({ type: "SET_OVERRIDE", payload: route.isOverride });
+        initialState.current = {
+          title: route.title,
+          slug: route.fullPath,
+          active: route.active,
+          internal: route.internal,
+          isOverride: route.isOverride
+        };
+        setEntityRoute(route);
+      } catch (err) {
+        console.log(err);
+      } finally {
+        setLoadingRoute(false);
       }
     }
     fetchRoute();
@@ -10588,7 +10582,7 @@ const measuring = {
   }
 };
 const indentationWidth = 48;
-function getProjection(items, activeId, overId, dragOffset) {
+function getProjection(items, activeId, overId, dragOffset, maxDepthValue) {
   if (!items) return { depth: 0, maxDepth: 0, minDepth: 0 };
   const overItemIndex = items.findIndex(({ id }) => id === overId);
   const activeItemIndex = items.findIndex(({ id }) => id === activeId);
@@ -10597,7 +10591,7 @@ function getProjection(items, activeId, overId, dragOffset) {
   const previousItem = newItems[overItemIndex - 1];
   const dragDepth = getDragDepth(dragOffset, indentationWidth);
   const projectedDepth = activeItem && typeof activeItem.depth === "number" ? activeItem.depth + dragDepth : 0;
-  let maxDepth = getMaxDepth({ previousItem });
+  let maxDepth = getMaxDepth({ previousItem, maxDepthValue });
   let minDepth = 0;
   let depth = projectedDepth;
   if (projectedDepth >= maxDepth) {
@@ -10607,9 +10601,9 @@ function getProjection(items, activeId, overId, dragOffset) {
   }
   return { depth, maxDepth, minDepth };
 }
-function getMaxDepth({ previousItem }) {
+function getMaxDepth({ previousItem, maxDepthValue }) {
   if (previousItem && typeof previousItem.depth === "number") {
-    return previousItem.depth + 1;
+    return Math.min(previousItem.depth + 1, maxDepthValue - 1);
   }
   return 0;
 }
@@ -11840,6 +11834,7 @@ const Navigation = () => {
   const [isSavingNavigation, setIsSavingNavigation] = React.useState(false);
   const [loading, setLoading] = React.useState(true);
   const cachedNavigations = React.useRef(null);
+  const { config } = index.usePluginConfig();
   const [projected, setProjected] = React.useState(null);
   const [activeItem, setActiveItem] = React.useState();
   const [activeId, setActiveId] = React.useState(null);
@@ -12029,7 +12024,8 @@ const Navigation = () => {
       navigationItems,
       activeId,
       overId,
-      offsetLeft
+      offsetLeft,
+      config?.navigation.maxDepth || 3
     ) : null;
     setProjected(projection);
   }, [activeId, overId, offsetLeft, navigationItems]);
@@ -12126,7 +12122,7 @@ const Navigation = () => {
       {
         variant: "NavDelete",
         item: actionItem,
-        onDelete: async (deletedItem) => {
+        onDelete: (deletedItem) => {
           cachedNavigations.current = null;
           setNavigations((navs) => navs.filter((nav) => nav.id !== deletedItem.id));
           navigate("/plugins/webatlas/navigation");
@@ -12137,7 +12133,10 @@ const Navigation = () => {
       NavEdit,
       {
         item: actionItem,
-        onEdit: () => {
+        onEdit: (editedNavigation) => {
+          setNavigations(
+            (navs) => navs?.map((nav) => nav.id === editedNavigation.id ? editedNavigation : nav)
+          );
         }
       }
     ),
@@ -12167,7 +12166,6 @@ const Navigation = () => {
       {
         item: actionItem,
         onEdit: (editedItem) => {
-          console.log(editedItem);
           setNavigationItems(
             (items) => items?.map((item) => item.id === editedItem.id ? editedItem : item)
           );
@@ -12227,4 +12225,4 @@ const App = () => {
   ] });
 };
 exports.default = App;
-//# sourceMappingURL=index-DCejsR9X.js.map
+//# sourceMappingURL=index-YzPuPn68.js.map