@mattisvensson/strapi-plugin-webatlas 0.8.1 → 0.8.2

package/dist/_chunks/{index-D72CZ5b7.js → index-DH0mFrgH.js}

@@ -4,11 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-Dxn0NT06.js");
+const index = require("./index-DOMrViWi.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
-const PageWrapper = require("./PageWrapper-Bp9vGwpG.js");
+const SettingTitle = require("./SettingTitle-DDZxIqee.js");
 function reducer(newConfig, action) {
   switch (action.type) {
     case "SET_MAX_DEPTH":
@@ -75,49 +75,55 @@ const Settings = () => {
   }
   if (loading) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      PageWrapper.PageWrapper,
+      SettingTitle.PageWrapper,
       {
         isSaving,
+        subtitle: formatMessage({
+          id: index.getTranslation("loading"),
+          defaultMessage: "Loading..."
+        }),
         disabledCondition: true,
         children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, { height: 200 })
       }
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    PageWrapper.PageWrapper,
+    SettingTitle.PageWrapper,
     {
       save,
       isSaving,
+      subtitle: formatMessage({
+        id: index.getTranslation("settings.page.navigation.subtitle"),
+        defaultMessage: "Configure navigation settings"
+      }),
       disabledCondition: JSON.stringify(config) === JSON.stringify(initialConfig.current),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.Field.Root,
-        {
-          name: "maxNavDepth",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
-              id: index.getTranslation("settings.page.maxNavDepth.label"),
-              defaultMessage: "Max depth of navigation tree"
-            }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Field.Input,
-              {
-                id: "maxNavDepth",
-                type: "number",
-                min: 1,
-                step: 1,
-                value: config?.navigation?.maxDepth !== void 0 ? config.navigation.maxDepth : "",
-                onChange: (e) => dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) }),
-                onBlur: (e) => {
-                  if (e.target.value === "") return;
-                  dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) });
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
-          ]
-        }
-      )
+      children: /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.ContentBox, { title: formatMessage({
+        id: index.getTranslation("settings.page.navigation.navigation"),
+        defaultMessage: "Navigation"
+      }), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "maxNavDepth", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: /* @__PURE__ */ jsxRuntime.jsx(SettingTitle.SettingTitle, { children: formatMessage({
+          id: index.getTranslation("settings.page.navigation.maxNavDepth.label"),
+          defaultMessage: "Max depth of navigation tree"
+        }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Field.Input,
+          {
+            id: "maxNavDepth",
+            type: "number",
+            min: 0,
+            step: 1,
+            value: config?.navigation?.maxDepth !== void 0 ? config.navigation.maxDepth + 1 : "",
+            onChange: (e) => dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) - 1 }),
+            onBlur: (e) => {
+              if (e.target.value === "") return;
+              dispatch({ type: "SET_MAX_DEPTH", payload: Number(e.target.value) - 1 });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+      ] }) })
     }
   );
 };
 exports.default = Settings;
+//# sourceMappingURL=index-DH0mFrgH.js.map

