@mattisvensson/strapi-plugin-webatlas 0.7.1 → 0.8.1

package/dist/_chunks/{index-BFMLU2kR.mjs → index-CUlRMqGG.mjs}

@@ -5,7 +5,7 @@ import { Box, Typography, Dialog, Button, Modal, Flex, SingleSelect, SingleSelec
 import { useState, useEffect, createContext, useRef, useContext, useReducer, useCallback, useMemo, forwardRef } from "react";
 import { createPortal } from "react-dom";
 import { useIntl } from "react-intl";
-import { u as useApi, g as getTranslation, d as debounce, a as duplicateCheck, t as transformToUrl, U as URLInfo } from "./index-C6Dorrjz.mjs";
+import { u as useApi, g as getTranslation, d as debounce, a as duplicateCheck, t as transformToUrl, U as URLInfo, b as usePluginConfig } from "./index-CTA8agp7.mjs";
 import { useFetchClient, useNotification, Page, Layouts } from "@strapi/strapi/admin";
 import { C as Center, F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
 import { EmptyDocuments } from "@strapi/icons/symbols";
@@ -231,23 +231,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: 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: getTranslation("notification.navigation.creationFailed"),
+          defaultMessage: "Creation of navigation failed"
+        })
+      });
     } finally {
+      setLoading(false);
     }
-    setLoading(false);
   };
   return /* @__PURE__ */ jsx(
     NavModal,
@@ -282,14 +280,22 @@ function NavEdit({ item, onEdit }) {
   const [loading, setLoading] = useState(false);
   const { updateNavigation } = useApi();
   const { formatMessage } = useIntl();
+  const { toggleNotification } = 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: getTranslation("notification.navigation.updateFailed"),
+          defaultMessage: "Updating navigation failed"
+        })
+      });
     } finally {
       setLoading(false);
     }
@@ -303,17 +309,6 @@ function NavEdit({ item, onEdit }) {
       loadingText: formatMessage({ id: getTranslation("modal.navEdit.loadingText"), defaultMessage: "Updating" }),
       onConfirm: updateNav,
       loading,
-      modalToOpen: "NavOverview",
-      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Button, { onClick: () => setModalType("NavOverview"), variant: "tertiary", children: formatMessage({
-          id: getTranslation("modal.navEdit.closeText"),
-          defaultMessage: "Cancel"
-        }) }),
-        /* @__PURE__ */ jsx(Button, { children: formatMessage({
-          id: getTranslation("modal.navEdit.confirmText"),
-          defaultMessage: "Update"
-        }) })
-      ] }),
       children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
         /* @__PURE__ */ jsx(Grid.Item, { s: 12, m: 6, children: /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
           /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
@@ -4649,31 +4644,30 @@ function ItemCreateComponent({
   }, [path.needsUrlCheck, entityRoute?.documentId]);
   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();
@@ -10586,7 +10580,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);
@@ -10595,7 +10589,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) {
@@ -10605,9 +10599,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;
 }
@@ -11838,6 +11832,7 @@ const Navigation = () => {
   const [isSavingNavigation, setIsSavingNavigation] = useState(false);
   const [loading, setLoading] = useState(true);
   const cachedNavigations = useRef(null);
+  const { config } = usePluginConfig();
   const [projected, setProjected] = useState(null);
   const [activeItem, setActiveItem] = useState();
   const [activeId, setActiveId] = useState(null);
@@ -12027,7 +12022,8 @@ const Navigation = () => {
       navigationItems,
       activeId,
       overId,
-      offsetLeft
+      offsetLeft,
+      config?.navigation.maxDepth || 3
     ) : null;
     setProjected(projection);
   }, [activeId, overId, offsetLeft, navigationItems]);
