@mattisvensson/strapi-plugin-webatlas 0.6.0 → 0.6.2

package/dist/_chunks/{index-CcwGhk4b.js → index-Bw2Yq-Hx.js}

@@ -7,9 +7,10 @@ const designSystem = require("@strapi/design-system");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const reactIntl = require("react-intl");
-const index = require("./index-C1HfYOU_.js");
+const index = require("./index-Ch8tSWp4.js");
 const admin = require("@strapi/strapi/admin");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
+require("@strapi/icons/symbols");
 const EmptyBox = require("./EmptyBox-T8t29l25.js");
 const core = require("@dnd-kit/core");
 const sortable = require("@dnd-kit/sortable");
@@ -93,12 +94,12 @@ function Delete({ variant, item, onDelete }) {
   const { setModalType } = React.useContext(ModalContext);
   const { formatMessage } = reactIntl.useIntl();
   const { deleteNavigation } = index.useApi();
-  const navigate = reactRouterDom.useNavigate();
+  reactRouterDom.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);
@@ -4631,6 +4632,7 @@ function ItemCreateComponent({
   onCreate
 }) {
   const [loading, setLoading] = React.useState(false);
+  const [loadingRoute, setLoadingRoute] = React.useState(true);
   const { formatMessage } = reactIntl.useIntl();
   React.useEffect(() => {
     if (!entities) return;
@@ -4646,9 +4648,10 @@ function ItemCreateComponent({
   React.useEffect(() => {
     async function fetchRoute() {
       if (selectedContentType?.contentType && selectedEntity?.id) {
+        setLoadingRoute(true);
         try {
           const route = await getRelatedRoute(selectedEntity.documentId);
-          if (!route) return;
+          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 });
@@ -4666,6 +4669,8 @@ function ItemCreateComponent({
           setEntityRoute(route);
         } catch (err) {
           console.log(err);
+        } finally {
+          setLoadingRoute(false);
         }
       }
     }
@@ -4692,6 +4697,68 @@ function ItemCreateComponent({
       setLoading(false);
     }
   };
+  function ItemDetails() {
+    if (loadingRoute) return /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, { height: 50 });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, alignItems: "baseline", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+          id: index.getTranslation("modal.item.titleField.label"),
+          defaultMessage: "Title"
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Field.Input,
+          {
+            placeholder: formatMessage({
+              id: index.getTranslation("modal.item.titleField.placeholder"),
+              defaultMessage: "e.g. About us"
+            }),
+            name: "title",
+            value: navItemState.title || "",
+            onChange: (e) => dispatchItemState({ type: "SET_TITLE", payload: e.target.value }),
+            required: true
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { width: "100%", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+            id: index.getTranslation("modal.item.routeField.label"),
+            defaultMessage: "Route"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Field.Input,
+            {
+              required: true,
+              placeholder: formatMessage({
+                id: index.getTranslation("modal.item.routeField.placeholder"),
+                defaultMessage: "e.g. about/"
+              }),
+              name: "slug",
+              value: path?.value || "",
+              onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
+              onBlur: (e) => {
+                if (e.target.value === path.prevValue) return;
+                dispatchPath({ type: "DEFAULT", payload: e.target.value });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.URLInfo, { validationState, replacement })
+      ] }) })
+    ] }) });
+  }
+  if (availableEntities && availableEntities.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavModal,
+      {
+        confirmText: formatMessage({ id: index.getTranslation("add"), defaultMessage: "Add" }),
+        closeText: formatMessage({ id: index.getTranslation("cancel"), defaultMessage: "Cancel" }),
+        titleText: formatMessage({ id: index.getTranslation("modal.internalItem.titleText.create"), defaultMessage: "Add new navigation item" }),
+        footer: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
+        children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, { height: 50 })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     NavModal,
     {
@@ -4762,53 +4829,7 @@ function ItemCreateComponent({
         ] }),
         selectedEntity && selectedContentType && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 6, paddingTop: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, paddingBottom: 6, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, alignItems: "baseline", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
-                id: index.getTranslation("modal.item.titleField.label"),
-                defaultMessage: "Title"
-              }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Field.Input,
-                {
-                  placeholder: formatMessage({
-                    id: index.getTranslation("modal.item.titleField.placeholder"),
-                    defaultMessage: "e.g. About us"
-                  }),
-                  name: "title",
-                  value: navItemState.title || "",
-                  onChange: (e) => dispatchItemState({ type: "SET_TITLE", payload: e.target.value }),
-                  required: true
-                }
-              )
-            ] }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { width: "100%", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
-                  id: index.getTranslation("modal.item.routeField.label"),
-                  defaultMessage: "Route"
-                }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Field.Input,
-                  {
-                    required: true,
-                    placeholder: formatMessage({
-                      id: index.getTranslation("modal.item.routeField.placeholder"),
-                      defaultMessage: "e.g. about/"
-                    }),
-                    name: "slug",
-                    value: path?.value || "",
-                    onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
-                    onBlur: (e) => {
-                      if (e.target.value === path.prevValue) return;
-                      dispatchPath({ type: "DEFAULT", payload: e.target.value });
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(index.URLInfo, { validationState, replacement })
-            ] }) })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(ItemDetails, {})
         ] })
       ]
     }
