@mattisvensson/strapi-plugin-webatlas 0.10.1 → 0.11.0

package/dist/admin/{index-CUaBX_v-.mjs → index-BbnlyBrZ.mjs}

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useReducer, useState, useRef, useEffect } from "react";
 import { Field } from "@strapi/design-system";
 import { useNotification, Page } from "@strapi/strapi/admin";
-import { c as usePluginConfig, g as getTranslation, p as pluginPermissions } from "./index-CIr8o1RP.mjs";
+import { c as usePluginConfig, g as getTranslation, p as pluginPermissions } from "./index-DCYCtKrj.mjs";
 import { useIntl } from "react-intl";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
-import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-DbsxB1V9.mjs";
+import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-B1IaU3qs.mjs";
 function reducer(newConfig, action) {
   switch (action.type) {
     case "SET_MAX_DEPTH":
@@ -126,3 +126,4 @@ const Settings = () => {
 export {
   Settings as default
 };
+//# sourceMappingURL=index-BbnlyBrZ.mjs.map

package/dist/admin/index-BbnlyBrZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BbnlyBrZ.mjs","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, Page } 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 '../';\nimport pluginPermissions from '../../../permissions';\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      strapi.log.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    <Page.Protect permissions={pluginPermissions['settings.navigation']}>\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    </Page.Protect>\n  );\n};\n\nexport default Settings;\n"],"names":[],"mappings":"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"}

package/dist/admin/{index-BKWY9Ta-.mjs → index-Cf9j0bn2.mjs}

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
-import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-CIr8o1RP.mjs";
+import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-DCYCtKrj.mjs";
 import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
 import { Grid, Box, Field, Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Table, Tbody, EmptyStateLayout } from "@strapi/design-system";
 import "@strapi/icons/symbols";
