@mattisvensson/strapi-plugin-webatlas 0.5.0 → 0.6.1

package/dist/_chunks/{index-BAN8PGGJ.js → index-Cp_UPsle.js}

@@ -4,7 +4,7 @@ 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-Ciae_OgQ.js");
+const index = require("./index-BvqWnL1-.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
@@ -279,4 +279,4 @@ const Settings = () => {
   ] });
 };
 exports.default = Settings;
-//# sourceMappingURL=index-BAN8PGGJ.js.map
+//# sourceMappingURL=index-Cp_UPsle.js.map

package/dist/_chunks/{index-BAN8PGGJ.js.map → index-Cp_UPsle.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BAN8PGGJ.js","sources":["../../admin/src/pages/Settings/PageWrapper.tsx","../../admin/src/pages/Settings/ContentTypeAccordion.tsx","../../admin/src/pages/Settings/index.tsx"],"sourcesContent":["import { Button, Box } from '@strapi/design-system';\nimport { Page, Layouts} from '@strapi/strapi/admin'\nimport { PLUGIN_NAME } from '../../../../pluginId';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport type { ConfigContentType } from '../../../../types';\n\nexport default function PageWrapper({ \n  settingsState, \n  initialState, \n  save, \n  isSaving,\n  children\n}: { \n  settingsState?: any, \n  initialState?: any, \n  save?: () => void, \n  isSaving?: boolean,\n  children: React.ReactNode \n}) {\n\n  const { formatMessage } = useIntl();\n  \n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={PLUGIN_NAME}\n        subtitle={formatMessage({\n          id: getTranslation('settings.page.subtitle'),\n          defaultMessage: 'Settings',\n        })}\n        primaryAction={ settingsState && initialState && save &&\n          <Button\n            type=\"submit\"\n            onClick={() => save()}\n            loading={isSaving}\n            disabled={\n              JSON.stringify(settingsState) === JSON.stringify(initialState)\n              || settingsState.selectedContentTypes.find((cta: ConfigContentType) => !cta.default) !== undefined\n              || isSaving\n            }\n          >\n            {formatMessage({\n              id: getTranslation('save'),\n              defaultMessage: 'Save',\n            })}\n          </Button>\n        }\n      />\n      <Layouts.Content>\n        <Box\n          background='neutral0'\n          borderColor=\"neutral150\"\n          hasRadius\n          paddingBottom={4}\n          paddingLeft={4}\n          paddingRight={4}\n          paddingTop={6}\n          shadow=\"tableShadow\"\n        >\n          {children}\n        </Box>\n      </Layouts.Content>\n    </Page.Main>\n  )\n}","import { SingleSelect, SingleSelectOption } from '@strapi/design-system';\nimport Tooltip from '../../components/Tooltip'\nimport { Box, Accordion, Field } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport type { ContentType, ConfigContentType } from '../../../../types';\n\nexport default function ContentTypeAccordion({ \n  contentType,\n  contentTypeSettings,\n  dispatch\n}: { \n  contentType: ContentType | undefined, \n  contentTypeSettings: ConfigContentType, \n  dispatch: React.Dispatch<any>\n}) {\n  \n  const { formatMessage } = useIntl();\n\n  if (!contentType) return null\n\n  return (\n    <Box\n      borderColor={!contentTypeSettings.default && 'danger500'}\n      key={contentType.uid}\n    >\n      <Accordion.Item key={contentType.uid} value={contentType.uid} size=\"S\">\n        <Accordion.Header>\n          <Accordion.Trigger>\n            {contentType?.info.displayName}\n          </Accordion.Trigger>\n        </Accordion.Header>\n        <Accordion.Content>\n          <Box padding={3}>\n            <Field.Root\n              name=\"selectedContentTypes\"\n              hint={formatMessage({\n                id: getTranslation('settings.page.defaultField.hint'),\n                defaultMessage: 'The selected field from the content type will be used to generate the URL alias. Use a field that is unique and descriptive, such as a \"title\" or \"name\".',\n              })}\n              error={!contentTypeSettings.default && formatMessage({\n                id: getTranslation('settings.page.defaultField.error'),\n                defaultMessage: 'Please select a default field',\n              })}\n              required\n            >\n              <Field.Label>\n                {formatMessage({\n                  id: getTranslation('settings.page.defaultField'),\n                  defaultMessage: 'Default URL Alias field',\n                })}\n              </Field.Label>\n              <SingleSelect\n                name={`defaultField-${contentType.uid}`}\n                onClear={() => dispatch({ type: 'SET_DEFAULT_FIELD', payload: { ctUid: contentType.uid, field: '' } })}\n                value={contentTypeSettings?.default || ''}\n                onChange={(value: string) => dispatch({ type: 'SET_DEFAULT_FIELD', payload: { ctUid: contentType.uid, field: value } })}\n              >\n                {Object.entries(contentType.attributes).map(([key], index) => {\n                  if (\n                    key === 'id' || \n                    key === 'documentId' ||\n                    key === 'createdAt' || \n                    key === 'updatedAt' || \n                    key === 'createdBy' || \n                    key === 'updatedBy' ||\n                    key === 'webatlas_path' ||\n                    key === 'webatlas_override'\n                  ) return null\n                  return <SingleSelectOption key={index} value={key}>{key}</SingleSelectOption>\n                })}\n              </SingleSelect>\n              <Field.Hint/>\n            </Field.Root>\n            <Box paddingTop={4}>\n              <Field.Root\n                name=\"urlAliasPattern\"\n                hint={formatMessage({\n                  id: getTranslation('settings.page.urlAliasPattern.hint'),\n                  defaultMessage: 'The pattern to prepend to the generated URL alias. For example, if you enter \"blog\" and the value of default field is \"My First Post\", the generated URL alias will be \"blog/my-first-post\". Leave empty for no prefix.',\n                })}\n              >\n                <Field.Label>\n                  {formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern'),\n                    defaultMessage: 'URL Alias Pattern',\n                  })}\n                  <Tooltip description={formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern.tooltip'),\n                    defaultMessage: 'Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded.',\n                  })} />\n                </Field.Label>\n                <Field.Input\n                  value={contentTypeSettings.pattern}\n                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => dispatch({ type: 'SET_PATTERN', payload: { ctUid: contentType.uid, pattern: e.target.value } })}\n                  disabled={!contentTypeSettings.default}\n                  type=\"text\"\n                  placeholder={formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern.placeholder'),\n                    defaultMessage: 'e.g. blog',\n                  })}\n                />\n                <Field.Hint />\n              </Field.Root>\n            </Box>\n          </Box>\n        </Accordion.Content>\n      </Accordion.Item>\n    </Box>\n    \n  )\n}","/*\n *\n * Settings\n * This file contains the settings page for the Webatlas plugin in Strapi.\n * It allows users to configure which content types are enabled for URL aliases and navigations,\n * as well as setting default fields and the URL alias patterns for each content type. \n *\n*/\n\nimport { useEffect, useState, useReducer } from 'react';\nimport { Box, Accordion, Field } from '@strapi/design-system';\nimport { useNotification } from '@strapi/strapi/admin'\nimport { MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport usePluginConfig from '../../hooks/usePluginConfig';\nimport type { ContentType, ConfigContentType, PluginConfig } from '../../../../types';\nimport transformToUrl from '../../../../utils/transformToUrl';\nimport useAllContentTypes from '../../hooks/useAllContentTypes';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { FullLoader } from '../../components/UI';\nimport PageWrapper from './PageWrapper';\nimport ContentTypeAccordion from './ContentTypeAccordion';\n\ntype Action =\n  | { type: 'SET_SELECTED_CONTENT_TYPES'; payload: ConfigContentType[] }\n  | { type: 'SET_DEFAULT_FIELD'; payload: { ctUid: string; field: string } }\n  | { type: 'SET_PATTERN'; payload: { ctUid: string; pattern: string } }\n\nfunction reducer(settingsState: PluginConfig, action: Action): PluginConfig {\n  let updatedContentTypes\n  switch (action.type) {\n    case 'SET_SELECTED_CONTENT_TYPES':\n      updatedContentTypes = action.payload.map(ct => {\n        return settingsState.selectedContentTypes.find((cta: ConfigContentType) => cta.uid === ct.uid) || ct\n      })\n      return { ...settingsState, selectedContentTypes: updatedContentTypes };\n    case 'SET_DEFAULT_FIELD':\n      updatedContentTypes = settingsState.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct\n      );\n      return { ...settingsState, selectedContentTypes: updatedContentTypes };\n    case 'SET_PATTERN':\n      updatedContentTypes = settingsState.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, pattern: transformToUrl(action.payload.pattern) } : ct\n      );\n      return { ...settingsState, selectedContentTypes: updatedContentTypes };\n    default:\n      throw new Error();\n  }\n}\n\nconst Settings = () => {\n  const { config, setConfig, loading, fetchError } = usePluginConfig();\n  const [settingsState, dispatch] = useReducer(reducer, config || { selectedContentTypes: [] });\n  const { contentTypes: allContentTypesData } = useAllContentTypes();\n  const allContentTypes = allContentTypesData?.filter((ct: ContentType) => ct.pluginOptions?.webatlas?.active === true);\n  const [initialState, setInitialState] = useState(config || { selectedContentTypes: [] })\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const [isSaving, setIsSaving] = useState(false);\n\n  useEffect(() => {\n    setInitialState(config || { selectedContentTypes: [] })\n  }, [config]);\n\n  useEffect(() => {\n    if (!config) return;\n    dispatch({ type: 'SET_SELECTED_CONTENT_TYPES', payload: config.selectedContentTypes });\n  }, [config]);\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 (\n      !settingsState \n      || settingsState.selectedContentTypes.find((cta: ConfigContentType) => !cta.default) !== undefined\n    ) return\n\n    setIsSaving(true);\n    try {\n      await setConfig(settingsState)\n      setInitialState(settingsState)\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      <FullLoader height={200} />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper settingsState={settingsState} initialState={initialState} save={save} isSaving={isSaving}>\n      <Field.Root\n        name=\"selectedContentTypes\"\n        hint={formatMessage({\n          id: getTranslation('settings.page.enabledContentTypes.hint'),\n          defaultMessage: 'Select the content types for which you want to enable URL aliases',\n        })}\n      >\n        <Field.Label>\n          {formatMessage({\n            id: getTranslation('settings.page.enabledContentTypes'),\n            defaultMessage: 'Enabled Content Types',\n          })}\n        </Field.Label>\n        <MultiSelect\n          placeholder={formatMessage({\n            id: getTranslation('settings.page.enabledContentTypes.placeholder'),\n            defaultMessage: 'Select content types...',\n          })}\n          onClear={() => dispatch({ type: 'SET_SELECTED_CONTENT_TYPES', payload: [] })}\n          value={[...settingsState.selectedContentTypes.map((ct: ConfigContentType) => ct.uid)]}\n          onChange={(value: string[]) =>\n            dispatch({\n              type: 'SET_SELECTED_CONTENT_TYPES',\n              payload: value.map(v => ({\n                uid: v,\n                default: '',\n                pattern: '',\n              })),\n            })\n          }\n          withTags\n        >\n          {allContentTypes && allContentTypes.map(item => \n            <MultiSelectOption key={item.uid} value={item.uid}>{item.info.displayName}</MultiSelectOption>\n          )}\n        </MultiSelect>\n        <Field.Hint/>\n      </Field.Root>\n      {settingsState.selectedContentTypes && settingsState.selectedContentTypes.length > 0 && \n        <Box paddingTop={4}>\n          <Field.Root name=\"selectedContentTypesAccordion\">\n            <Field.Label>\n              {formatMessage({\n                id: getTranslation('settings.page.contentTypeSettings'),\n                defaultMessage: 'Content Type settings',\n              })}\n            </Field.Label>\n            <Accordion.Root>\n              {settingsState.selectedContentTypes?.map((contentTypeSettings: ConfigContentType) => {\n                const ct: ContentType | undefined = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid)\n                return <ContentTypeAccordion key={contentTypeSettings.uid} contentType={ct} contentTypeSettings={contentTypeSettings} dispatch={dispatch} />\n              })}\n            </Accordion.Root>\n          </Field.Root>\n        </Box>\n      }\n    </PageWrapper>\n  );\n};\n\nexport default Settings;\n"],"names":["useIntl","jsxs","Page","jsx","Layouts","PLUGIN_NAME","getTranslation","Button","Box","Accordion","Field","SingleSelect","index","SingleSelectOption","Tooltip","transformToUrl","usePluginConfig","useReducer","useAllContentTypes","useState","useNotification","useEffect","FullLoader","MultiSelect","MultiSelectOption"],"mappings":"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"}
+{"version":3,"file":"index-Cp_UPsle.js","sources":["../../admin/src/pages/Settings/PageWrapper.tsx","../../admin/src/pages/Settings/ContentTypeAccordion.tsx","../../admin/src/pages/Settings/index.tsx"],"sourcesContent":["import { Button, Box } from '@strapi/design-system';\nimport { Page, Layouts} from '@strapi/strapi/admin'\nimport { PLUGIN_NAME } from '../../../../pluginId';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport type { ConfigContentType } from '../../../../types';\n\nexport default function PageWrapper({ \n  settingsState, \n  initialState, \n  save, \n  isSaving,\n  children\n}: { \n  settingsState?: any, \n  initialState?: any, \n  save?: () => void, \n  isSaving?: boolean,\n  children: React.ReactNode \n}) {\n\n  const { formatMessage } = useIntl();\n  \n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={PLUGIN_NAME}\n        subtitle={formatMessage({\n          id: getTranslation('settings.page.subtitle'),\n          defaultMessage: 'Settings',\n        })}\n        primaryAction={ settingsState && initialState && save &&\n          <Button\n            type=\"submit\"\n            onClick={() => save()}\n            loading={isSaving}\n            disabled={\n              JSON.stringify(settingsState) === JSON.stringify(initialState)\n              || settingsState.selectedContentTypes.find((cta: ConfigContentType) => !cta.default) !== undefined\n              || isSaving\n            }\n          >\n            {formatMessage({\n              id: getTranslation('save'),\n              defaultMessage: 'Save',\n            })}\n          </Button>\n        }\n      />\n      <Layouts.Content>\n        <Box\n          background='neutral0'\n          borderColor=\"neutral150\"\n          hasRadius\n          paddingBottom={4}\n          paddingLeft={4}\n          paddingRight={4}\n          paddingTop={6}\n          shadow=\"tableShadow\"\n        >\n          {children}\n        </Box>\n      </Layouts.Content>\n    </Page.Main>\n  )\n}","import { SingleSelect, SingleSelectOption } from '@strapi/design-system';\nimport Tooltip from '../../components/Tooltip'\nimport { Box, Accordion, Field } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport type { ContentType, ConfigContentType } from '../../../../types';\n\nexport default function ContentTypeAccordion({ \n  contentType,\n  contentTypeSettings,\n  dispatch\n}: { \n  contentType: ContentType | undefined, \n  contentTypeSettings: ConfigContentType, \n  dispatch: React.Dispatch<any>\n}) {\n  \n  const { formatMessage } = useIntl();\n\n  if (!contentType) return null\n\n  return (\n    <Box\n      borderColor={!contentTypeSettings.default && 'danger500'}\n      key={contentType.uid}\n    >\n      <Accordion.Item key={contentType.uid} value={contentType.uid} size=\"S\">\n        <Accordion.Header>\n          <Accordion.Trigger>\n            {contentType?.info.displayName}\n          </Accordion.Trigger>\n        </Accordion.Header>\n        <Accordion.Content>\n          <Box padding={3}>\n            <Field.Root\n              name=\"selectedContentTypes\"\n              hint={formatMessage({\n                id: getTranslation('settings.page.defaultField.hint'),\n                defaultMessage: 'The selected field from the content type will be used to generate the URL alias. Use a field that is unique and descriptive, such as a \"title\" or \"name\".',\n              })}\n              error={!contentTypeSettings.default && formatMessage({\n                id: getTranslation('settings.page.defaultField.error'),\n                defaultMessage: 'Please select a default field',\n              })}\n              required\n            >\n              <Field.Label>\n                {formatMessage({\n                  id: getTranslation('settings.page.defaultField'),\n                  defaultMessage: 'Default URL Alias field',\n                })}\n              </Field.Label>\n              <SingleSelect\n                name={`defaultField-${contentType.uid}`}\n                onClear={() => dispatch({ type: 'SET_DEFAULT_FIELD', payload: { ctUid: contentType.uid, field: '' } })}\n                value={contentTypeSettings?.default || ''}\n                onChange={(value: string) => dispatch({ type: 'SET_DEFAULT_FIELD', payload: { ctUid: contentType.uid, field: value } })}\n              >\n                {Object.entries(contentType.attributes).map(([key], index) => {\n                  if (\n                    key === 'id' || \n                    key === 'documentId' ||\n                    key === 'createdAt' || \n                    key === 'updatedAt' || \n                    key === 'createdBy' || \n                    key === 'updatedBy' ||\n                    key === 'webatlas_path' ||\n                    key === 'webatlas_override'\n                  ) return null\n                  return <SingleSelectOption key={index} value={key}>{key}</SingleSelectOption>\n                })}\n              </SingleSelect>\n              <Field.Hint/>\n            </Field.Root>\n            <Box paddingTop={4}>\n              <Field.Root\n                name=\"urlAliasPattern\"\n                hint={formatMessage({\n                  id: getTranslation('settings.page.urlAliasPattern.hint'),\n                  defaultMessage: 'The pattern to prepend to the generated URL alias. For example, if you enter \"blog\" and the value of default field is \"My First Post\", the generated URL alias will be \"blog/my-first-post\". Leave empty for no prefix.',\n                })}\n              >\n                <Field.Label>\n                  {formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern'),\n                    defaultMessage: 'URL Alias Pattern',\n                  })}\n                  <Tooltip description={formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern.tooltip'),\n                    defaultMessage: 'Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded.',\n                  })} />\n                </Field.Label>\n                <Field.Input\n                  value={contentTypeSettings.pattern}\n                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => dispatch({ type: 'SET_PATTERN', payload: { ctUid: contentType.uid, pattern: e.target.value } })}\n                  disabled={!contentTypeSettings.default}\n                  type=\"text\"\n                  placeholder={formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern.placeholder'),\n                    defaultMessage: 'e.g. blog',\n                  })}\n                />\n                <Field.Hint />\n              </Field.Root>\n            </Box>\n          </Box>\n        </Accordion.Content>\n      </Accordion.Item>\n    </Box>\n    \n  )\n}","/*\n *\n * Settings\n * This file contains the settings page for the Webatlas plugin in Strapi.\n * It allows users to configure which content types are enabled for URL aliases and navigations,\n * as well as setting default fields and the URL alias patterns for each content type. \n *\n*/\n\nimport { useEffect, useState, useReducer } from 'react';\nimport { Box, Accordion, Field } from '@strapi/design-system';\nimport { useNotification } from '@strapi/strapi/admin'\nimport { MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport usePluginConfig from '../../hooks/usePluginConfig';\nimport type { ContentType, ConfigContentType, PluginConfig } from '../../../../types';\nimport transformToUrl from '../../../../utils/transformToUrl';\nimport useAllContentTypes from '../../hooks/useAllContentTypes';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { FullLoader } from '../../components/UI';\nimport PageWrapper from './PageWrapper';\nimport ContentTypeAccordion from './ContentTypeAccordion';\n\ntype Action =\n  | { type: 'SET_SELECTED_CONTENT_TYPES'; payload: ConfigContentType[] }\n  | { type: 'SET_DEFAULT_FIELD'; payload: { ctUid: string; field: string } }\n  | { type: 'SET_PATTERN'; payload: { ctUid: string; pattern: string } }\n\nfunction reducer(settingsState: PluginConfig, action: Action): PluginConfig {\n  let updatedContentTypes\n  switch (action.type) {\n    case 'SET_SELECTED_CONTENT_TYPES':\n      updatedContentTypes = action.payload.map(ct => {\n        return settingsState.selectedContentTypes.find((cta: ConfigContentType) => cta.uid === ct.uid) || ct\n      })\n      return { ...settingsState, selectedContentTypes: updatedContentTypes };\n    case 'SET_DEFAULT_FIELD':\n      updatedContentTypes = settingsState.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct\n      );\n      return { ...settingsState, selectedContentTypes: updatedContentTypes };\n    case 'SET_PATTERN':\n      updatedContentTypes = settingsState.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, pattern: transformToUrl(action.payload.pattern) } : ct\n      );\n      return { ...settingsState, selectedContentTypes: updatedContentTypes };\n    default:\n      throw new Error();\n  }\n}\n\nconst Settings = () => {\n  const { config, setConfig, loading, fetchError } = usePluginConfig();\n  const [settingsState, dispatch] = useReducer(reducer, config || { selectedContentTypes: [] });\n  const { contentTypes: allContentTypesData } = useAllContentTypes();\n  const allContentTypes = allContentTypesData?.filter((ct: ContentType) => ct.pluginOptions?.webatlas?.active === true);\n  const [initialState, setInitialState] = useState(config || { selectedContentTypes: [] })\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const [isSaving, setIsSaving] = useState(false);\n\n  useEffect(() => {\n    setInitialState(config || { selectedContentTypes: [] })\n  }, [config]);\n\n  useEffect(() => {\n    if (!config) return;\n    dispatch({ type: 'SET_SELECTED_CONTENT_TYPES', payload: config.selectedContentTypes });\n  }, [config]);\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 (\n      !settingsState \n      || settingsState.selectedContentTypes.find((cta: ConfigContentType) => !cta.default) !== undefined\n    ) return\n\n    setIsSaving(true);\n    try {\n      await setConfig(settingsState)\n      setInitialState(settingsState)\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      <FullLoader height={200} />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper settingsState={settingsState} initialState={initialState} save={save} isSaving={isSaving}>\n      <Field.Root\n        name=\"selectedContentTypes\"\n        hint={formatMessage({\n          id: getTranslation('settings.page.enabledContentTypes.hint'),\n          defaultMessage: 'Select the content types for which you want to enable URL aliases',\n        })}\n      >\n        <Field.Label>\n          {formatMessage({\n            id: getTranslation('settings.page.enabledContentTypes'),\n            defaultMessage: 'Enabled Content Types',\n          })}\n        </Field.Label>\n        <MultiSelect\n          placeholder={formatMessage({\n            id: getTranslation('settings.page.enabledContentTypes.placeholder'),\n            defaultMessage: 'Select content types...',\n          })}\n          onClear={() => dispatch({ type: 'SET_SELECTED_CONTENT_TYPES', payload: [] })}\n          value={[...settingsState.selectedContentTypes.map((ct: ConfigContentType) => ct.uid)]}\n          onChange={(value: string[]) =>\n            dispatch({\n              type: 'SET_SELECTED_CONTENT_TYPES',\n              payload: value.map(v => ({\n                uid: v,\n                default: '',\n                pattern: '',\n              })),\n            })\n          }\n          withTags\n        >\n          {allContentTypes && allContentTypes.map(item => \n            <MultiSelectOption key={item.uid} value={item.uid}>{item.info.displayName}</MultiSelectOption>\n          )}\n        </MultiSelect>\n        <Field.Hint/>\n      </Field.Root>\n      {settingsState.selectedContentTypes && settingsState.selectedContentTypes.length > 0 && \n        <Box paddingTop={4}>\n          <Field.Root name=\"selectedContentTypesAccordion\">\n            <Field.Label>\n              {formatMessage({\n                id: getTranslation('settings.page.contentTypeSettings'),\n                defaultMessage: 'Content Type settings',\n              })}\n            </Field.Label>\n            <Accordion.Root>\n              {settingsState.selectedContentTypes?.map((contentTypeSettings: ConfigContentType) => {\n                const ct: ContentType | undefined = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid)\n                return <ContentTypeAccordion key={contentTypeSettings.uid} contentType={ct} contentTypeSettings={contentTypeSettings} dispatch={dispatch} />\n              })}\n            </Accordion.Root>\n          </Field.Root>\n        </Box>\n      }\n    </PageWrapper>\n  );\n};\n\nexport default Settings;\n"],"names":["useIntl","jsxs","Page","jsx","Layouts","PLUGIN_NAME","getTranslation","Button","Box","Accordion","Field","SingleSelect","index","SingleSelectOption","Tooltip","transformToUrl","usePluginConfig","useReducer","useAllContentTypes","useState","useNotification","useEffect","FullLoader","MultiSelect","MultiSelectOption"],"mappings":"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"}

package/dist/_chunks/{index-CJNR2c7_.js → index-D2CkoDhN.js}

@@ -4,7 +4,7 @@ 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-CJtLrSxU.js");
+const index = require("./index-B5ji2Qhs.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");

package/dist/_chunks/{index-BfgRvDzx.js → index-DBVU2KOj.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
-const index = require("./index-CJtLrSxU.js");
+const index = require("./index-B5ji2Qhs.js");
 const admin = require("@strapi/strapi/admin");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
 const EmptyBox = require("./EmptyBox-T8t29l25.js");

package/dist/_chunks/{index-BxnHHgGC.js → index-DCCE7rxt.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-Ciae_OgQ.js");
+const index = require("./index-BvqWnL1-.js");
 const admin = require("@strapi/strapi/admin");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");
 const EmptyBox = require("./EmptyBox-T8t29l25.js");
@@ -93,12 +93,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);
@@ -10570,11 +10570,10 @@ function getProjection(items, activeId, overId, dragOffset) {
   const activeItem = items[activeItemIndex];
   const newItems = sortable.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;
@@ -10589,12 +10588,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);
 }
@@ -10610,7 +10603,7 @@ function RouteIcon({ type, color = "neutral800" }) {
       return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "16px", height: "16px" });
   }
 }
