strapi-plugin-navigation 3.0.0-beta.0 → 3.0.0-beta.2

package/admin/pages/SettingsPage/hooks/index.js

@@ -1,111 +0,0 @@
-import { zodResolver } from '@hookform/resolvers/zod';
-import { getFetchClient } from '@strapi/strapi/admin';
-import { useMutation, useQuery } from '@tanstack/react-query';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { getApiClient } from '../../../api';
-import { configSchema } from '../../../schemas';
-import { resolveGlobalLikeId } from '../utils';
-export const useConfig = () => {
-    // TODO: Resolve useQuery issues to use useFetchClient
-    const fetch = getFetchClient();
-    const apiClient = getApiClient(fetch);
-    return useQuery({
-        queryKey: apiClient.readSettingsConfigIndex(),
-        queryFn() {
-            return apiClient.readSettingsConfig();
-        },
-        staleTime: 1000 * 60 * 5,
-    });
-};
-export const useRestart = () => {
-    const fetch = getFetchClient();
-    const apiClient = getApiClient(fetch);
-    return useMutation({
-        mutationFn: () => apiClient.restart(),
-    });
-};
-export const useRestoreConfig = () => {
-    const fetch = getFetchClient();
-    const apiClient = getApiClient(fetch);
-    return useMutation({
-        mutationFn: () => apiClient.restoreConfig(),
-    });
-};
-export const useContentTypes = () => {
-    const fetch = getFetchClient();
-    const apiClient = getApiClient(fetch);
-    return useQuery({
-        queryKey: apiClient.readContentTypeIndex(),
-        queryFn: () => apiClient.readContentType(),
-        staleTime: Infinity,
-    });
-};
-export const useSaveConfig = () => {
-    const fetch = getFetchClient();
-    const apiClient = getApiClient(fetch);
-    return useMutation({
-        mutationFn(data) {
-            return apiClient.updateConfig({
-                ...data,
-                contentTypesNameFields: Object.fromEntries(data.contentTypesNameFields.map(({ key, fields }) => [key, fields])),
-                contentTypesPopulate: Object.fromEntries(data.contentTypesPopulate.map(({ key, fields }) => [key, fields])),
-                pathDefaultFields: Object.fromEntries(data.pathDefaultFields.map(({ key, fields }) => [key, fields])),
-                additionalFields: data.audienceFieldChecked
-                    ? [...data.additionalFields, 'audience']
-                    : data.additionalFields,
-                gql: {
-                    navigationItemRelated: data.contentTypes.map((uid) => {
-                        return resolveGlobalLikeId(uid);
-                    }),
-                },
-            });
-        },
-    });
-};
-export const uiFormSchema = configSchema.omit({ contentTypesNameFields: true }).extend({
-    audienceFieldChecked: z.boolean(),
-    contentTypesNameFields: z
-        .object({
-        key: z.string(),
-        fields: z.string().array(),
-    })
-        .array(),
-    contentTypesPopulate: z
-        .object({
-        key: z.string(),
-        fields: z.string().array(),
-    })
-        .array(),
-    pathDefaultFields: z
-        .object({
-        key: z.string(),
-        fields: z.string().array(),
-    })
-        .array(),
-});
-export const useSettingsForm = (config) => {
-    const form = useForm({
-        resolver: zodResolver(uiFormSchema),
-        values: config
-            ? {
-                ...config,
-                additionalFields: config.additionalFields.filter((field) => typeof field !== 'string'),
-                audienceFieldChecked: config.additionalFields.includes('audience'),
-                contentTypesNameFields: Object.entries(config.contentTypesNameFields).map(([key, fields]) => ({
-                    key,
-                    fields,
-                })),
-                contentTypesPopulate: Object.entries(config.contentTypesPopulate).map(([key, fields]) => ({
-                    key,
-                    fields,
-                })),
-                pathDefaultFields: Object.entries(config.pathDefaultFields).map(([key, fields]) => ({
-                    key,
-                    fields,
-                })),
-            }
-            : undefined,
-    });
-    return { form };
-};

package/admin/pages/SettingsPage/index.js