@@ -269,3 +269,4 @@ const Paths = () => {
 export {
   Paths as default
 };
+//# sourceMappingURL=index-Cf9j0bn2.mjs.map

package/dist/admin/index-Cf9j0bn2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Cf9j0bn2.mjs","sources":["../../admin/src/pages/Paths/PageWrapper.tsx","../../admin/src/pages/Paths/compareBy.ts","../../admin/src/pages/Paths/SearchInput.tsx","../../admin/src/pages/Paths/TableHeader.tsx","../../admin/src/pages/Paths/TableRow.tsx","../../admin/src/pages/Paths/PathTable.tsx","../../admin/src/pages/Paths/index.tsx"],"sourcesContent":["import { Layouts, Page } from '@strapi/strapi/admin';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\n\nexport default function PageWrapper({ children }: { children: React.ReactNode }) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('paths.page.title'),\n          defaultMessage: 'Paths',\n        })}\n        subtitle={formatMessage({\n          id: getTranslation('paths.page.subtitle'),\n          defaultMessage: 'Overview of all existing paths',\n        })}\n      />\n      <Layouts.Content>\n        <>\n          {children}\n        </>\n      </Layouts.Content>\n    </Page.Main>\n  );\n}","import type { Route } from '../../../../types';\nimport type { RouteSortKey } from '../../types';\n\nexport default function compareBy(field: RouteSortKey, direction: 'asc' | 'desc') {\n  if (!field) {\n    return () => 0;\n  }\n  if (field === 'type') {\n    return (a: Route, b: Route) => {\n      return direction === 'asc'\n        ? a.type.localeCompare(b.type)\n        : b.type.localeCompare(a.type);\n    };\n  }\n  return (a: Route, b: Route) => {\n    const aValue = a[field];\n    const bValue = b[field];\n    \n    if (aValue == null && bValue == null) {\n      return 0;\n    }\n    if (aValue == null) {\n      return direction === 'asc' ? 1 : -1;\n    }\n    if (bValue == null) {\n      return direction === 'asc' ? -1 : 1;\n    }\n    \n    if (typeof aValue === 'string' && typeof bValue === 'string') {\n      return direction === 'asc'\n        ? aValue.localeCompare(bValue)\n        : bValue.localeCompare(aValue);\n    }\n    return 0;\n  };\n}","import { Box, Grid, Field } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { getTranslation } from '../../utils';\n\nfunction SearchInput({\n  searchQuery,\n  handleSearchChange\n}: {\n  searchQuery: string;\n  handleSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Grid.Root style={{ marginBottom: '16px' }}>\n      <Grid.Item col={4} s={12}>\n        <Box width=\"100%\">\n          <Field.Root>\n            <Field.Input\n              name=\"search\"\n              placeholder={formatMessage({\n                id: getTranslation('paths.page.searchPlaceholder'),\n                defaultMessage: 'Search paths',\n              })}\n              value={searchQuery}\n              onChange={handleSearchChange}\n              endAction={\n                searchQuery ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSearchChange({ target: { value: '' } } as React.ChangeEvent<HTMLInputElement>)}\n                    style={{ color: 'inherit', background: 'none', border: 'none', cursor: 'pointer' }}\n                    aria-label=\"Clear search\"\n                  >\n                    <Cross />\n                  </button>\n                ) : null\n              }\n            />\n          </Field.Root>\n        </Box>\n      </Grid.Item>\n    </Grid.Root>\n  );\n}\n\nexport default SearchInput;","import type { RouteSortKey } from '../../types';\nimport { Typography, Thead, Tr, Th, VisuallyHidden } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { ChevronDown } from '@strapi/icons';\n\nexport default function TableHeader({\n  sortKey,\n  handleSort\n}: {\n  sortKey: RouteSortKey,\n  handleSort: (key: RouteSortKey) => void\n}) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Thead>\n      <Tr>\n        <Th onClick={() => handleSort('title')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('title'),\n              defaultMessage: 'Title',\n            })}\n          </Typography>\n          {sortKey === 'title' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('canonicalPath')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('canonicalPath'),\n              defaultMessage: 'Canonical Path',\n            })}\n          </Typography>\n          {sortKey === 'canonicalPath' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('path')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('path'),\n              defaultMessage: 'Path',\n            })}\n          </Typography>\n          {sortKey === 'path' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('type')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('paths.page.column.type'),\n              defaultMessage: 'Type',\n            })}\n          </Typography>\n          {sortKey === 'type' && <ChevronDown />}\n        </Th>\n        <Th>\n          <VisuallyHidden>\n            {formatMessage({\n              id: getTranslation('actions'),\n              defaultMessage: 'Actions',\n            })}\n          </VisuallyHidden>\n        </Th>\n      </Tr>\n    </Thead>\n  )\n}","import type { Route } from '../../../../types';\nimport { Typography, Tr, Td, Flex, LinkButton } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { Pencil } from '@strapi/icons';\n\nexport default function TableRow({ route }: { route: Route }) {\n  const { formatMessage } = useIntl();\n  \n  return (\n    <Tr>\n      {[route.title, route.canonicalPath, route.path].map((field, index) => (\n        <Td key={index}>\n          <Typography\n            title={field}\n            textColor=\"neutral800\"\n          >\n            {field || '-'}\n          </Typography>\n        </Td>\n      ))}\n      <Td>\n        <Typography\n          title={route.type}\n          textColor=\"neutral800\"\n        >\n          {formatMessage({\n            id: getTranslation(`path.type.${route.type}`),\n            defaultMessage: '-',\n          })}\n        </Typography>\n      </Td>\n      <Td>\n        <Flex gap={2} justifyContent=\"end\">\n          {route.type === \"internal\" && \n            <LinkButton\n              variant=\"secondary\"\n              startIcon={<Pencil />} \n              href={`/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`}\n            >\n              {formatMessage({\n                id: getTranslation('edit'),\n                defaultMessage: 'Edit',\n              })}\n            </LinkButton>\n          }\n        </Flex>\n      </Td>\n    </Tr>\n  )\n}","import type { Route } from '../../../../types';\nimport type { RouteSortKey } from '../../types';\nimport { Table, Tbody, EmptyStateLayout, Tr, Td } from '@strapi/design-system';\nimport TableHeader from './TableHeader';\nimport TableRow from './TableRow';\nimport { useIntl } from 'react-intl';\nimport { getTranslation } from '../../utils';\n\nfunction PathTable({\n  routes,\n  sortKey,\n  handleSort\n}: {\n  routes: Route[],\n  sortKey: RouteSortKey,\n  handleSort: (key: RouteSortKey) => void\n}) {\n\n  const { formatMessage } = useIntl();\n\n  const TABLE_COL_COUNT = 5;\n\n  return (\n    <Table\n      colCount={TABLE_COL_COUNT}\n      rowCount={routes.length}\n    >\n      <TableHeader sortKey={sortKey} handleSort={handleSort} />\n      <Tbody>\n        {routes.length > 0 ? routes.map((route: Route) => (\n          <TableRow key={route.id} route={route} />\n        )) :\n          <Tr>\n            <Td colSpan={TABLE_COL_COUNT}>\n              <EmptyStateLayout\n                shadow=\"none\"\n                content={\n                  formatMessage({\n                    id: getTranslation('paths.page.emptyPaths'),\n                    defaultMessage: 'No paths found',\n                  })\n                }\n              />\n            </Td>\n          </Tr>\n        }\n      </Tbody>\n    </Table>\n  )\n}\n\nexport default PathTable;\n","/*\n *\n * Routes\n * This file contains the Routes page of the Webatlas plugin for Strapi.\n * It displays a table of all existing routes with their details and allows editing.\n *\n*/\n\nimport type { Route } from '../../../../types';\nimport type { RouteSortKey } from '../../types';\nimport { useState, useEffect } from 'react';\nimport { useApi } from '../../hooks';\nimport { FullLoader } from '../../components/UI';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { useNotification, Page } from '@strapi/strapi/admin'\nimport PageWrapper from './PageWrapper';\nimport { useSearchParams } from 'react-router-dom';\nimport debounce from '../../utils/debounce';\nimport { useMemo } from 'react';\nimport compareBy from './compareBy';\nimport pluginPermissions from '../../permissions';\nimport SearchInput from './SearchInput';\nimport PathTable from './PathTable';\n\nconst Paths = () => {\n  const { getAllRoutes } = useApi();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n\n  const [allRoutes, setAllRoutes] = useState<Route[]>([]);\n  const [routes, setRoutes] = useState<Route[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const initialQuery = searchParams.get('search') || '';\n  const [searchQuery, setSearchQuery] = useState(initialQuery);\n  const [sortKey, setSortKey] = useState<RouteSortKey>('canonicalPath');\n  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');\n\n  useEffect(() => {\n    const query = searchQuery.toLowerCase()\n    setRoutes(\n      allRoutes.filter((route) =>\n        JSON.stringify(route.id).toLowerCase().includes(query) ||\n        route.title.toLowerCase().includes(query) ||\n        route.path.toLowerCase().includes(query) ||\n        route.relatedDocumentId.toLowerCase().includes(query) ||\n        route.relatedContentType.toLowerCase().includes(query)\n      )\n    )\n  }, [searchQuery, allRoutes]);\n\n  const debouncedSetSearchParams = useMemo(() =>\n    debounce((value: string) => {\n      value\n        ? setSearchParams({ search: value })\n        : setSearchParams({});\n    }, 300),\n  [setSearchParams]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setSearchQuery(value);\n    debouncedSetSearchParams(value);\n  }\n\n  useEffect(() => {\n    async function fetchRoutes() {\n      try {\n        const data = await getAllRoutes();\n        setAllRoutes(data);\n        setRoutes(data);\n      } catch (err) {\n        strapi.log.error('Failed to fetch paths:', err);\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: getTranslation('notification.paths.fetchFailed'),\n            defaultMessage: 'Failed to fetch paths',\n          }),\n        });\n      } finally {\n        setLoading(false);\n      }\n    }\n    fetchRoutes();\n  }, [])\n\n  const handleSort = (key: RouteSortKey) => {\n    setSortDirection(prev => (prev === 'asc' ? 'desc' : 'asc'));\n    setSortKey(key);\n  };\n\n  const sortedRoutes = useMemo(() => {\n    return sortKey\n      ? [...routes].sort(compareBy(sortKey, sortDirection))\n      : routes;\n  }, [routes, sortKey, sortDirection]);\n\n  if (loading) {\n    return <PageWrapper>\n      <FullLoader />\n    </PageWrapper>\n  }\n\n  return (\n    <Page.Protect permissions={pluginPermissions['page.routes']}>\n      <PageWrapper>\n        <SearchInput\n          handleSearchChange={handleSearchChange}\n          searchQuery={searchQuery}\n        />\n        <PathTable\n          routes={sortedRoutes}\n          sortKey={sortKey}\n          handleSort={handleSort}\n        />\n      </PageWrapper>\n    </Page.Protect>\n  );\n};\n\nexport default Paths;\n"],"names":[],"mappings":"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"}

