@mattisvensson/strapi-plugin-webatlas 0.5.0 → 0.6.1

package/dist/_chunks/{index-LAGFB7iO.mjs → index-C-4C6ezO.mjs}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Box, Table, Tbody } from "@strapi/design-system";
-import { g as getTranslation, u as useApi } from "./index-Ctq2vsD5.mjs";
+import { g as getTranslation, u as useApi } from "./index-DesLqdi-.mjs";
 import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
 import { F as FullLoader, C as Center } from "./FullLoader-CrPED_dY.mjs";
 import { E as EmptyBox } from "./EmptyBox-BM4IscSk.mjs";

package/dist/_chunks/{index-CNfpGKSw.mjs → index-C2V-ZFHK.mjs}

@@ -5,7 +5,7 @@ import { Dialog, Typography, Button, Modal, Flex, SingleSelect, SingleSelectOpti
 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-Ctq2vsD5.mjs";
+import { u as useApi, g as getTranslation, d as debounce, a as duplicateCheck, t as transformToUrl, U as URLInfo } from "./index-JVvkmiKE.mjs";
 import { useFetchClient, useNotification, Page, Layouts } from "@strapi/strapi/admin";
 import { C as Center, F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
 import { E as EmptyBox } from "./EmptyBox-BM4IscSk.mjs";
@@ -91,12 +91,12 @@ function Delete({ variant, item, onDelete }) {
   const { setModalType } = useContext(ModalContext);
   const { formatMessage } = useIntl();
   const { deleteNavigation } = useApi();
-  const navigate = useNavigate();
+  useNavigate();
   const handleDelete = async () => {
     try {
       if (variant === "NavDelete") {
         await deleteNavigation(item.documentId);
-        navigate("/plugins/webatlas/navigation");
+        onDelete(item);
       } else if (variant === "ItemDelete") {
         const editedItem = { ...item, deleted: true };
         onDelete(editedItem);
@@ -10568,11 +10568,10 @@ function getProjection(items, activeId, overId, dragOffset) {
   const activeItem = items[activeItemIndex];
   const newItems = arrayMove(items, activeItemIndex, overItemIndex);
   const previousItem = newItems[overItemIndex - 1];
-  const nextItem = newItems[overItemIndex + 1];
   const dragDepth = getDragDepth(dragOffset, indentationWidth);
   const projectedDepth = activeItem && typeof activeItem.depth === "number" ? activeItem.depth + dragDepth : 0;
-  const maxDepth = getMaxDepth({ previousItem });
-  const minDepth = getMinDepth({ nextItem });
+  let maxDepth = getMaxDepth({ previousItem });
+  let minDepth = 0;
   let depth = projectedDepth;
   if (projectedDepth >= maxDepth) {
     depth = maxDepth;
@@ -10587,12 +10586,6 @@ function getMaxDepth({ previousItem }) {
   }
   return 0;
 }
-function getMinDepth({ nextItem }) {
-  if (nextItem && typeof nextItem.depth === "number") {
-    return nextItem.depth;
-  }
-  return 0;
-}
 function getDragDepth(offset, indentationWidth2) {
   return Math.round(offset / indentationWidth2);
 }
@@ -10608,7 +10601,7 @@ function RouteIcon({ type, color = "neutral800" }) {
       return /* @__PURE__ */ jsx(Box, { width: "16px", height: "16px" });
   }
 }
-const RouteItem = forwardRef(({ item, setParentId, setActionItem, ghost, depth, style, wrapperRef, handleProps }, ref) => {
+const RouteItem = forwardRef(({ item, setParentId, setActionItem, setNavigationItems, ghost, depth, style, wrapperRef, handleProps }, ref) => {
   if (!item || !item.route) return null;
   const { setModalType } = useContext(ModalContext);
   const { formatMessage } = useIntl();
@@ -10660,6 +10653,17 @@ const RouteItem = forwardRef(({ item, setParentId, setActionItem, ghost, depth,
     setActionItem(item);
     setModalType("ItemDelete");
   };
+  const handleRestore = () => {
+    setNavigationItems(
+      (navItems) => navItems?.map((navItem) => {
+        if (navItem.documentId === item.documentId) {
+          delete navItem.update;
+          delete navItem.deleted;
+        }
+        return navItem;
+      })
+    );
+  };
   const elStyle = {
     marginLeft: depth !== void 0 ? depth * 48 : 0,
     opacity: ghost || item.deleted ? 0.5 : 1,
@@ -10716,18 +10720,24 @@ const RouteItem = forwardRef(({ item, setParentId, setActionItem, ghost, depth,
             ] }),
             /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 4, children: [
               type === "internal" && item.status && /* @__PURE__ */ jsx(Status, { variant: itemStatusOptions[item.status].variant, size: "S", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: itemStatusOptions[item.status].status }) }),
-              /* @__PURE__ */ jsxs(SimpleMenu, { label: "Notifications", tag: IconButton, icon: /* @__PURE__ */ jsx(More, {}), children: [
-                /* @__PURE__ */ jsx(MenuItem, { onClick: () => handleEdit(), children: formatMessage({
-                  id: getTranslation("edit"),
-                  defaultMessage: "Edit"
-                }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onClick: () => handleAddChildren(), children: formatMessage({
-                  id: getTranslation("navigation.page.navItem.addChildren"),
-                  defaultMessage: "Add children"
-                }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onClick: () => handleDelete(), children: /* @__PURE__ */ jsx(Typography, { textColor: "danger600", children: formatMessage({
-                  id: getTranslation("delete"),
-                  defaultMessage: "Delete"
+              /* @__PURE__ */ jsxs(SimpleMenu, { label: "Item actions", tag: IconButton, icon: /* @__PURE__ */ jsx(More, {}), children: [
+                !item.deleted && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(MenuItem, { onClick: () => handleEdit(), children: formatMessage({
+                    id: getTranslation("edit"),
+                    defaultMessage: "Edit"
+                  }) }),
+                  /* @__PURE__ */ jsx(MenuItem, { onClick: () => handleAddChildren(), children: formatMessage({
+                    id: getTranslation("navigation.page.navItem.addChildren"),
+                    defaultMessage: "Add children"
+                  }) }),
+                  /* @__PURE__ */ jsx(MenuItem, { onClick: () => handleDelete(), children: /* @__PURE__ */ jsx(Typography, { textColor: "danger600", children: formatMessage({
+                    id: getTranslation("delete"),
+                    defaultMessage: "Delete"
+                  }) }) })
+                ] }),
+                (item.deleted || item.update) && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MenuItem, { onClick: () => handleRestore(), children: formatMessage({
+                  id: getTranslation("restore"),
+                  defaultMessage: "Restore"
                 }) }) })
               ] })
             ] })
@@ -10737,7 +10747,7 @@ const RouteItem = forwardRef(({ item, setParentId, setActionItem, ghost, depth,
     }
   );
 });
-function SortableRouteItem({ item, depth, ...props }) {
+function SortableRouteItem({ item, depth, setNavigationItems, ...props }) {
   if (!item) return null;
   const {
     isDragging,
@@ -10756,6 +10766,7 @@ function SortableRouteItem({ item, depth, ...props }) {
     {
       ref: setDraggableNodeRef,
       wrapperRef: setDroppableNodeRef,
+      setNavigationItems,
       style,
       item,
       disableInteraction: isSorting,
@@ -10799,6 +10810,7 @@ function PageWrapper({ navigations, loading = false, children }) {
                 id: getTranslation("navigation.page.selectNavigation"),
                 defaultMessage: "Select Navigation"
               }),
+              selected: true,
               onChange: (value) => {
                 const navItem = navigations.find((nav) => nav.slug === value);
                 navItem && navigate(`/plugins/webatlas/navigation/${navItem.documentId}`);
@@ -11800,6 +11812,7 @@ const Navigation = () => {
   const { getNavigation, updateNavigationItemStructure } = useApi();
   const [isSavingNavigation, setIsSavingNavigation] = useState(false);
   const [loading, setLoading] = useState(true);
+  const cachedNavigations = useRef(null);
   const [projected, setProjected] = useState(null);
   const [activeItem, setActiveItem] = useState();
   const [activeId, setActiveId] = useState(null);
@@ -11843,11 +11856,10 @@ const Navigation = () => {
           }) + ": " + updatedNavigations[0]?.name
         });
         navigate(`/plugins/webatlas/navigation/${updatedNavigations[0]?.documentId}`);
+        return;
       }
-      setNavigations(updatedNavigations);
-      setSelectedNavigation(selectedNav);
-      setNavigationItems(selectedNav?.items || []);
-      initialNavigationItemsRef.current = cloneDeep$1(selectedNav?.items) || null;
+      cachedNavigations.current = updatedNavigations;
+      switchNavigation(selectedNav, updatedNavigations);
     } catch (error) {
       console.error("Error fetching navigations: ", error);
       toggleNotification({
@@ -11859,16 +11871,32 @@ const Navigation = () => {
       });
     }
   }
+  function switchNavigation(selectedNav, updatedNavigations) {
+    setNavigations(updatedNavigations);
+    setSelectedNavigation(selectedNav);
+    setNavigationItems(selectedNav.items || []);
+    initialNavigationItemsRef.current = cloneDeep$1(selectedNav.items) || null;
+  }
   useEffect(() => {
     async function fetchNavigations() {
       if (!navigationId) {
-        const navigations2 = await getNavigation({ documentId: navigationId, variant: "namesOnly" });
-        navigations2 && navigate(`/plugins/webatlas/navigation/${navigations2[0]?.documentId}`);
-      } else {
-        setLoading(true);
-        await loadNavigations();
-        setLoading(false);
+        const navs = await getNavigation({ variant: "namesOnly" });
+        if (navs && navs.length > 0) {
+          navigate(`/plugins/webatlas/navigation/${navs[0].documentId}`);
+        }
+        return;
       }
+      if (cachedNavigations.current) {
+        const selectedNav = cachedNavigations.current.find((nav) => nav.documentId === navigationId);
+        if (selectedNav) {
+          switchNavigation(selectedNav, cachedNavigations.current);
+          setLoading(false);
+          return;
+        }
+      }
+      setLoading(true);
+      await loadNavigations();
+      setLoading(false);
     }
     fetchNavigations();
   }, [navigationId]);
@@ -11922,7 +11950,7 @@ const Navigation = () => {
         })
       });
     } finally {
-      loadNavigations();
+      await loadNavigations();
       setIsSavingNavigation(false);
     }
   }
@@ -11951,7 +11979,16 @@ const Navigation = () => {
       const activeTreeItem = navigationItems[activeIndex];
       navigationItems[activeIndex] = { ...activeTreeItem, depth };
       const sortedItems = arrayMove(navigationItems, activeIndex, overIndex);
-      setNavigationItems(sortedItems);
+      const fixedItems = [...sortedItems];
+      fixedItems[0].depth = 0;
+      for (let i = 1; i < fixedItems.length; i++) {
+        const prev = fixedItems[i - 1].depth ?? 0;
+        let curr = fixedItems[i].depth ?? 0;
+        if (curr < 0) curr = 0;
+        if (curr > prev + 1) curr = prev + 1;
+        fixedItems[i].depth = curr;
+      }
+      setNavigationItems(fixedItems);
     }
   }
   function resetState() {
@@ -12010,6 +12047,7 @@ const Navigation = () => {
                 item,
                 setParentId,
                 setActionItem,
+                setNavigationItems,
                 indentationWidth,
                 depth: item.id === activeId && projected ? projected.depth : item.depth
               },
@@ -12021,7 +12059,8 @@ const Navigation = () => {
                 {
                   item: activeItem,
                   setParentId,
-                  setActionItem
+                  setActionItem,
+                  setNavigationItems
                 }
               ) : null }),
               document.body
@@ -12060,7 +12099,9 @@ const Navigation = () => {
       {
         variant: "NavDelete",
         item: actionItem,
-        onDelete: () => {
+        onDelete: async () => {
+          cachedNavigations.current = null;
+          navigate("/plugins/webatlas/navigation");
         }
       }
     ),
@@ -12160,3 +12201,4 @@ const App = () => {
 export {
   App as default
 };
+//# sourceMappingURL=index-C2V-ZFHK.mjs.map