@@ -1,189 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { DesignSystemProvider, lightTheme } from '@strapi/design-system';
-import { Check, Play, Typhoon } from '@strapi/icons';
-import { Layouts, Page, useAuth } from '@strapi/strapi/admin';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { useMemo, useState } from 'react';
-import { useIntl } from 'react-intl';
-import { Accordion, Box, Button, Field, Flex, Grid, MultiSelect, MultiSelectOption, NumberInput, Toggle, Typography, } from '@strapi/design-system';
-import { isEmpty, sortBy } from 'lodash';
-import { Controller } from 'react-hook-form';
-import { ConfirmationDialog } from '../../components/ConfirmationDialog';
-import { RestartAlert } from '../../components/RestartAlert';
-import { getTrad } from '../../utils/getTranslation';
-import pluginPermissions from '../../utils/permissions';
-import CustomFieldModal from './components/CustomFieldModal';
-import CustomFieldTable from './components/CustomFieldTable';
-import { uiFormSchema, useConfig, useContentTypes, useRestart, useRestoreConfig, useSaveConfig, useSettingsForm, } from './hooks';
-import { isContentTypeEligible } from './utils';
-const BOX_DEFAULT_PROPS = {
-    background: 'neutral0',
-    hasRadius: true,
-    shadow: 'filterShadow',
-    padding: 6,
-};
-const queryClient = new QueryClient();
-const Inner = () => {
-    const configQuery = useConfig();
-    const contentTypesQuery = useContentTypes();
-    const configSaveMutation = useSaveConfig();
-    const restoreMutation = useRestoreConfig();
-    const restartMutation = useRestart();
-    const { formatMessage } = useIntl();
-    const { form: { control, watch, setValue, getValues, handleSubmit }, } = useSettingsForm(configQuery.data);
-    const [contentTypeNameFieldsCurrent, contentTypesCurrent, additionalFields, preferCustomContentTypes,] = watch([
-        'contentTypesNameFields',
-        'contentTypes',
-        'additionalFields',
-        'preferCustomContentTypes',
-    ]);
-    const [restartStatus, setRestartStatus] = useState({ required: false });
-    const readPermissions = useAuth('SettingsPage', (state) => state.permissions);
-    const hasSettingsPermissions = useMemo(() => {
-        return !!readPermissions.find(({ action }) => action === pluginPermissions.settings[0].action);
-    }, [readPermissions]);
-    const hasSettingsReadPermissions = useMemo(() => {
-        return !!readPermissions.find(({ action }) => action === pluginPermissions.access[0].action);
-    }, [readPermissions]);
-    const isLoading = configQuery.isPending ||
-        contentTypesQuery.isPending ||
-        configSaveMutation.isPending ||
-        restartMutation.isPending ||
-        restoreMutation.isPending;
-    const [isCustomFieldModalOpen, setIsCustomFieldModalOpen] = useState(false);
-    const [isRestorePopupOpen, setIsRestorePopupOpen] = useState(false);
-    const [customFieldSelected, setCustomFieldSelected] = useState(null);
-    const handleOpenCustomFieldModal = (field) => {
-        setCustomFieldSelected(field);
-        setIsCustomFieldModalOpen(true);
-    };
-    const handleRemoveCustomField = (field) => {
-        const filteredFields = additionalFields.filter((f) => typeof f !== 'string' ? f.name !== field.name : true);
-        setValue('additionalFields', filteredFields);
-        setCustomFieldSelected(null);
-        setIsCustomFieldModalOpen(false);
-    };
-    const handleToggleCustomField = (current) => {
-        const next = { ...current, enabled: !current.enabled };
-        const nextAdditionalFields = additionalFields.map((field) => typeof field !== 'string' && current.name === field.name ? next : field);
-        setValue('additionalFields', nextAdditionalFields);
-    };
-    const handleSubmitCustomField = (next) => {
-        const hasFieldAlready = !!additionalFields.find((field) => typeof field !== 'string' ? field.name === next.name : false);
-        const nextAdditionalFields = hasFieldAlready
-            ? additionalFields.map((field) => typeof field !== 'string' && next.name === field.name ? next : field)
-            : [...additionalFields, next];
-        setValue('additionalFields', nextAdditionalFields);
-        setCustomFieldSelected(null);
-        setIsCustomFieldModalOpen(false);
-    };
-    const allContentTypes = !isLoading
-        ? sortBy(Object.values(contentTypesQuery.data ?? [])
-            .filter(({ uid }) => isContentTypeEligible(uid, {
-            allowedContentTypes: configQuery.data?.allowedContentTypes,
-            restrictedContentTypes: configQuery.data?.restrictedContentTypes,
-            preferCustomContentTypes,
-            contentTypes: contentTypesCurrent,
-        }))
-            .map((ct) => {
-            const type = contentTypesQuery.data?.find((_) => _.uid === ct.uid);
-            if (type) {
-                const { isDisplayed: available, kind } = type;
-                const isSingle = kind === 'singleType';
-                return {
-                    ...ct,
-                    available,
-                    isSingle,
-                };
-            }
-            return ct;
-        }), (ct) => ct.info.displayName)
-        : [];
-    const onSubmit = (rawData) => {
-        const parsed = uiFormSchema.safeParse(rawData);
-        if (parsed.success) {
-            configSaveMutation.mutate(parsed.data, {
-                onSuccess() {
-                    setRestartStatus({ required: true });
-                    configSaveMutation.reset();
-                },
-            });
-        }
-        else {
-            console.warn('Invalid form data', parsed.error);
-        }
-    };
-    const onPopupClose = async (isConfirmed) => {
-        setIsRestorePopupOpen(false);
-        if (isConfirmed) {
-            restoreMutation.mutate();
-            setRestartStatus({ required: true });
-        }
-    };
-    const handleRestart = async () => {
-        restartMutation.mutate(undefined, {
-            onSuccess() {
-                setRestartStatus({ required: false });
-            },
-            onError() {
-                setRestartStatus({ required: false });
-            },
-        });
-        // TODO: Reload
-        window.location.reload();
-    };
-    const handleRestartDiscard = () => setRestartStatus({ required: false });
-    if (!hasSettingsPermissions) {
-        return _jsx(Page.NoPermissions, {});
-    }
-    if (isLoading) {
-        return _jsx(Page.Loading, {});
-    }
-    return (_jsxs(Layouts.Root, { children: [_jsxs(Page.Main, { children: [_jsx(Page.Title, { children: formatMessage(getTrad('pages.settings.header.title')) }), _jsx(Layouts.Header, { title: formatMessage(getTrad('pages.settings.header.title')), subtitle: formatMessage(getTrad('pages.settings.header.description')), primaryAction: hasSettingsReadPermissions ? (_jsx(Button, { startIcon: _jsx(Check, {}), disabled: restartStatus.required, onClick: handleSubmit(onSubmit), children: formatMessage(getTrad('pages.settings.actions.submit')) })) : null }), _jsx(Layouts.Content, { children: _jsxs(Flex, { direction: "column", gap: 4, children: [restartStatus.required && (_jsx(Box, { ...BOX_DEFAULT_PROPS, width: "100%", children: _jsx(RestartAlert, { closeLabel: formatMessage(getTrad('pages.settings.actions.restart.alert.cancel')), title: formatMessage(getTrad('pages.settings.actions.restart.alert.title')), action: _jsx(Box, { children: _jsx(Button, { onClick: handleRestart, startIcon: _jsx(Play, {}), children: formatMessage(getTrad('pages.settings.actions.restart')) }) }), onClose: handleRestartDiscard, children: _jsxs(_Fragment, { children: [_jsx(Box, { paddingBottom: 1, children: formatMessage(getTrad('pages.settings.actions.restart.alert.description')) }), restartStatus.reasons?.map((reason, i) => (_jsx(Box, { paddingBottom: 1, children: formatMessage(getTrad(`pages.settings.actions.restart.alert.reason.${reason}`)) }, i)))] }) }) })), _jsx(Box, { ...BOX_DEFAULT_PROPS, width: "100%", children: _jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [_jsx(Typography, { variant: "delta", as: "h2", children: formatMessage(getTrad('pages.settings.general.title')) }), _jsx(Grid.Root, { gap: 4, width: "100%", children: _jsx(Grid.Item, { col: 12, s: 12, xs: 12, children: _jsxs(Grid.Root, { gap: 4, width: "100%", children: [_jsx(Grid.Item, { col: 4, s: 12, xs: 12, children: _jsx(Controller, { control: control, name: "preferCustomContentTypes", render: ({ field: { name, value, onChange } }) => (_jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('pages.settings.form.preferCustomContentTypes.label')) }), _jsx(Toggle, { name: name, checked: value, onChange: ({ currentTarget: { checked }, }) => {
-                                                                                    onChange(checked);
-                                                                                }, onLabel: "Enabled", offLabel: "Disabled", disabled: restartStatus.required, width: "100%" }), _jsx(Field.Hint, { children: formatMessage(getTrad('pages.settings.form.preferCustomContentTypes.hint')) })] })) }) }), _jsx(Grid.Item, { col: 8, s: 12, xs: 12, children: _jsx(Controller, { control: control, name: "contentTypes", render: ({ field: { name, value, onChange }, fieldState: { error } }) => (_jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('pages.settings.form.contentTypes.label')) }), _jsx(MultiSelect, { name: name, label: formatMessage(getTrad('pages.settings.form.contentTypes.label')), "aria-label": formatMessage(getTrad('pages.settings.form.contentTypes.label')), placeholder: formatMessage(getTrad('pages.settings.form.contentTypes.placeholder')), hint: formatMessage(getTrad('pages.settings.form.contentTypes.hint')), value: value, onChange: (value) => {
-                                                                                    onChange(value);
-                                                                                    const { contentTypesNameFields = [], contentTypesPopulate = [], pathDefaultFields, } = getValues();
-                                                                                    const missingKeys = value.filter((key) => !contentTypesNameFields.find((nameFields) => nameFields.key === key)) ?? [];
-                                                                                    const redundantKeys = contentTypesNameFields
-                                                                                        .filter((nameFields) => !value.includes(nameFields.key) ||
-                                                                                        nameFields.key === 'default')
-                                                                                        .map(({ key }) => key) ?? [];
-                                                                                    setValue('contentTypesNameFields', [
-                                                                                        ...(contentTypesNameFields.filter(({ key }) => !redundantKeys.includes(key) || key === 'default') ?? []),
-                                                                                        ...missingKeys.map((key) => ({ key, fields: [] })),
-                                                                                    ], { shouldDirty: true, shouldTouch: true, shouldValidate: true });
-                                                                                    setValue('contentTypesPopulate', [
-                                                                                        ...(contentTypesPopulate.filter(({ key }) => !redundantKeys.includes(key) || key === 'default') ?? []),
-                                                                                        ...missingKeys.map((key) => ({ key, fields: [] })),
-                                                                                    ], { shouldDirty: true, shouldTouch: true, shouldValidate: true });
-                                                                                    setValue('pathDefaultFields', [
-                                                                                        ...(pathDefaultFields.filter(({ key }) => !redundantKeys.includes(key) || key === 'default') ?? []),
-                                                                                        ...missingKeys.map((key) => ({ key, fields: [] })),
-                                                                                    ], { shouldDirty: true, shouldTouch: true, shouldValidate: true });
-                                                                                }, disabled: restartStatus.required, error: !!error, withTags: true, width: "100%", children: allContentTypes.map((item) => (_jsx(MultiSelectOption, { value: item.uid, children: item.info.displayName }, item.uid))) })] })) }) }), _jsx(Grid.Item, { col: 12, s: 12, xs: 12, children: contentTypesCurrent?.length ? (_jsx(Accordion.Root, { style: { width: '100%' }, children: contentTypeNameFieldsCurrent.map((nameFields, index) => {
-                                                                        const current = contentTypesQuery.data?.find(({ uid }) => uid === nameFields.key);
-                                                                        const attributeKeys = Object.keys(current?.attributes ?? {}).sort();
-                                                                        return current ? (_jsxs(Accordion.Item, { value: nameFields.key, children: [_jsx(Accordion.Header, { children: _jsx(Accordion.Trigger, { children: current?.info.displayName ??
-                                                                                            formatMessage(getTrad('pages.settings.form.nameField.default')) }) }), _jsx(Accordion.Content, { children: _jsxs(Grid.Root, { gap: 4, padding: 2, children: [_jsx(Grid.Item, { col: 12, s: 12, xs: 12, children: _jsx(Controller, { control: control, name: `contentTypesNameFields.${index}`, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => (_jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('pages.settings.form.nameField.label')) }), _jsx(MultiSelect, { name: name, placeholder: formatMessage(getTrad('pages.settings.form.nameField.placeholder')), value: value.fields, onChange: (fields) => onChange({
-                                                                                                                    ...value,
-                                                                                                                    fields,
-                                                                                                                }), disabled: restartStatus.required, error: !!error, withTags: true, children: attributeKeys.map((attribute) => (_jsx(MultiSelectOption, { value: attribute, children: attribute }, attribute))) }), _jsx(Field.Hint, { children: formatMessage(getTrad(`pages.settings.form.nameField.${isEmpty(value?.fields) ? 'empty' : 'hint'}`)) })] })) }) }), _jsx(Grid.Item, { col: 12, s: 12, xs: 12, children: _jsx(Controller, { control: control, name: `contentTypesPopulate.${index - 1}`, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => (_jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('pages.settings.form.populate.label')) }), _jsx(MultiSelect, { width: "100%", name: name, placeholder: formatMessage(getTrad('pages.settings.form.populate.placeholder')), value: value?.fields ?? [], onChange: (fields) => onChange({
-                                                                                                                    ...value,
-                                                                                                                    fields,
-                                                                                                                }), disabled: restartStatus.required, error: !!error, withTags: true, children: attributeKeys.map((attribute) => (_jsx(MultiSelectOption, { value: attribute, children: attribute }, attribute))) }), _jsx(Field.Hint, { children: formatMessage(getTrad(`pages.settings.form.populate.${isEmpty(value?.fields) ? 'empty' : 'hint'}`)) })] })) }) }), _jsx(Grid.Item, { col: 12, s: 12, xs: 12, children: _jsx(Controller, { control: control, name: `pathDefaultFields.${index - 1}`, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => (_jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('pages.settings.form.pathDefaultFields.label')) }), _jsx(MultiSelect, { name: name, width: "100%", placeholder: formatMessage(getTrad('pages.settings.form.pathDefaultFields.placeholder')), value: value?.fields ?? [], onChange: (fields) => onChange({
-                                                                                                                    ...value,
-                                                                                                                    fields,
-                                                                                                                }), disabled: restartStatus.required, error: !!error, withTags: true, children: attributeKeys.map((attribute) => (_jsx(MultiSelectOption, { value: attribute, children: attribute }, attribute))) }), _jsx(Field.Hint, { children: formatMessage(getTrad(`pages.settings.form.pathDefaultFields.${isEmpty(value?.fields) ? 'empty' : 'hint'}`)) })] })) }) })] }) })] }, nameFields.key)) : null;
-                                                                    }) })) : null })] }) }) })] }) }), _jsx(Box, { ...BOX_DEFAULT_PROPS, width: "100%", children: _jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [_jsx(Typography, { variant: "delta", as: "h2", children: formatMessage(getTrad('pages.settings.additional.title')) }), _jsxs(Grid.Root, { gap: 4, width: "100%", children: [_jsx(Grid.Item, { col: 4, s: 12, xs: 12, children: _jsx(Box, { width: "100%", children: _jsx(Controller, { control: control, name: "allowedLevels", render: ({ field: { onChange, value, name } }) => (_jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('pages.settings.form.allowedLevels.label')) }), _jsx(NumberInput, { width: "100%", name: name, placeholder: formatMessage(getTrad('pages.settings.form.allowedLevels.placeholder')), onValueChange: (nextValue) => onChange(nextValue), value: value, disabled: restartStatus.required }), _jsx(Field.Hint, { children: formatMessage(getTrad('pages.settings.form.allowedLevels.hint')) })] })) }) }) }), _jsx(Grid.Item, { col: 4, s: 12, xs: 12, children: _jsx(Controller, { control: control, name: "cascadeMenuAttached", render: ({ field: { name, value, onChange } }) => (_jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('pages.settings.form.cascadeMenuAttached.label')) }), _jsx(Toggle, { width: "100%", name: name, checked: value, onChange: ({ currentTarget: { checked }, }) => {
-                                                                            onChange(checked);
-                                                                        }, onLabel: "Enabled", offLabel: "Disabled", disabled: restartStatus.required }), _jsx(Field.Hint, { children: formatMessage(getTrad('pages.settings.form.cascadeMenuAttached.hint')) })] })) }) }), _jsx(Grid.Item, { col: 4, s: 12, xs: 12, children: _jsx(Controller, { control: control, name: "audienceFieldChecked", render: ({ field: { name, value, onChange } }) => (_jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('pages.settings.form.audience.label')) }), _jsx(Toggle, { name: name, checked: value, onChange: ({ currentTarget: { checked }, }) => {
-                                                                            onChange(checked);
-                                                                        }, onLabel: "Enabled", offLabel: "Disabled", disabled: restartStatus.required, width: "100%" }), _jsx(Field.Hint, { children: formatMessage(getTrad('pages.settings.form.audience.hint')) })] })) }) }), configQuery.data?.isCachePluginEnabled && (_jsx(Grid.Item, { col: 12, s: 12, xs: 12, children: _jsx(Controller, { control: control, name: "isCacheEnabled", render: ({ field: { name, value, onChange } }) => (_jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('pages.settings.form.cache.label')) }), _jsx(Toggle, { name: name, checked: value, onChange: ({ currentTarget: { checked }, }) => {
-                                                                            onChange(checked);
-                                                                        }, onLabel: "Enabled", offLabel: "Disabled", disabled: restartStatus.required, width: "100%" }), _jsx(Field.Hint, { children: formatMessage(getTrad('pages.settings.form.cache.hint')) })] })) }) }))] })] }) }), _jsxs(Box, { ...BOX_DEFAULT_PROPS, width: "100%", gap: 2, direction: "column", alignItems: "flex-start", children: [_jsx(Typography, { variant: "delta", as: "h2", children: formatMessage(getTrad('pages.settings.customFields.title')) }), _jsx(Box, { padding: 1 }), _jsx(CustomFieldTable, { data: additionalFields, onOpenModal: handleOpenCustomFieldModal, onRemoveCustomField: handleRemoveCustomField, onToggleCustomField: handleToggleCustomField })] }), _jsx(Box, { ...BOX_DEFAULT_PROPS, width: "100%", children: _jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [_jsx(Typography, { variant: "delta", as: "h2", children: formatMessage(getTrad('pages.settings.restoring.title')) }), _jsxs(Grid.Root, { gap: 4, width: "100%", children: [_jsx(Grid.Item, { col: 12, s: 12, xs: 12, children: _jsx(Typography, { children: formatMessage(getTrad('pages.settings.actions.restore.description')) }) }), _jsxs(Grid.Item, { col: 12, s: 12, xs: 12, children: [hasSettingsReadPermissions ? (_jsx(Button, { variant: "danger-light", startIcon: _jsx(Check, {}), onClick: () => setIsRestorePopupOpen(true), children: formatMessage(getTrad('pages.settings.actions.restore')) })) : null, _jsx(ConfirmationDialog, { isVisible: isRestorePopupOpen, header: formatMessage(getTrad('pages.settings.actions.restore.confirmation.header')), labelConfirm: formatMessage(getTrad('pages.settings.actions.restore.confirmation.confirm')), iconConfirm: _jsx(Typhoon, {}), onConfirm: () => onPopupClose(true), onCancel: () => onPopupClose(false), children: formatMessage(getTrad('pages.settings.actions.restore.confirmation.description')) })] })] })] }) })] }) })] }), isCustomFieldModalOpen && (_jsx(CustomFieldModal, { onClose: () => setIsCustomFieldModalOpen(false), onSubmit: handleSubmitCustomField, isOpen: isCustomFieldModalOpen, data: customFieldSelected }))] }));
-};
-export default function SettingsPage() {
-    queryClient.invalidateQueries();
-    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(DesignSystemProvider, { locale: "en-GB", theme: lightTheme, children: _jsx(Inner, {}) }) }));
-}