package/dist/admin/{index-BYlmJycd.js → index-D8bG0YFB.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-DC5WwNdi.js");
+const index = require("./index-Yq-QR8t0.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
-const SettingTitle = require("./SettingTitle-uw1S5OmC.js");
+const SettingTitle = require("./SettingTitle-BjE_2u6R.js");
 function reducer(newConfig, action) {
   switch (action.type) {
     case "SET_MAX_DEPTH":
@@ -126,3 +126,4 @@ const Settings = () => {
   ) });
 };
 exports.default = Settings;
+//# sourceMappingURL=index-D8bG0YFB.js.map

package/dist/admin/index-D8bG0YFB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D8bG0YFB.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, Page } 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 '../';\nimport pluginPermissions from '../../../permissions';\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      strapi.log.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    <Page.Protect permissions={pluginPermissions['settings.navigation']}>\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    </Page.Protect>\n  );\n};\n\nexport default Settings;\n"],"names":["usePluginConfig","useReducer","useNotification","useIntl","useState","useRef","useEffect","getTranslation","jsx","PageWrapper","FullLoader","Page","pluginPermissions","ContentBox","jsxs","Field","SettingTitle"],"mappings":"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"}

package/dist/admin/{index-CIr8o1RP.mjs → index-DCYCtKrj.mjs}