@@ -12124,7 +12120,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");
@@ -12135,7 +12131,10 @@ const Navigation = () => {
       NavEdit,
       {
         item: actionItem,
-        onEdit: () => {
+        onEdit: (editedNavigation) => {
+          setNavigations(
+            (navs) => navs?.map((nav) => nav.id === editedNavigation.id ? editedNavigation : nav)
+          );
         }
       }
     ),
@@ -12165,7 +12164,6 @@ const Navigation = () => {
       {
         item: actionItem,
         onEdit: (editedItem) => {
-          console.log(editedItem);
           setNavigationItems(
             (items) => items?.map((item) => item.id === editedItem.id ? editedItem : item)
           );
@@ -12227,4 +12225,3 @@ const App = () => {
 export {
   App as default
 };
-//# sourceMappingURL=index-BFMLU2kR.mjs.map

package/dist/_chunks/{index-C6e9wLau.js → index-CbW6k4FH.js}

@@ -41,7 +41,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.7.0";
+const version = "0.8.1";
 const keywords = [];
 const type = "commonjs";
 const exports$1 = {
@@ -312,6 +312,10 @@ function usePluginConfig() {
           config2 = { ...config2, selectedContentTypes: activeContentTypes };
           await setConfig(config2);
         }
+        if (config2.navigation?.maxDepth === void 0) {
+          config2.navigation = { ...config2.navigation, maxDepth: 3 };
+          await setConfig(config2);
+        }
         setConfigData(config2);
       } catch (error) {
         setFetchError(error.message);
@@ -3636,7 +3640,7 @@ const $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003
 function Tooltip({ description: description2 }) {
   return /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$2881499e37b75b9a, { children: /* @__PURE__ */ jsxRuntime.jsxs($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { children: [
     /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$41fb9f06171c75f4, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Information, { "aria-hidden": "true" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { sideOffset: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: /* @__PURE__ */ jsxRuntime.jsx($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { sideOffset: 5, style: { zIndex: 9999 }, children: /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.Box,
       {
         padding: 2,
@@ -4077,7 +4081,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-CHB_8c7e.js"));
+        const component = await Promise.resolve().then(() => require("./index--oj1eNcM.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4096,7 +4100,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-DeCgextE.js"));
+        const component = await Promise.resolve().then(() => require("./index-YzPuPn68.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4112,20 +4116,44 @@ const index = {
         id: PLUGIN_ID,
         intlLabel: {
           id: `${PLUGIN_ID}.settings.section`,
-          defaultMessage: "Webatlas"
+          defaultMessage: PLUGIN_NAME
         }
       },
       {
         intlLabel: {
-          id: `${PLUGIN_ID}.settings.section`,
-          defaultMessage: "Configuration"
+          id: `${PLUGIN_ID}.settings.section.general`,
+          defaultMessage: "General"
         },
-        id: PLUGIN_ID,
-        to: `/settings/${PLUGIN_ID}/configuration`,
+        id: `${PLUGIN_ID}-general`,
+        to: `/settings/${PLUGIN_ID}/general`,
+        Component: async () => {
+          return await Promise.resolve().then(() => require(
+            /* webpackChunkName: "webatlas-settings-general-page" */
+            "./index-CtFERXkl.js"
+          ));
+        },
+        permissions: [
+          // Uncomment to set the permissions of the plugin here
+          // {
+          //   action: '', // the action name should be plugin::plugin-name.actionType
+          //   subject: null,
+          // },
+        ]
+      }
+    );
+    app.addSettingsLink(
+      PLUGIN_ID,
+      {
+        intlLabel: {
+          id: `${PLUGIN_ID}.settings.navigation`,
+          defaultMessage: "Navigation"
+        },
+        id: `${PLUGIN_ID}-navigation`,
+        to: `/settings/${PLUGIN_ID}/navigation`,
         Component: async () => {
           return await Promise.resolve().then(() => require(
-            /* webpackChunkName: "webatlas-settings-page" */
-            "./index-B79--vLg.js"
+            /* webpackChunkName: "webatlas-settings-navigation-page" */
+            "./index-BCPgfhBx.js"
           ));
         },
         permissions: [
@@ -4154,7 +4182,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-BZc1BkzH.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Deg4n_IM.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-CDBoUBzw.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-DfvURaup.js")) }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };
@@ -4174,3 +4202,4 @@ exports.transformToUrl = transformToUrl;
 exports.useAllContentTypes = useAllContentTypes;
 exports.useApi = useApi;
 exports.usePluginConfig = usePluginConfig;
+//# sourceMappingURL=index-CbW6k4FH.js.map