package/admin/pages/SettingsPage/types.js

@@ -1 +0,0 @@
-export {};

package/admin/pages/SettingsPage/utils/index.js

@@ -1,25 +0,0 @@
-import { capitalize } from 'lodash';
-const UID_REGEX = /^(?<type>[a-z0-9-]+)\:{2}(?<api>[a-z0-9-]+)\.{1}(?<contentType>[a-z0-9-]+)$/i;
-export const isContentTypeEligible = (uid = '', config = {}) => {
-    const { allowedContentTypes: baseAllowedContentTypes = [], restrictedContentTypes = [], contentTypes = [], preferCustomContentTypes = false, } = config;
-    const allowedContentTypes = preferCustomContentTypes
-        ? ['api::', ...contentTypes]
-        : baseAllowedContentTypes;
-    const isOneOfAllowedType = allowedContentTypes.filter((_) => uid.includes(_) || uid === _).length > 0;
-    const isNoneOfRestricted = restrictedContentTypes.filter((_) => uid.includes(_) || uid === _).length === 0;
-    return !!uid && isOneOfAllowedType && isNoneOfRestricted;
-};
-export const resolveGlobalLikeId = (uid = '') => {
-    const parse = (str) => str
-        .split('-')
-        .map((_) => capitalize(_))
-        .join('');
-    const [type, scope, contentTypeName] = splitTypeUid(uid);
-    if (type === 'api') {
-        return parse(contentTypeName);
-    }
-    return `${parse(scope)}${parse(contentTypeName)}`;
-};
-const splitTypeUid = (uid = '') => {
-    return uid.split(UID_REGEX).filter((s) => s && s.length > 0);
-};