@@ -23,18 +23,25 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-function transformToUrl(input) {
+function transformToUrl(input, replaceSlash = true) {
   const specialCharMap = {
     "ü": "ue",
     "ä": "ae",
-    "ö": "oe"
+    "ö": "oe",
+    "ß": "ss"
   };
   if (!input || typeof input !== "string") return "";
   input = input.toLowerCase();
   input = input.replace(/\/+/g, "/");
   input = input.startsWith("/") ? input.slice(1) : input;
   input = input.endsWith("/") ? input.slice(0, -1) : input;
-  input = input.replace(/\//g, "-");
+  if (replaceSlash) {
+    input = input.replace(/\//g, "-");
+  } else {
+    input = input.replace(/\/+/g, "/");
+    input = input.startsWith("/") ? input.slice(1) : input;
+    input = input.endsWith("/") ? input.slice(0, -1) : input;
+  }
   for (const char in specialCharMap) {
     const regex = new RegExp(char, "g");
     input = input.replace(regex, specialCharMap[char]);
@@ -45,7 +52,7 @@ function transformToUrl(input) {
   input = input.replace(/-+/g, "-");
   return input;
 }
-const version = "0.10.0";
+const version = "0.11.0";
 const strapi$1 = { "name": "webatlas", "displayName": "Webatlas" };
 const pluginPkg = {
   version,
@@ -3685,10 +3692,7 @@ function PathInput({ path, dispatchPath, isOverride, config }) {
             value: displayedPath,
             onChange: (e) => dispatchPath({ type: "SET_OVERRIDEPATH", payload: e.target.value }),
             disabled: !isOverride,
-            onBlur: (e) => {
-              if (e.target.value === path.prevValue) return;
-              dispatchPath({ type: "DEFAULT", payload: e.target.value });
-            },
+            onBlur: (e) => dispatchPath({ type: "SET_OVERRIDEPATH", payload: transformToUrl(e.target.value) }),
             style: { outline: inputBorder }
           }
         ),
@@ -3697,11 +3701,17 @@ function PathInput({ path, dispatchPath, isOverride, config }) {
     }
   );
 }
-function RouteStructure({ routes, selectedParent, setSelectedParent, canonicalPath, prohibitedRouteIds }) {
+function RouteStructure({
+  routes,
+  selectedParent,
+  setSelectedParent,
+  canonicalPath,
+  prohibitedRouteIds
+}) {
   const { formatMessage } = useIntl();
-  const sortedRoutes = useMemo(() => {
-    return [...routes].sort((a, b) => a.title.localeCompare(b.title));
-  }, [routes]);
+  const filteredRoutes = useMemo(() => {
+    return [...routes].sort((a, b) => a.title.localeCompare(b.title)).filter((route) => !prohibitedRouteIds?.includes(route.documentId) || route.documentId === selectedParent?.documentId);
+  }, [routes, prohibitedRouteIds, selectedParent]);
   const handleSelectParent = (value) => {
     const parentRoute = routes.find((route) => route.documentId === value) || null;
     setSelectedParent(parentRoute);
@@ -3722,16 +3732,14 @@ function RouteStructure({ routes, selectedParent, setSelectedParent, canonicalPa
               id: getTranslation("components.CMEditViewAside.path.input.parentSelect.rootPath"),
               defaultMessage: "None (root path)"
             }) }),
-            sortedRoutes.filter((route) => !prohibitedRouteIds?.includes(route.documentId) || route.documentId === selectedParent?.documentId).map(
-              (route) => /* @__PURE__ */ jsx(
-                SingleSelectOption,
-                {
-                  value: route.documentId,
-                  children: route.title
-                },
-                route.documentId
-              )
-            )
+            filteredRoutes.map((route) => /* @__PURE__ */ jsx(
+              SingleSelectOption,
+              {
+                value: route.documentId,
+                children: route.title
+              },
+              route.documentId
+            ))
           ]
         }
       )
@@ -3759,9 +3767,10 @@ function RouteStructure({ routes, selectedParent, setSelectedParent, canonicalPa
     ] })
   ] });
 }