package/dist/_chunks/index-DH0mFrgH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DH0mFrgH.js","sources":["../../admin/src/pages/Settings/Navigation/index.tsx"],"sourcesContent":["/*\n *\n * Settings\n * This file contains the navigation settings page for the Webatlas plugin.\n * It allows users to set the max depth of the navigation tree.\n *\n*/\n\nimport { useEffect, useState, useReducer, useRef } from 'react';\nimport { Field } from '@strapi/design-system';\nimport { useNotification } from '@strapi/strapi/admin'\nimport usePluginConfig from '../../../hooks/usePluginConfig';\nimport type { PluginConfig } from '../../../../../types';\nimport { getTranslation } from '../../../utils';\nimport { useIntl } from 'react-intl';\nimport { FullLoader } from '../../../components/UI';\nimport { PageWrapper, ContentBox, SettingTitle } from '../';\n\ntype Action =\n  | { type: 'SET_MAX_DEPTH'; payload: number }\n  | { type: 'SET_CONFIG'; payload: PluginConfig }\n\nfunction reducer(newConfig: PluginConfig | null, action: Action): PluginConfig | null {\n  switch (action.type) {\n    case 'SET_MAX_DEPTH':\n      if (!newConfig) return null;\n      return { \n        ...newConfig, \n        navigation: { ...newConfig.navigation, maxDepth: action.payload },\n        selectedContentTypes: newConfig.selectedContentTypes || []\n      };\n    case 'SET_CONFIG':\n      return action.payload;\n    default:\n      throw new Error();\n  }\n}\n\nconst Settings = () => {\n  const { config: fetchedConfig, setConfig, loading, fetchError } = usePluginConfig();\n  const [config, dispatch] = useReducer(reducer, fetchedConfig);\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const [isSaving, setIsSaving] = useState(false);\n  const initialConfig = useRef<PluginConfig | null>(fetchedConfig);\n\n  useEffect(() => {\n    initialConfig.current = fetchedConfig;\n\n    if (fetchedConfig)\n      dispatch({ type: 'SET_CONFIG', payload: fetchedConfig });\n  }, [fetchedConfig]);\n\n  useEffect(() => {\n    if (fetchError) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslation('notification.error'),\n          defaultMessage: 'An error occurred',\n        }) + ': ' + fetchError,\n      });\n    }\n  }, [fetchError, toggleNotification, formatMessage]);\n\n  async function save() {\n    if (!config) return\n\n    setIsSaving(true);\n    try {\n      await setConfig({ navigation: config.navigation })\n      initialConfig.current = config;\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTranslation('notification.settings.saved'),\n          defaultMessage: 'Settings saved successfully',\n        }),\n      });\n      setIsSaving(false);\n    } catch (err) {\n      setIsSaving(false);\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslation('notification.error'),\n          defaultMessage: 'An error occurred',\n        }) + ': ' + err,\n      });\n      console.error(err);\n    }\n  }\n\n  if (loading) {\n    return <PageWrapper\n      isSaving={isSaving}\n      subtitle={formatMessage({\n        id: getTranslation('loading'),\n        defaultMessage: 'Loading...',\n      })}\n      disabledCondition={true}\n    >\n      <FullLoader height={200} />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper\n      save={save}\n      isSaving={isSaving}\n      subtitle={formatMessage({\n        id: getTranslation('settings.page.navigation.subtitle'),\n        defaultMessage: 'Configure navigation settings',\n      })}\n      disabledCondition={JSON.stringify(config) === JSON.stringify(initialConfig.current)}\n    >\n      <ContentBox title={formatMessage({\n        id: getTranslation('settings.page.navigation.navigation'),\n        defaultMessage: 'Navigation',\n      })}>\n        <Field.Root name=\"maxNavDepth\">\n          <Field.Label>\n            <SettingTitle>\n              {formatMessage({\n                id: getTranslation('settings.page.navigation.maxNavDepth.label'),\n                defaultMessage: 'Max depth of navigation tree',\n              })}\n            </SettingTitle>\n          </Field.Label>\n          <Field.Input\n            id=\"maxNavDepth\"\n            type=\"number\"\n            min={0}\n            step={1}\n            value={config?.navigation?.maxDepth !== undefined ? config.navigation.maxDepth + 1 : ''}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => dispatch({ type: 'SET_MAX_DEPTH', payload: Number(e.target.value) - 1 })}\n            onBlur={(e: React.ChangeEvent<HTMLInputElement>) => {\n              if (e.target.value === '') return\n              dispatch({ type: 'SET_MAX_DEPTH', payload: Number(e.target.value) - 1 })}\n            }\n          />\n          <Field.Hint/>\n        </Field.Root>\n      </ContentBox>\n    </PageWrapper>\n  );\n};\n\nexport default Settings;\n"],"names":["usePluginConfig","useReducer","useNotification","useIntl","useState","useRef","useEffect","getTranslation","jsx","PageWrapper","FullLoader","ContentBox","jsxs","Field","SettingTitle"],"mappings":"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"}