package/admin/pluginId.js

@@ -1 +0,0 @@
-export const PLUGIN_ID = 'navigation';

package/admin/schemas/config.js

@@ -1,53 +0,0 @@
-import { z } from 'zod';
-const navigationCustomFieldBase = z.object({
-    name: z.string(),
-    label: z.string(),
-    required: z.boolean().optional(),
-    enabled: z.boolean().optional(),
-});
-const navigationItemCustomFieldSelect = navigationCustomFieldBase.extend({
-    type: z.literal('select'),
-    multi: z.boolean(),
-    options: z.array(z.string()),
-});
-const navigationItemCustomFieldPrimitive = navigationCustomFieldBase.extend({
-    type: z.enum(['boolean', 'string']),
-    multi: z.literal(false).optional(),
-    options: z.array(z.string()).max(0).optional(),
-});
-const navigationItemCustomFieldMedia = navigationCustomFieldBase.extend({
-    type: z.literal('media'),
-    multi: z.literal(false).optional(),
-    options: z.array(z.string()).max(0).optional(),
-});
-export const navigationItemCustomField = z.union([
-    navigationItemCustomFieldPrimitive,
-    navigationItemCustomFieldMedia,
-    navigationItemCustomFieldSelect,
-]);
-export const navigationItemAdditionalField = z.union([
-    z.literal('audience'),
-    navigationItemCustomField,
-]);
-export const configSchema = z.object({
-    additionalFields: z.array(navigationItemAdditionalField),
-    allowedLevels: z.number(),
-    availableAudience: z
-        .object({
-        id: z.number(),
-        name: z.string(),
-        key: z.string(),
-    })
-        .array(),
-    contentTypes: z.array(z.string()),
-    contentTypesNameFields: z.record(z.string(), z.array(z.string())),
-    contentTypesPopulate: z.record(z.string(), z.array(z.string())),
-    gql: z.object({
-        navigationItemRelated: z.array(z.string()),
-    }),
-    pathDefaultFields: z.record(z.string(), z.any()),
-    cascadeMenuAttached: z.boolean(),
-    preferCustomContentTypes: z.boolean(),
-    isCacheEnabled: z.boolean().optional(),
-    isCachePluginEnabled: z.boolean().optional(),
-});