-const RouteItem = React.forwardRef(({ item, setParentId, setActionItem, ghost, depth, style, wrapperRef, handleProps }, ref) => {
+const RouteItem = React.forwardRef(({ item, setParentId, setActionItem, setNavigationItems, ghost, depth, style, wrapperRef, handleProps }, ref) => {
   if (!item || !item.route) return null;
   const { setModalType } = React.useContext(ModalContext);
   const { formatMessage } = reactIntl.useIntl();
@@ -10662,6 +10655,17 @@ const RouteItem = React.forwardRef(({ item, setParentId, setActionItem, ghost, d
     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,
@@ -10718,18 +10722,24 @@ const RouteItem = React.forwardRef(({ item, setParentId, setActionItem, ghost, d
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "row", gap: 4, children: [
               type === "internal" && item.status && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Status, { variant: itemStatusOptions[item.status].variant, size: "S", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: itemStatusOptions[item.status].status }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SimpleMenu, { label: "Notifications", tag: designSystem.IconButton, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.More, {}), children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.MenuItem, { onClick: () => handleEdit(), children: formatMessage({
-                  id: index.getTranslation("edit"),
-                  defaultMessage: "Edit"
-                }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.MenuItem, { onClick: () => handleAddChildren(), children: formatMessage({
-                  id: index.getTranslation("navigation.page.navItem.addChildren"),
-                  defaultMessage: "Add children"
-                }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.MenuItem, { onClick: () => handleDelete(), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", children: formatMessage({
-                  id: index.getTranslation("delete"),
-                  defaultMessage: "Delete"
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SimpleMenu, { label: "Item actions", tag: designSystem.IconButton, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.More, {}), children: [
+                !item.deleted && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.MenuItem, { onClick: () => handleEdit(), children: formatMessage({
+                    id: index.getTranslation("edit"),
+                    defaultMessage: "Edit"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.MenuItem, { onClick: () => handleAddChildren(), children: formatMessage({
+                    id: index.getTranslation("navigation.page.navItem.addChildren"),
+                    defaultMessage: "Add children"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.MenuItem, { onClick: () => handleDelete(), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", children: formatMessage({
+                    id: index.getTranslation("delete"),
+                    defaultMessage: "Delete"
+                  }) }) })
+                ] }),
+                (item.deleted || item.update) && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.MenuItem, { onClick: () => handleRestore(), children: formatMessage({
+                  id: index.getTranslation("restore"),
+                  defaultMessage: "Restore"
                 }) }) })
               ] })
             ] })
@@ -10739,7 +10749,7 @@ const RouteItem = React.forwardRef(({ item, setParentId, setActionItem, ghost, d
     }
   );
 });
-function SortableRouteItem({ item, depth, ...props }) {
+function SortableRouteItem({ item, depth, setNavigationItems, ...props }) {
   if (!item) return null;
   const {
     isDragging,
@@ -10758,6 +10768,7 @@ function SortableRouteItem({ item, depth, ...props }) {
     {
       ref: setDraggableNodeRef,
       wrapperRef: setDroppableNodeRef,
+      setNavigationItems,
       style,
       item,
       disableInteraction: isSorting,
@@ -10801,6 +10812,7 @@ function PageWrapper({ navigations, loading = false, children }) {
                 id: index.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}`);
@@ -11802,6 +11814,7 @@ const Navigation = () => {
   const { getNavigation, updateNavigationItemStructure } = index.useApi();
   const [isSavingNavigation, setIsSavingNavigation] = React.useState(false);
   const [loading, setLoading] = React.useState(true);
+  const cachedNavigations = React.useRef(null);
   const [projected, setProjected] = React.useState(null);
   const [activeItem, setActiveItem] = React.useState();
   const [activeId, setActiveId] = React.useState(null);
@@ -11845,11 +11858,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({
@@ -11861,16 +11873,32 @@ const Navigation = () => {
       });
     }
   }
+  function switchNavigation(selectedNav, updatedNavigations) {
+    setNavigations(updatedNavigations);
+    setSelectedNavigation(selectedNav);
+    setNavigationItems(selectedNav.items || []);
+    initialNavigationItemsRef.current = cloneDeep$1(selectedNav.items) || null;
+  }
   React.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]);
@@ -11924,7 +11952,7 @@ const Navigation = () => {
         })
       });
     } finally {
-      loadNavigations();
+      await loadNavigations();
       setIsSavingNavigation(false);
     }
   }
@@ -11953,7 +11981,16 @@ const Navigation = () => {
       const activeTreeItem = navigationItems[activeIndex];
       navigationItems[activeIndex] = { ...activeTreeItem, depth };
       const sortedItems = sortable.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() {
@@ -12012,6 +12049,7 @@ const Navigation = () => {
                 item,
                 setParentId,
                 setActionItem,
+                setNavigationItems,
                 indentationWidth,
                 depth: item.id === activeId && projected ? projected.depth : item.depth
               },
@@ -12023,7 +12061,8 @@ const Navigation = () => {
                 {
                   item: activeItem,
                   setParentId,
-                  setActionItem
+                  setActionItem,
+                  setNavigationItems
                 }
               ) : null }),
               document.body
@@ -12062,7 +12101,9 @@ const Navigation = () => {
       {
         variant: "NavDelete",
         item: actionItem,
-        onDelete: () => {
+        onDelete: async () => {
+          cachedNavigations.current = null;
+          navigate("/plugins/webatlas/navigation");
         }
       }
     ),
@@ -12160,4 +12201,4 @@ const App = () => {
   ] });
 };
 exports.default = App;
-//# sourceMappingURL=index-BxnHHgGC.js.map
+//# sourceMappingURL=index-DCCE7rxt.js.map