package/dist/_chunks/{index-DTPDMxs_.js → index-DKtlnMlv.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-Dxn0NT06.js");
+const index = require("./index-DOMrViWi.js");
 const admin = require("@strapi/strapi/admin");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
 const symbols = require("@strapi/icons/symbols");
@@ -10603,7 +10603,7 @@ function getProjection(items, activeId, overId, dragOffset, maxDepthValue) {
 }
 function getMaxDepth({ previousItem, maxDepthValue }) {
   if (previousItem && typeof previousItem.depth === "number") {
-    return Math.min(previousItem.depth + 1, maxDepthValue - 1);
+    return Math.min(previousItem.depth + 1, maxDepthValue);
   }
   return 0;
 }
@@ -10622,7 +10622,18 @@ function RouteIcon({ type, color = "neutral800" }) {
       return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "16px", height: "16px" });
   }
 }
-const RouteItem = React.forwardRef(({ item, setParentId, setActionItem, setNavigationItems, ghost, depth, style, wrapperRef, handleProps }, ref) => {
+const RouteItem = React.forwardRef(({
+  item,
+  setParentId,
+  setActionItem,
+  setNavigationItems,
+  ghost,
+  depth,
+  maxDepth,
+  style,
+  wrapperRef,
+  handleProps
+}, ref) => {
   if (!item || !item.route) return null;
   const { setModalType } = React.useContext(ModalContext);
   const { formatMessage } = reactIntl.useIntl();
@@ -10747,7 +10758,7 @@ const RouteItem = React.forwardRef(({ item, setParentId, setActionItem, setNavig
                     id: index.getTranslation("edit"),
                     defaultMessage: "Edit"
                   }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.MenuItem, { onClick: () => handleAddChildren(), children: formatMessage({
+                  depth !== void 0 && depth < maxDepth && /* @__PURE__ */ jsxRuntime.jsx(designSystem.MenuItem, { onClick: () => handleAddChildren(), children: formatMessage({
                     id: index.getTranslation("navigation.page.navItem.addChildren"),
                     defaultMessage: "Add children"
                   }) }),
@@ -12045,6 +12056,7 @@ const Navigation = () => {
             onClick: () => saveNavigation(),
             loading: isSavingNavigation,
             variant: "primary",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
             disabled: JSON.stringify(navigationItems) === JSON.stringify(initialNavigationItemsRef.current),
             children: formatMessage({
               id: index.getTranslation("save"),
@@ -12064,7 +12076,7 @@ const Navigation = () => {
           onDragCancel: () => handleDragCancel(),
           measuring,
           children: /* @__PURE__ */ jsxRuntime.jsxs(sortable.SortableContext, { items: navigationItems, strategy: sortable.verticalListSortingStrategy, children: [
-            navigationItems.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsx(
+            navigationItems.map((item, index2) => config?.navigation.maxDepth && /* @__PURE__ */ jsxRuntime.jsx(
               SortableRouteItem,
               {
                 item,
@@ -12072,18 +12084,20 @@ const Navigation = () => {
                 setActionItem,
                 setNavigationItems,
                 indentationWidth,
-                depth: item.id === activeId && projected ? projected.depth : item.depth
+                depth: item.id === activeId && projected ? projected.depth : item.depth,
+                maxDepth: config.navigation.maxDepth
               },
               item.documentId || index2
             )),
             ReactDOM.createPortal(
-              /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { children: activeId && activeItem ? /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { children: activeId && activeItem ? config?.navigation.maxDepth && /* @__PURE__ */ jsxRuntime.jsx(
                 SortableRouteItem,
                 {
                   item: activeItem,
                   setParentId,
                   setActionItem,
-                  setNavigationItems
+                  setNavigationItems,
+                  maxDepth: config.navigation.maxDepth
                 }
               ) : null }),
               document.body
@@ -12225,3 +12239,4 @@ const App = () => {
   ] });
 };
 exports.default = App;
+//# sourceMappingURL=index-DKtlnMlv.js.map