package/admin/schemas/content-type.js

@@ -1,14 +0,0 @@
-import { z } from 'zod';
-export const strapiContentTypeSchema = z.object({
-    uid: z.string(),
-    isDisplayed: z.boolean(),
-    apiID: z.string(),
-    kind: z.enum(['collectionType', 'singleType']),
-    info: z.object({
-        singularName: z.string(),
-        pluralName: z.string(),
-        displayName: z.string(),
-        description: z.string().optional(),
-    }),
-    attributes: z.record(z.string(), z.unknown()),
-});

package/admin/translations/ca.json

@@ -1,199 +0,0 @@
-{
-    "components.confirmation.dialog.button.cancel": "Cancel·lar",
-    "components.confirmation.dialog.button.confirm": "Confirmeu",
-    "components.confirmation.dialog.description": "Vols continuar?",
-    "components.confirmation.dialog.header": "Confirmació",
-    "components.navigationItem.action.newItem": "Afegeix un element fill",
-    "components.navigationItem.badge.draft": "Esborrany",
-    "components.navigationItem.badge.published": "Publicat",
-    "components.navigationItem.badge.removed": "Eliminat",
-    "empty": "El teu menú està buit",
-    "empty.cta": "Crea el primer element",
-    "header.action.collapseAll": "Col·lapsar tot",
-    "header.action.expandAll": "Amplia-ho tot",
-    "header.action.manage": "Gestionar",
-    "header.action.newItem": "Element nou",
-    "header.description": "Definiu la vostra navegació del lloc web",
-    "header.meta": "ID: { id }, slug: { key }",
-    "header.title": "Navegació",
-    "notification.error": "S'ha produït un error en processar la sol·licitud.",
-    "notification.error.customField.type": "Tipus de camp personalitzat no compatible",
-    "notification.error.item.relation": "Les relacions proporcionades en alguns elements són incorrectes",
-    "notification.error.item.slug": "No es pot crear la clau (slug) vàlida de l'encaminador de la IU des de \"{ query }\". \"{ result }\" rebut",
-    "notification.navigation.error": "Camí duplicat: { path } al pare: { parentTitle } per a { errorTitles } elements",
-    "notification.navigation.item.relation": "La relació d'entitat no existeix!",
-    "notification.navigation.item.relation.status.draft": "esborrany",
-    "notification.navigation.item.relation.status.published": "publicat",
-    "notification.navigation.submit": "S'han desat els canvis de navegació",
-    "pages.main.header.localization.select.placeholder": "Seleccioneu la configuració regional",
-    "pages.main.search.placeholder": "Escriviu per començar a cercar...",
-    "pages.main.search.subLabel": "appuyez sur ENTER pour mettre en surbrillance l'élément suivant",
-    "pages.settings.actions.disableI18n.confirmation.confirm": "entenc",
-    "pages.settings.actions.disableI18n.confirmation.description.line1": "Esteu desactivant la internacionalització per a la navegació. Les navegacions per a configuracions regionals diferents de les predeterminades no estan disponibles per a la visualització i modificacions mitjançant aquesta extensió.",
-    "pages.settings.actions.disableI18n.confirmation.description.line2": "Podeu optar per eliminar les navegacions per a altres configuracions regionals.",
-    "pages.settings.actions.disableI18n.confirmation.description.line3": "Recordeu! L'eliminació és irreversible",
-    "pages.settings.actions.disableI18n.confirmation.header": "Desactivació de la internacionalització",
-    "pages.settings.actions.disableI18n.prune.label": "Navegacions obsoletes",
-    "pages.settings.actions.disableI18n.prune.off": "Mantenir",
-    "pages.settings.actions.disableI18n.prune.on": "Eliminar",
-    "pages.settings.actions.restart": "Reinicieu Strapi",
-    "pages.settings.actions.restart.alert.cancel": "Cancel·lar",
-    "pages.settings.actions.restart.alert.close": "Descartar",
-    "pages.settings.actions.restart.alert.description": "Heu fet un canvi de configuració que requereix que la vostra aplicació Strapi es reiniciï perquè tingui efecte. Fes-ho manualment o utilitzant el botó següent.",
-    "pages.settings.actions.restart.alert.reason.GRAPH_QL": "S'aplicaran els canvis de GraphQL.",
-    "pages.settings.actions.restart.alert.reason.I18N": "S'aplicaran els canvis d'internacionalització (i18n).",
-    "pages.settings.actions.restart.alert.reason.I18N_NAVIGATIONS_PRUNE": "Les navegacions locals obsoletes s'eliminaran.",
-    "pages.settings.actions.restart.alert.title": "Strapi requereix reinici",
-    "pages.settings.actions.restore": "Restaura la configuració",
-    "pages.settings.actions.restore.confirmation.confirm": "Restaurar",
-    "pages.settings.actions.restore.confirmation.description": "La configuració de l'extensió es restaurarà des del fitxer plugins.js.",
-    "pages.settings.actions.restore.confirmation.header": "Vols continuar?",
-    "pages.settings.actions.restore.description": "La restauració de la configuració de l'extensió farà que es substitueixi per la configuració desada dins del fitxer \"plugins.js\".",
-    "pages.settings.actions.submit": "Desa la configuració",
-    "pages.settings.additional.title": "Configuracions addicionals",
-    "pages.settings.customFields.title": "Configuració de camps personalitzats",
-    "pages.settings.form.allowedLevels.hint": "Nivell màxim per al qual podeu marcar l'element com a \"Menú adjunt\"",
-    "pages.settings.form.allowedLevels.label": "Nivells permesos",
-    "pages.settings.form.allowedLevels.placeholder": "per exemple. 2",
-    "pages.settings.form.audience.hint": "Activa el camp de públic",
-    "pages.settings.form.audience.label": "Públic",
-    "pages.settings.form.contentTypes.hint": "Si no se selecciona cap, tampoc no s'habilitarà cap dels tipus de contingut",
-    "pages.settings.form.contentTypes.label": "Habilita la navegació per",
-    "pages.settings.form.contentTypes.placeholder": "per exemple. Pàgines, publicacions",
-    "pages.settings.form.contentTypesSettings.initializationWarning.content": "- El tipus de contingut encara no s'ha inicialitzat. Inicialitzeu-lo primer per poder utilitzar-lo en un editor visual.",
-    "pages.settings.form.contentTypesSettings.initializationWarning.title": "Avís",
-    "pages.settings.form.contentTypesSettings.label": "Tipus de contingut",
-    "pages.settings.form.contentTypesSettings.tooltip": "Configuració personalitzada per tipus de contingut",
-    "pages.settings.form.customFields.popup.header.edit": "Edita el camp personalitzat",
-    "pages.settings.form.customFields.popup.header.new": "Afegeix un camp personalitzat nou",
-    "pages.settings.form.customFields.popup.label.description": "Aquesta etiqueta es mostrarà al formulari d'elements de navegació",
-    "pages.settings.form.customFields.popup.label.label": "Etiqueta de camp personalitzada",
-    "pages.settings.form.customFields.popup.label.placeholder": "Exemple d'etiqueta",
-    "pages.settings.form.customFields.popup.multi.label": "Activa l'entrada d'opcions múltiples",
-    "pages.settings.form.customFields.popup.name.description": "El nom del camp personalitzat ha de ser únic",
-    "pages.settings.form.customFields.popup.name.label": "Nom del camp personalitzat",
-    "pages.settings.form.customFields.popup.name.placeholder": "nom_exemple",
-    "pages.settings.form.customFields.popup.options.description": "Activar aquest camp no canviarà els elements de navegació que ja estan sortint",
-    "pages.settings.form.customFields.popup.options.label": "Opcions per seleccionar l'entrada",
-    "pages.settings.form.customFields.popup.required.description": "Activar aquest camp no canviarà els elements de navegació que ja estan sortint",
-    "pages.settings.form.customFields.popup.required.label": "Camp obligatori",
-    "pages.settings.form.customFields.popup.type.label": "Tipus de camp personalitzat",
-    "pages.settings.form.customFields.table.confirmation.confirm": "Continua",
-    "pages.settings.form.customFields.table.confirmation.error": "S'ha produït un error en eliminar el camp personalitzat",
-    "pages.settings.form.customFields.table.confirmation.header": "S'està eliminant el camp personalitzat",
-    "pages.settings.form.customFields.table.confirmation.message": "Aquesta acció farà que s'eliminin tots els valors dels camps personalitzats dels elements de navegació.",
-    "pages.settings.form.customFields.table.disable": "Desactiva el camp personalitzat",
-    "pages.settings.form.customFields.table.edit": "Edita el camp personalitzat",
-    "pages.settings.form.customFields.table.enable": "Activa el camp personalitzat",
-    "pages.settings.form.customFields.table.footer": "Crea un camp personalitzat nou",
-    "pages.settings.form.customFields.table.header.label": "Etiqueta",
-    "pages.settings.form.customFields.table.header.name": "Nom",
-    "pages.settings.form.customFields.table.header.required": "Obligatori",
-    "pages.settings.form.customFields.table.header.type": "Tipus",
-    "pages.settings.form.customFields.table.notRequired": "no obligatori",
-    "pages.settings.form.customFields.table.remove": "Elimina el camp personalitzat",
-    "pages.settings.form.customFields.table.required": "obligatori",
-    "pages.settings.form.i18n.hint": "Habilitar la internacionalització",
-    "pages.settings.form.i18n.hint.missingDefaultLocale": "Falta la configuració regional predeterminada!",
-    "pages.settings.form.i18n.label": "i18n",
-    "pages.settings.form.nameField.empty": "Aquest tipus de contingut no té cap atribut de text",
-    "pages.settings.form.nameField.hint": "Si es deixa el camp de nom buit, prendrà els següents camps ordenats: \"títol\", \"assumpte\" i \"nom\"",
-    "pages.settings.form.nameField.label": "Camps de nom",
-    "pages.settings.form.nameField.placeholder": "Seleccioneu almenys un o deixeu-lo buit per aplicar els valors predeterminats",
-    "pages.settings.form.pathDefaultFields.empty": "Aquest tipus de contingut no té cap atribut adequat",
-    "pages.settings.form.pathDefaultFields.hint": "El valor de l'atribut seleccionat serà un valor predeterminat per al camí intern",
-    "pages.settings.form.pathDefaultFields.label": "Camps predeterminats del camí",
-    "pages.settings.form.pathDefaultFields.placeholder": "Seleccioneu-ne com a mínim un o deixeu-lo buit per desactivar l'emplenat del camp del camí amb el valor dels atributs",
-    "pages.settings.form.populate.empty": "Aquest tipus de contingut no té cap camp de relació",
-    "pages.settings.form.populate.hint": "Els camps de relació seleccionats s'emplenaran dins de les respostes de l'API",
-    "pages.settings.form.populate.label": "Camps a omplir",
-    "pages.settings.form.populate.placeholder": "Seleccioneu-ne com a mínim un o deixeu-lo buit per desactivar l'ompliment dels camps de relació",
-    "pages.settings.general.title": "Configuració general",
-    "pages.settings.header.description": "Configura el connector de navegació",
-    "pages.settings.header.title": "Navegació",
-    "pages.settings.nameField.title": "Configuració dels tipus de contingut",
-    "pages.settings.notification.fetch.error": "No s'ha pogut obtenir la configuració. S'està tornant a provar...",
-    "pages.settings.notification.restart.error": "No s'ha pogut reiniciar l'aplicació. Intenta fer-ho manualment.",
-    "pages.settings.notification.restart.success": "L'aplicació s'ha reiniciat correctament",
-    "pages.settings.notification.restore.error": "La restauració de la configuració ha fallat",
-    "pages.settings.notification.restore.success": "La configuració s'ha restaurat correctament",
-    "pages.settings.notification.submit.error": "L'actualització de la configuració ha fallat",
-    "pages.settings.notification.submit.success": "La configuració s'ha actualitzat correctament",
-    "pages.settings.restoring.title": "Restauració",
-    "pages.settings.section.subtitle": "Configuració",
-    "pages.settings.section.title": "Extensió de navegació",
-    "pages.view.actions.i18nCopyItems.confirmation.confirm": "Còpia",
-    "pages.view.actions.i18nCopyItems.confirmation.content": "Voleu copiar els elements de navegació?",
-    "pages.view.actions.i18nCopyItems.confirmation.header": "Confirmació",
-    "plugin.name": "Navegació",
-    "popup.item.form.audience.empty": "No hi ha més públic",
-    "popup.item.form.audience.label": "Públic",
-    "popup.item.form.audience.placeholder": "Selecciona el públic...",
-    "popup.item.form.button.cancel": "Cancel·lar",
-    "popup.item.form.button.create": "Crea un element",
-    "popup.item.form.button.remove": "Eliminar",
-    "popup.item.form.button.restore": "Restaura l'element",
-    "popup.item.form.button.save": "Desa",
-    "popup.item.form.button.update": "Actualitza l'element",
-    "popup.item.form.externalPath.label": "URL externa",
-    "popup.item.form.externalPath.placeholder": "Enllaç a la pàgina externa",
-    "popup.item.form.externalPath.validation.type": "Aquest valor no és una URL adequada.",
-    "popup.item.form.i18n.locale.button": "Còpia",
-    "popup.item.form.i18n.locale.error.generic": "No es pot copiar l'element",
-    "popup.item.form.i18n.locale.error.unavailable": "La versió local no està disponible",
-    "popup.item.form.i18n.locale.label": "Copia els detalls de",
-    "popup.item.form.i18n.locale.placeholder": "local",
-    "popup.item.form.menuAttached.label": "Adjuntar al menú",
-    "popup.item.form.path.label": "URL",
-    "popup.item.form.path.placeholder": "La part d'URL única identifica aquest element",
-    "popup.item.form.path.preview": "Vista prèvia:",
-    "popup.item.form.related.empty": "No hi ha més entitats de \"{ contentTypeName }\" per seleccionar",
-    "popup.item.form.related.label": "Entitat",
-    "popup.item.form.relatedSection.label": "Relació amb",
-    "popup.item.form.relatedType.empty": "No hi ha tipus de contingut per seleccionar",
-    "popup.item.form.relatedType.label": "Tipus de contingut",
-    "popup.item.form.relatedType.placeholder": "Selecciona el tipus de contingut...",
-    "popup.item.form.title.label": "Títol",
-    "popup.item.form.title.placeholder": "Introduïu el títol de l'element o deixeu-lo en blanc per extreure'l de l'entitat relacionada",
-    "popup.item.form.type.external.description": "Camí de sortida: {valor}",
-    "popup.item.form.type.external.label": "Pàgina externa",
-    "popup.item.form.type.internal.label": "Contingut intern",
-    "popup.item.form.type.label": "Tipus d'element de navegació",
-    "popup.item.form.type.wrapper.label": "Contenidor",
-    "popup.item.form.uiRouterKey.label": "Clau de l'encaminador de la interfície d'usuari",
-    "popup.item.form.uiRouterKey.placeholder": "Si està buit, generat automàticament per \"Títol\"",
-    "popup.item.header.edit": "Edita l'element de navegació",
-    "popup.item.header.new": "Nou element de navegació",
-    "popup.navigation.form.name.label": "Nom",
-    "popup.navigation.form.name.placeholder": "Nom del menú",
-    "popup.navigation.form.validation.name.alreadyUsed": "El nom ja s'utilitza",
-    "popup.navigation.form.validation.name.required": "El nom és obligatori",
-    "popup.navigation.form.validation.name.tooShort": "El nom és massa curt",
-    "popup.navigation.form.validation.visible.required": "Es requereix visibilitat",
-    "popup.navigation.form.visible.label": "Visibilitat",
-    "popup.navigation.manage.button.cancel": "Cancel·lar",
-    "popup.navigation.manage.button.create": "Crear",
-    "popup.navigation.manage.button.delete": "Suprimeix",
-    "popup.navigation.manage.button.edit": "Edita",
-    "popup.navigation.manage.button.goBack": "Torna",
-    "popup.navigation.manage.button.save": "Desa",
-    "popup.navigation.manage.delete.header": "S'eliminaran els menús següents:",
-    "popup.navigation.manage.error.message": "Ha passat un error :(",
-    "popup.navigation.manage.header.CREATE": "Nou menú",
-    "popup.navigation.manage.header.DELETE": "S'està suprimint",
-    "popup.navigation.manage.header.EDIT": "S'està editant \"{name}\"",
-    "popup.navigation.manage.header.ERROR": "Error",
-    "popup.navigation.manage.header.LIST": "Tots els menús",
-    "popup.navigation.manage.navigation.hidden": "amagat",
-    "popup.navigation.manage.navigation.visible": "visible",
-    "popup.navigation.manage.table.hasSelected": "{count} entrades seleccionades",
-    "popup.navigation.manage.table.id": "Id",
-    "popup.navigation.manage.table.locale": "Versions locals",
-    "popup.navigation.manage.table.name": "Nom",
-    "popup.navigation.manage.table.visibility": "Visibilitat",
-    "submit.cta.cancel": "Cancel·lar",
-    "submit.cta.save": "Desa",
-    "view.i18n.fill.cta": "o copia de",
-    "view.i18n.fill.cta.button": "còpia",
-    "view.i18n.fill.option": "{locale} local"
-}