@@ -11890,9 +11911,11 @@ const Navigation = () => {
       }
       if (cachedNavigations.current) {
         const selectedNav = cachedNavigations.current.find((nav) => nav.documentId === navigationId);
-        selectedNav && switchNavigation(selectedNav, cachedNavigations.current);
-        setLoading(false);
-        return;
+        if (selectedNav) {
+          switchNavigation(selectedNav, cachedNavigations.current);
+          setLoading(false);
+          return;
+        }
       }
       setLoading(true);
       await loadNavigations();
@@ -12099,7 +12122,9 @@ const Navigation = () => {
       {
         variant: "NavDelete",
         item: actionItem,
-        onDelete: () => {
+        onDelete: async () => {
+          cachedNavigations.current = null;
+          navigate("/plugins/webatlas/navigation");
         }
       }
     ),

package/dist/_chunks/{index-Upva9LaE.mjs → index-C4-VBSgi.mjs}

@@ -5,9 +5,10 @@ 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-B5u3q4DO.mjs";
+import { u as useApi, g as getTranslation, d as debounce, a as duplicateCheck, t as transformToUrl, U as URLInfo } from "./index-iF1y6Mhe.mjs";
 import { useFetchClient, useNotification, Page, Layouts } from "@strapi/strapi/admin";
 import { C as Center, F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
+import "@strapi/icons/symbols";
 import { E as EmptyBox } from "./EmptyBox-BM4IscSk.mjs";
 import { MeasuringStrategy, DndContext, closestCenter, DragOverlay } from "@dnd-kit/core";
 import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
@@ -91,12 +92,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);
@@ -4629,6 +4630,7 @@ function ItemCreateComponent({
   onCreate
 }) {
   const [loading, setLoading] = useState(false);
+  const [loadingRoute, setLoadingRoute] = useState(true);
   const { formatMessage } = useIntl();
   useEffect(() => {
     if (!entities) return;
@@ -4644,9 +4646,10 @@ function ItemCreateComponent({
   useEffect(() => {
     async function fetchRoute() {
       if (selectedContentType?.contentType && selectedEntity?.id) {
+        setLoadingRoute(true);
         try {
           const route = await getRelatedRoute(selectedEntity.documentId);
-          if (!route) return;
+          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 });
@@ -4664,6 +4667,8 @@ function ItemCreateComponent({
           setEntityRoute(route);
         } catch (err) {
           console.log(err);
+        } finally {
+          setLoadingRoute(false);
         }
       }
     }
@@ -4690,6 +4695,68 @@ function ItemCreateComponent({
       setLoading(false);
     }
   };
+  function ItemDetails() {
+    if (loadingRoute) return /* @__PURE__ */ jsx(FullLoader, { height: 50 });
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
+      /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, alignItems: "baseline", children: /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+          id: getTranslation("modal.item.titleField.label"),
+          defaultMessage: "Title"
+        }) }),
+        /* @__PURE__ */ jsx(
+          Field.Input,
+          {
+            placeholder: formatMessage({
+              id: getTranslation("modal.item.titleField.placeholder"),
+              defaultMessage: "e.g. About us"
+            }),
+            name: "title",
+            value: navItemState.title || "",
+            onChange: (e) => dispatchItemState({ type: "SET_TITLE", payload: e.target.value }),
+            required: true
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
+        /* @__PURE__ */ jsxs(Field.Root, { children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+            id: getTranslation("modal.item.routeField.label"),
+            defaultMessage: "Route"
+          }) }),
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              required: true,
+              placeholder: formatMessage({
+                id: getTranslation("modal.item.routeField.placeholder"),
+                defaultMessage: "e.g. about/"
+              }),
+              name: "slug",
+              value: path?.value || "",
+              onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
+              onBlur: (e) => {
+                if (e.target.value === path.prevValue) return;
+                dispatchPath({ type: "DEFAULT", payload: e.target.value });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(URLInfo, { validationState, replacement })
+      ] }) })
+    ] }) });
+  }
+  if (availableEntities && availableEntities.length === 0) {
+    return /* @__PURE__ */ jsx(
+      NavModal,
+      {
+        confirmText: formatMessage({ id: getTranslation("add"), defaultMessage: "Add" }),
+        closeText: formatMessage({ id: getTranslation("cancel"), defaultMessage: "Cancel" }),
+        titleText: formatMessage({ id: getTranslation("modal.internalItem.titleText.create"), defaultMessage: "Add new navigation item" }),
+        footer: /* @__PURE__ */ jsx(Fragment, {}),
+        children: /* @__PURE__ */ jsx(FullLoader, { height: 50 })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     NavModal,
     {
@@ -4760,53 +4827,7 @@ function ItemCreateComponent({
         ] }),
         selectedEntity && selectedContentType && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Box, { paddingBottom: 6, paddingTop: 6, children: /* @__PURE__ */ jsx(Divider, {}) }),
-          /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, paddingBottom: 6, children: [
-            /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, alignItems: "baseline", children: /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
-              /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
-                id: getTranslation("modal.item.titleField.label"),
-                defaultMessage: "Title"
-              }) }),
-              /* @__PURE__ */ jsx(
-                Field.Input,
-                {
-                  placeholder: formatMessage({
-                    id: getTranslation("modal.item.titleField.placeholder"),
-                    defaultMessage: "e.g. About us"
-                  }),
-                  name: "title",
-                  value: navItemState.title || "",
-                  onChange: (e) => dispatchItemState({ type: "SET_TITLE", payload: e.target.value }),
-                  required: true
-                }
-              )
-            ] }) }) }),
-            /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
-              /* @__PURE__ */ jsxs(Field.Root, { children: [
-                /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
-                  id: getTranslation("modal.item.routeField.label"),
-                  defaultMessage: "Route"
-                }) }),
-                /* @__PURE__ */ jsx(
-                  Field.Input,
-                  {
-                    required: true,
-                    placeholder: formatMessage({
-                      id: getTranslation("modal.item.routeField.placeholder"),
-                      defaultMessage: "e.g. about/"
-                    }),
-                    name: "slug",
-                    value: path?.value || "",
-                    onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
-                    onBlur: (e) => {
-                      if (e.target.value === path.prevValue) return;
-                      dispatchPath({ type: "DEFAULT", payload: e.target.value });
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx(URLInfo, { validationState, replacement })
-            ] }) })
-          ] })
+          /* @__PURE__ */ jsx(ItemDetails, {})
         ] })
       ]
     }
@@ -11888,9 +11909,11 @@ const Navigation = () => {
       }
       if (cachedNavigations.current) {
         const selectedNav = cachedNavigations.current.find((nav) => nav.documentId === navigationId);
-        selectedNav && switchNavigation(selectedNav, cachedNavigations.current);
-        setLoading(false);
-        return;
+        if (selectedNav) {
+          switchNavigation(selectedNav, cachedNavigations.current);
+          setLoading(false);
+          return;
+        }
       }
       setLoading(true);
       await loadNavigations();
@@ -12097,7 +12120,9 @@ const Navigation = () => {
       {
         variant: "NavDelete",
         item: actionItem,
-        onDelete: () => {
+        onDelete: async () => {
+          cachedNavigations.current = null;
+          navigate("/plugins/webatlas/navigation");
         }
       }
     ),
@@ -12197,3 +12222,4 @@ const App = () => {
 export {
   App as default
 };
+//# sourceMappingURL=index-C4-VBSgi.mjs.map