-function getCanonicalPath(selectedParent, sourceFieldValue) {
-  const parentPath = selectedParent ? selectedParent.canonicalPath + "/" : "";
-  return `${parentPath}${transformToUrl(sourceFieldValue)}`;
+function buildPath(type, slug, parent) {
+  const parentSlug = type === "canonical" ? parent?.canonicalPath : parent?.path;
+  const parentPath = parentSlug ? `${parentSlug}/` : "";
+  return `${parentPath}${transformToUrl(slug)}`;
 }
 function reducer(state, action) {
   switch (action.type) {
@@ -3792,6 +3801,8 @@ function reducer(state, action) {
       return { ...state, replacement: action.payload };
     case "SET_UIDPATH":
       return { ...state, uidPath: action.payload };
+    case "SET_SLUG":
+      return { ...state, slug: action.payload };
     case "SET_CANONICALPATH":
       return { ...state, canonicalPath: action.payload };
     case "SET_OVERRIDEPATH":
@@ -3837,66 +3848,76 @@ const Panel = ({ config }) => {
     replacement: null,
     uidPath: "",
     canonicalPath: "",
+    slug: "",
     overridePath: ""
   });
   const hasUserChangedField = useRef(false);
+  const hasUserInteracted = useRef(false);
   const initialPath = useRef("");
   const prevSourceValueRef = useRef(null);
-  const sourceFieldValue = useMemo(() => {
-    const key = config?.default;
-    if (!key) return "";
-    const currentValue = values[key];
-    if (!currentValue) return "";
-    return currentValue;
-  }, [values, config]);
-  const debouncedCheckPath = useCallback(debounce(checkPath, 250), []);
-  const debouncedCheckCanonicalPath = useCallback(debounce(checkCanonicalPath, 250), []);
+  const sourceFieldValue = values[config?.default] || "";
+  const initialSourceFieldValue = initialValues[config?.default] || "";
+  const latestCheckPathRef = useRef(checkPath);
+  latestCheckPathRef.current = checkPath;
+  const debouncedCheckPath = useRef(debounce((p, id) => latestCheckPathRef.current(p, id), 250)).current;
+  const latestCheckCanonicalRef = useRef(checkCanonicalPath);
+  latestCheckCanonicalRef.current = checkCanonicalPath;
+  const debouncedCheckCanonicalPath = useRef(debounce((p, id) => latestCheckCanonicalRef.current(p, id), 250)).current;
   useEffect(() => {
-    if (isOverride) onChange("webatlas_path", path.overridePath);
-    onChange("webatlas_override", isOverride);
-    onChange("webatlas_parent", selectedParent?.documentId || null);
-  }, [path.value, path.overridePath, isOverride, selectedParent]);
-  const debouncedValueEffect = useMemo(() => debounce((currentValues) => {
-    const key = config?.default;
-    if (!key) return;
-    const currentValue = currentValues[key];
-    if (!currentValue) {
-      dispatchPath({ type: "NO_URL_CHECK", payload: "" });
-      return;
-    }
-    if (initialLoadComplete && (hasUserChangedField.current || !route) && prevSourceValueRef.current !== currentValue && !isOverride) {
-      const path2 = getCanonicalPath(selectedParent, currentValue);
-      if (currentValue === initialValues[key]) {
-        dispatchPath({ type: "NO_URL_CHECK", payload: path2 });
-      } else {
-        dispatchPath({ type: "DEFAULT", payload: path2 });
-      }
-      prevSourceValueRef.current = currentValue;
+    async function fetchAllRoutes() {
+      const allRoutes = await getAllRoutes();
+      setRoutes(allRoutes);
     }
-  }, 500), [config?.default, initialValues, isOverride, initialLoadComplete, route, selectedParent]);
+    fetchAllRoutes();
+  }, []);
   useEffect(() => {
-    const key = config?.default;
-    if (!key) return;
-    const currentValue = values[key];
-    const initialValue = initialValues[key];
-    if (currentValue !== initialValue && currentValue && !isOverride) {
-      onChange("webatlas_path", transformToUrl(currentValue));
+    const slug = transformToUrl(sourceFieldValue);
+    const overridePath = transformToUrl(path.overridePath || "", false);
+    const data = {
+      path: isOverride ? overridePath : path.value,
+      isOverride,
+      parentDocumentId: selectedParent?.documentId || null,
+      slug: isOverride ? overridePath : slug
+    };
+    if (hasUserChangedField.current || hasUserInteracted.current) {
+      onChange("webatlas", data);
     }
+  }, [path.value, path.overridePath, isOverride, selectedParent, sourceFieldValue, hasUserChangedField, hasUserInteracted]);
+  useEffect(() => {
     if (!initialLoadComplete) return;
-    if (currentValue !== initialValue) {
+    if (sourceFieldValue !== initialSourceFieldValue) {
       hasUserChangedField.current = true;
     }
-    debouncedValueEffect(values);
-  }, [values, debouncedValueEffect, initialLoadComplete, selectedParent]);
+    if (!sourceFieldValue) {
+      dispatchPath({ type: "NO_URL_CHECK", payload: "" });
+      return;
+    }
+    if (initialLoadComplete && (hasUserChangedField.current || !route) && prevSourceValueRef.current !== sourceFieldValue && !isOverride) {
+      const newPath = buildPath("path", sourceFieldValue, selectedParent);
+      const type = sourceFieldValue === initialSourceFieldValue ? "NO_URL_CHECK" : "DEFAULT";
+      const slug = transformToUrl(sourceFieldValue);
+      dispatchPath({ type, payload: newPath });
+      dispatchPath({ type: "SET_SLUG", payload: slug });
+      dispatchPath({ type: "SET_OVERRIDEPATH", payload: slug });
+      prevSourceValueRef.current = sourceFieldValue;
+    }
+    const canonicalPath = buildPath("canonical", sourceFieldValue, selectedParent);
+    dispatchPath({ type: "SET_CANONICALPATH", payload: canonicalPath });
+    debouncedCheckCanonicalPath(canonicalPath, route?.documentId || null);
+  }, [sourceFieldValue, initialSourceFieldValue, initialLoadComplete, selectedParent, isOverride, route]);
   useEffect(() => {
+    if (!initialLoadComplete) return;
     if (path.needsUrlCheck && path.value) {
       if (path.uidPath === path.value || initialPath.current === path.value) return;
       debouncedCheckPath(path.value, route?.documentId || null);
       dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
+    } else {
+      setValidationState("idle");
+      dispatchPath({ type: "SET_REPLACEMENT", payload: null });
     }
-  }, [path.needsUrlCheck, path.value, path.uidPath, route]);
+  }, [path.needsUrlCheck, path.value, path.uidPath, route, initialLoadComplete]);
   useEffect(() => {
-    async function getTypes() {
+    async function fetchRelatedRute() {
       if (!initialValues.documentId) {
         setInitialLoadComplete(true);
         return;
@@ -3907,12 +3928,11 @@ const Panel = ({ config }) => {
         initialPath.current = initialValues.webatlas_path || route2.uidPath;
         setRoute(route2);
         setIsOverride(route2.isOverride || false);
-        if (route2.isOverride) {
-          dispatchPath({ type: "SET_OVERRIDEPATH", payload: route2.path || "" });
-        } else {
-          dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: route2.path || "" });
-        }
+        dispatchPath({ type: "SET_OVERRIDEPATH", payload: route2.path || "" });
+        dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: route2.path || "" });
         dispatchPath({ type: "SET_UIDPATH", payload: route2.uidPath || "" });
+        dispatchPath({ type: "SET_SLUG", payload: route2.slug || "" });
+        dispatchPath({ type: "SET_CANONICALPATH", payload: route2.canonicalPath || "" });
         const key = config?.default;
         if (key) {
           prevSourceValueRef.current = values[key];
@@ -3923,27 +3943,13 @@ const Panel = ({ config }) => {
       }
       setInitialLoadComplete(true);
     }
-    getTypes();
+    fetchRelatedRute();
   }, [config]);
   useEffect(() => {
-    if (initialValues.webatlas_parent && routes.length > 0 && !selectedParent) {
-      const parentRoute = routes.find((route2) => route2.documentId === initialValues.webatlas_parent);
-      if (parentRoute) {
-        setSelectedParent(parentRoute);
-        const canonicalPath = getCanonicalPath(parentRoute, sourceFieldValue);
-        dispatchPath({ type: "DEFAULT", payload: canonicalPath });
-      }
-    }
-  }, [initialValues, routes]);
-  useEffect(() => {
-    if (initialValues.webatlas_path) dispatchPath({ type: "NO_URL_CHECK", payload: initialValues.webatlas_path });
-    if (initialValues.webatlas_override) setIsOverride(initialValues.webatlas_override);
-    async function fetchAllRoutes() {
-      const allRoutes = await getAllRoutes();
-      setRoutes(allRoutes);
-    }
-    fetchAllRoutes();
-  }, []);
+    if (!route || !routes.length) return;
+    const parentRoute = routes.find((singleRoute) => singleRoute.documentId === route.parent?.documentId);
+    setSelectedParent(parentRoute || null);
+  }, [route, routes]);
   useEffect(() => {
     async function fetchProhibitedRouteIds() {
       const prohibitedIds = await getProhibitedRouteIds(route?.documentId);
@@ -3953,27 +3959,26 @@ const Panel = ({ config }) => {
   }, [route]);
   useEffect(() => {
     if (!sourceFieldValue) return;
-    const canonicalPath = getCanonicalPath(selectedParent, sourceFieldValue);
-    !isOverride && dispatchPath({ type: "DEFAULT", payload: canonicalPath });
-    dispatchPath({ type: "SET_CANONICALPATH", payload: canonicalPath });
-    debouncedCheckCanonicalPath(canonicalPath, route?.documentId || null);
-    dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
+    if (!isOverride) {
+      const newPath = buildPath("path", sourceFieldValue, selectedParent);
+      dispatchPath({ type: "DEFAULT", payload: newPath });
+    }
   }, [selectedParent, sourceFieldValue, route, isOverride]);
-  async function checkCanonicalPath(path2, documentId) {
+  async function checkCanonicalPath(path2, routeDocumentId) {
     if (!path2) return;
     try {
-      const result = await duplicateCheck({ fetchFunction: get, path: path2, routeDocumentId: documentId, withoutTransform: true });
+      const result = await duplicateCheck({ fetchFunction: get, path: path2, routeDocumentId, withoutTransform: true });
       dispatchPath({ type: "SET_CANONICALPATH", payload: result });
     } catch (err) {
       strapi.log.error(err);
     }
   }
-  async function checkPath(path2, route2) {
+  async function checkPath(path2, routeDocumentId) {
     if (!path2) return;
     setValidationState("checking");
     dispatchPath({ type: "SET_REPLACEMENT", payload: "" });
     try {
-      const data = await duplicateCheck({ fetchFunction: get, path: path2, routeDocumentId: route2, withoutTransform: true });
+      const data = await duplicateCheck({ fetchFunction: get, path: path2, routeDocumentId, withoutTransform: true });
       if (!data || data === path2) return;
       dispatchPath({ type: "NO_URL_CHECK", payload: data });
       dispatchPath({ type: "SET_REPLACEMENT", payload: data });
@@ -4010,7 +4015,10 @@ const Panel = ({ config }) => {
                 canonicalPath: path.canonicalPath,
                 routes,
                 selectedParent,
-                setSelectedParent,
+                setSelectedParent: (val) => {
+                  hasUserInteracted.current = true;
+                  setSelectedParent(val);
+                },
                 prohibitedRouteIds
               }
             ),
@@ -4037,7 +4045,10 @@ const Panel = ({ config }) => {
               OverrideCheckbox,
               {
                 isOverride,
-                setIsOverride,
+                setIsOverride: (val) => {
+                  hasUserInteracted.current = true;
+                  setIsOverride(val);
+                },
                 disabledCondition: !canCreate && !canUpdate
               }
             ),
@@ -4072,7 +4083,7 @@ const CMEditViewAside = ({ documentId, model }) => {
     setIsAllowedContentType(!!contentType?.pluginOptions?.webatlas?.enabled);
   }, [contentTypes, model]);
   useEffect(() => {
-    const isWebatlasLabel = (label) => label.textContent?.startsWith("webatlas_");
+    const isWebatlasLabel = (label) => label.textContent?.startsWith("webatlas");
     const cleanupLabels = () => {
       const labels = document.querySelectorAll("label");
       labels.forEach((label) => {
@@ -4142,7 +4153,7 @@ const index = {
         id: `${PLUGIN_ID}.link.paths`,
         defaultMessage: "Paths"
       },
-      Component: () => import("./index-BKWY9Ta-.mjs"),
+      Component: () => import("./index-Cf9j0bn2.mjs"),
       permissions: [
         pluginPermissions["page.routes"][0]
       ]
@@ -4154,7 +4165,7 @@ const index = {
         id: `${PLUGIN_ID}.link.navigation`,
         defaultMessage: "Navigation"
       },
-      Component: () => import("./index-tPrfjOIn.mjs"),
+      Component: () => import("./index-BIEUXWe7.mjs"),
       permissions: [
         pluginPermissions["page.navigation"][0]
       ]
@@ -4174,7 +4185,7 @@ const index = {
         },
         id: `${PLUGIN_ID}-general`,
         to: `${PLUGIN_ID}/general`,
-        Component: () => import("./index-B07KlG03.mjs"),
+        Component: () => import("./index-Y_PYIiRA.mjs"),
         permissions: [
           pluginPermissions["settings.general"][0]
         ]
@@ -4189,7 +4200,7 @@ const index = {
         },
         id: `${PLUGIN_ID}-navigation`,
         to: `${PLUGIN_ID}/navigation`,
-        Component: () => import("./index-CUaBX_v-.mjs"),
+        Component: () => import("./index-BbnlyBrZ.mjs"),
         permissions: [
           pluginPermissions["settings.navigation"][0]
         ]
@@ -4233,3 +4244,4 @@ export {
   pluginPermissions as p,
   useApi as u
 };
+//# sourceMappingURL=index-DCYCtKrj.mjs.map