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

package/admin/pages/HomePage/components/NavigationHeader/index.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Button, Field, Flex, Grid, SingleSelect, SingleSelectOption, Tag, } from '@strapi/design-system';
-import { Check, Information } from '@strapi/icons';
-import { Layouts, Page } from '@strapi/strapi/admin';
-import { useIntl } from 'react-intl';
-import { getTrad } from '../../../../translations';
-import { useConfig } from '../../hooks';
-import { useNavigationManager } from './hooks';
-const submitIcon = _jsx(Check, {});
-export const NavigationHeader = ({ activeNavigation, availableNavigations, structureHasErrors, structureHasChanged, handleChangeSelection, handleLocalizationSelection, handleSave, handleCachePurge, permissions = {}, locale, currentLocale, }) => {
-    const { formatMessage } = useIntl();
-    const { openNavigationManagerModal, navigationManagerModal } = useNavigationManager();
-    const hasLocalizations = !!locale.restLocale;
-    const { canUpdate } = permissions;
-    const configQuery = useConfig();
-    return (_jsxs(_Fragment, { children: [_jsx(Page.Title, { children: formatMessage(getTrad('header.title', 'UI Navigation')) }), _jsx(Layouts.Header, { title: formatMessage(getTrad('header.title', 'UI Navigation')), subtitle: formatMessage(getTrad('header.description')), primaryAction: _jsxs(Flex, { direction: "row", size: 2, children: [_jsx(Box, { children: _jsxs(Grid.Root, { gap: 4, style: configQuery.data?.isCacheEnabled ? { display: 'flex' } : undefined, children: [!hasLocalizations ? _jsx(Grid.Item, { col: 2 }) : null, canUpdate && (_jsx(Grid.Item, { col: 3, children: _jsx(Button, { onClick: openNavigationManagerModal, startIcon: null, type: "button", variant: "secondary", fullWidth: true, size: "S", children: formatMessage(getTrad('header.action.manage')) }) })), _jsx(Grid.Item, { col: canUpdate ? 4 : 10, children: _jsx(Field.Root, { width: "100%", children: _jsx(SingleSelect, { type: "select", placeholder: "Change navigation", name: "navigationSelect", onChange: (nextId) => {
-                                                    const nextNavigation = availableNavigations.find(({ id }) => nextId === id);
-                                                    if (nextNavigation) {
-                                                        handleChangeSelection(nextNavigation);
-                                                    }
-                                                }, value: activeNavigation?.id, size: "S", style: null, children: availableNavigations
-                                                    .filter(({ localeCode }) => localeCode === currentLocale)
-                                                    .map(({ id, name }) => (_jsx(SingleSelectOption, { value: id, children: name }, id))) }) }) }), hasLocalizations ? (_jsx(Grid.Item, { col: 2, children: _jsx(SingleSelect, { type: "select", placeholder: formatMessage(getTrad('pages.main.header.localization.select.placeholder')), name: "navigationLocalizationSelect", onChange: handleLocalizationSelection, value: currentLocale, size: "S", children: [locale.defaultLocale, ...locale.restLocale].map((code) => (_jsx(SingleSelectOption, { value: code, children: code }, code))) }) })) : null, canUpdate && (_jsx(Grid.Item, { col: 3, children: _jsx(Button, { onClick: handleSave, startIcon: submitIcon, disabled: structureHasErrors || !structureHasChanged, type: "submit", fullWidth: true, size: "S", children: formatMessage(getTrad('submit.cta.save')) }) })), configQuery.data?.isCacheEnabled && (_jsx(Grid.Item, { col: 3, children: _jsx(Button, { onClick: handleCachePurge, startIcon: submitIcon, variant: "danger", type: "submit", fullWidth: true, size: "S", children: formatMessage(getTrad('submit.cta.cache.purge')) }) }))] }) }), canUpdate && navigationManagerModal] }), secondaryAction: _jsx(Tag, { icon: _jsx(Information, { "aria-hidden": true }), children: activeNavigation
-                        ? formatMessage(getTrad('header.meta'), {
-                            id: activeNavigation?.id,
-                            key: activeNavigation?.slug,
-                        })
-                        : null }) })] }));
-};

package/admin/pages/HomePage/components/NavigationHeader/styles.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-import { IconButton } from '@strapi/design-system';
-export const MoreButton = styled(IconButton) `
-    margin: ${({ theme }) => `0 ${theme.spaces[2]}`};
-    padding: ${({ theme }) => theme.spaces[2]};
-
-    svg {
-        width: ${18 / 16}rem;
-        height: ${18 / 16}rem;
-    }
-`;

package/admin/pages/HomePage/components/NavigationItemForm/index.js

@@ -1,277 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Field, Grid, Modal } from '@strapi/design-system';
-import { useNotification } from '@strapi/strapi/admin';
-import { isEmpty, isNil, sortBy } from 'lodash';
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { Controller } from 'react-hook-form';
-import { useIntl } from 'react-intl';
-import { Box, MultiSelect, MultiSelectOption, SingleSelect, SingleSelectOption, TextInput, Toggle, } from '@strapi/design-system';
-import { getTrad } from '../../../../translations';
-import { RELATED_ITEM_SEPARATOR } from '../../../../utils/constants';
-import { useConfig, useContentTypeItems, useCopyNavigationItemI18n, useNavigations, } from '../../hooks';
-import { extractRelatedItemLabel } from '../../utils';
-import { AdditionalFieldInput } from '../AdditionalFieldInput';
-import { NavigationItemPopupFooter } from '../NavigationItemPopup/NavigationItemPopupFooter';
-import { useNavigationItemForm } from './utils/form';
-import { useSlug } from './utils/hooks';
-import { generatePreviewPath, generateUiRouterKey } from './utils/properties';
-import { Divider } from '@strapi/design-system';
-export const NavigationItemForm = ({ availableLocale, isLoading: isPreloading, current, onSubmit, onCancel, appendLabelPublicationStatus = appendLabelPublicationStatusFallback, locale, permissions = {}, currentNavigation, }) => {
-    const { formatMessage } = useIntl();
-    const [isLoading, setIsLoading] = useState(isPreloading);
-    const { canUpdate } = permissions;
-    const [isSingleSelected, setIsSingleSelected] = useState(false);
-    const [itemLocaleCopyValue, setItemLocaleCopyValue] = useState();
-    const configQuery = useConfig();
-    const availableAudiences = configQuery.data?.availableAudience ?? [];
-    const contentTypes = configQuery.data?.contentTypes ?? [];
-    const { control, watch, handleSubmit, setValue } = useNavigationItemForm({
-        input: {
-            isSingleSelected,
-            additionalFields: configQuery.data?.additionalFields ?? [],
-        },
-        current: current,
-    });
-    const { toggleNotification } = useNotification();
-    const copyItemFromLocaleMutation = useCopyNavigationItemI18n();
-    const navigationsQuery = useNavigations();
-    const submit = handleSubmit(async (payload) => {
-        const title = !!payload.title.trim()
-            ? payload.title
-            : getDefaultTitle(payload.related, payload.relatedType, isSingleSelected);
-        setIsLoading(true);
-        const uiRouterKey = await generateUiRouterKey({
-            slugify: slugifyMutation.mutateAsync,
-            title,
-            related: payload.related,
-            relatedType: payload.relatedType,
-        });
-        slugifyMutation.reset();
-        setIsLoading(false);
-        if (!uiRouterKey) {
-            toggleNotification({
-                type: 'warning',
-                message: formatMessage(getTrad('popup.item.form.uiRouter.unableToRender')),
-            });
-            return;
-        }
-        onSubmit(payload.type === 'INTERNAL'
-            ? {
-                ...payload,
-                title,
-                uiRouterKey,
-            }
-            : {
-                ...payload,
-                title,
-                uiRouterKey,
-            });
-    });
-    const initialRelatedTypeSelected = current.relatedType;
-    const [currentRelatedType, currentRelated, currentPath, currentType, currentTitle, autoSyncEnabled,] = watch(['relatedType', 'related', 'path', 'type', 'title', 'autoSync']);
-    const isExternal = currentType === 'EXTERNAL';
-    const pathSourceName = isExternal ? 'externalPath' : 'path';
-    const submitDisabled = (!isExternal && !isSingleSelected && isNil(currentRelated)) || isLoading;
-    const contentTypeItemsQuery = useContentTypeItems({
-        uid: currentRelatedType ?? '',
-        locale,
-    });
-    const slugifyMutation = useSlug();
-    const availableLocaleOptions = useMemo(() => availableLocale.map((locale, index) => ({
-        key: `${locale}-${index}`,
-        value: locale,
-        label: locale,
-    })), [availableLocale]);
-    const audienceOptions = useMemo(() => availableAudiences.map((item) => ({
-        value: item.id ?? 0,
-        label: item.name ?? ' ',
-    })), [availableAudiences]);
-    const getDefaultTitle = useCallback((related, relatedType, isSingleSelected) => {
-        let selectedEntity;
-        if (isSingleSelected) {
-            selectedEntity = contentTypeItemsQuery.data?.find((_) => _.uid === relatedType || _.__collectionUid === relatedType);
-            if (!selectedEntity) {
-                return contentTypes.find((_) => _.uid === relatedType)?.contentTypeName;
-            }
-        }
-        else {
-            const entity = contentTypeItemsQuery.data?.find(({ id }) => id === related);
-            selectedEntity = {
-                ...(entity || {
-                    id: -1,
-                }),
-                __collectionUid: relatedType,
-            };
-        }
-        return extractRelatedItemLabel(selectedEntity, configQuery.data);
-    }, [contentTypeItemsQuery.data, configQuery.data, contentTypes]);
-    const navigationItemTypeOptions = ['INTERNAL', 'EXTERNAL'].map((key) => {
-        return {
-            key,
-            value: key,
-            label: formatMessage(getTrad(`popup.item.form.type.${key.toLowerCase()}.label`)),
-        };
-    });
-    const relatedSelectOptions = sortBy(contentTypeItemsQuery.data?.map((item) => {
-        const label = appendLabelPublicationStatus(extractRelatedItemLabel({
-            ...item,
-            __collectionUid: currentRelatedType,
-        }, configQuery.data), item, false);
-        return {
-            key: item?.id.toString(),
-            value: item.id.toString(),
-            label: label,
-        };
-    }) ?? [], (item) => item.key);
-    const relatedTypeSelectOptions = useMemo(() => sortBy(configQuery.data?.contentTypes
-        ?.filter((contentType) => {
-        if (contentType.isSingle) {
-            return !!(currentRelatedType &&
-                [currentRelatedType, initialRelatedTypeSelected].includes(contentType.uid));
-        }
-        return true;
-    })
-        .map((item) => {
-        return {
-            key: item.uid,
-            value: item.uid,
-            label: item.contentTypeName,
-        };
-    }), (item) => item.key), [configQuery.data, currentRelatedType]);
-    const thereAreNoMoreContentTypes = isEmpty(relatedSelectOptions);
-    const onCopyFromLocale = useCallback(async (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        const source = navigationsQuery.data?.find(({ localeCode }) => localeCode === itemLocaleCopyValue);
-        if (source) {
-            setIsLoading(true);
-            copyItemFromLocaleMutation.mutate({
-                target: currentNavigation.id,
-                structureId: current.structureId,
-                source: source.id,
-            }, {
-                onSuccess(data) {
-                    copyItemFromLocaleMutation.reset();
-                    const { type, externalPath, path, related, title, uiRouterKey } = data;
-                    const [contentType, id] = related?.split(RELATED_ITEM_SEPARATOR) ?? [];
-                    setValue('type', type);
-                    setValue('externalPath', externalPath ?? undefined);
-                    setValue('path', path ?? undefined);
-                    setValue('title', title);
-                    setValue('uiRouterKey', uiRouterKey);
-                    if (contentType && id) {
-                        setValue('related', parseInt(id));
-                        setValue('relatedType', contentType);
-                    }
-                },
-                onSettled() {
-                    setIsLoading(false);
-                },
-            });
-        }
-    }, [setIsLoading, copyItemFromLocaleMutation, navigationsQuery]);
-    useEffect(() => {
-        if (currentRelatedType) {
-            const relatedType = configQuery.data?.contentTypes.find((contentType) => contentType.uid === currentRelatedType);
-            if (relatedType) {
-                setIsSingleSelected(relatedType.isSingle);
-                if (relatedType.isSingle && contentTypeItemsQuery.data?.length) {
-                    const nextRelated = contentTypeItemsQuery.data[0];
-                    if (nextRelated) {
-                        setValue('related', nextRelated.id);
-                    }
-                }
-            }
-        }
-    }, [currentRelatedType, configQuery.data, contentTypeItemsQuery.data, setValue]);
-    useEffect(() => {
-        if (autoSyncEnabled &&
-            currentType === 'INTERNAL' &&
-            currentRelated &&
-            currentRelatedType &&
-            configQuery.data) {
-            const relatedItem = contentTypeItemsQuery.data?.find((item) => {
-                return item.id === currentRelated;
-            });
-            if (relatedItem) {
-                const { contentTypesNameFields, pathDefaultFields } = configQuery.data;
-                const nextPath = pathDefaultFields[currentRelatedType]?.reduce((acc, field) => {
-                    return acc ? acc : relatedItem?.[field];
-                }, undefined);
-                const nextTitle = (contentTypesNameFields[currentRelatedType] ?? [])
-                    .concat(contentTypesNameFields.default ?? [])
-                    .reduce((acc, field) => {
-                    return acc ? acc : relatedItem?.[field];
-                }, undefined);
-                const batch = [];
-                if (nextPath && nextPath !== currentPath) {
-                    batch.push({ name: 'path', value: nextPath });
-                }
-                if (nextTitle && nextTitle !== currentTitle) {
-                    batch.push({ name: 'title', value: nextTitle });
-                }
-                setTimeout(() => {
-                    batch.forEach((next) => {
-                        setValue(next.name, next.value);
-                    });
-                }, 100);
-            }
-        }
-    }, [
-        currentTitle,
-        currentPath,
-        autoSyncEnabled,
-        currentType,
-        currentRelated,
-        currentRelatedType,
-        configQuery.data,
-        contentTypeItemsQuery.data,
-    ]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Modal.Body, { children: [_jsxs(Grid.Root, { gap: 5, children: [_jsx(Grid.Item, { alignItems: "flex-start", col: 12, children: _jsx(Controller, { control: control, name: "title", render: ({ field: { value, onChange, name }, fieldState }) => (_jsxs(Field.Root, { width: "100%", error: fieldState.error?.message, hint: formatMessage(getTrad('popup.item.form.title.placeholder', 'e.g. Blog')), children: [_jsx(Field.Label, { children: formatMessage(getTrad('popup.item.form.title.label', 'Title')) }), _jsx(TextInput, { type: "string", disabled: !canUpdate, name: name, onChange: onChange, value: value }), _jsx(Field.Hint, {}), _jsx(Field.Error, {})] })) }) }, "title"), _jsx(Grid.Item, { alignItems: "flex-start", col: currentType === 'INTERNAL' ? 4 : 7, lg: 12, children: _jsx(Controller, { control: control, name: "type", render: ({ field: { value, onChange, name }, fieldState }) => (_jsxs(Field.Root, { error: fieldState.error?.message, hint: formatMessage(getTrad('popup.item.form.title.placeholder', 'e.g. Blog')), width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('popup.item.form.type.label', 'Internal link')) }), _jsx(SingleSelect, { onChange: onChange, value: value, name: name, disabled: !configQuery.data?.contentTypes.length || !canUpdate, width: "100%", children: navigationItemTypeOptions.map(({ key, label, value }) => (_jsx(SingleSelectOption, { value: value, children: label }, key))) }), _jsx(Field.Hint, {}), _jsx(Field.Error, {})] })) }) }, "type"), _jsx(Grid.Item, { alignItems: "flex-start", col: currentType === 'INTERNAL' ? 4 : 5, lg: 12, children: _jsx(Controller, { control: control, name: "menuAttached", render: ({ field: { value, onChange, name }, fieldState }) => (_jsxs(Field.Root, { width: "100%", error: fieldState.error?.message, hint: formatMessage(getTrad('popup.item.form.menuAttached.placeholder', 'is menu item attached to menu')), children: [_jsx(Field.Label, { children: formatMessage(getTrad('popup.item.form.menuAttached.label', 'MenuAttached')) }), _jsx(Toggle, { name: name, checked: value, onChange: ({ currentTarget: { checked }, }) => {
-                                                    onChange(checked);
-                                                }, value: value, onLabel: "true", offLabel: "false", disabled: !canUpdate ||
-                                                    (configQuery.data?.cascadeMenuAttached
-                                                        ? !(current.isMenuAllowedLevel && current.parentAttachedToMenu)
-                                                        : false), width: "100%" }), _jsx(Field.Hint, {}), _jsx(Field.Error, {})] })) }) }, "menuAttached"), currentType === 'INTERNAL' && (_jsx(Grid.Item, { alignItems: "flex-start", col: 4, lg: 12, children: _jsx(Controller, { control: control, name: "autoSync", render: ({ field: { value, onChange, name }, fieldState }) => (_jsxs(Field.Root, { error: fieldState.error?.message, width: "230px", children: [_jsx(Field.Label, { children: formatMessage(getTrad('popup.item.form.autoSync.label', 'Read fields from related')) }), _jsx(Toggle, { name: name, checked: value, onChange: ({ currentTarget: { checked }, }) => {
-                                                    onChange(checked);
-                                                }, onLabel: "Enabled", offLabel: "Disabled" }), _jsx(Field.Error, {})] })) }) }, "autoSync")), _jsx(Grid.Item, { alignItems: "flex-start", col: 12, children: _jsx(Controller, { control: control, name: pathSourceName, render: ({ field: { value, onChange, name }, fieldState }) => {
-                                        const pathDefault = generatePreviewPath({
-                                            currentPath,
-                                            isExternal,
-                                            current,
-                                            currentType,
-                                            config: configQuery.data,
-                                            contentTypeItems: contentTypeItemsQuery.data,
-                                            currentRelated,
-                                            currentRelatedType,
-                                            isSingleSelected,
-                                        });
-                                        return (_jsxs(Field.Root, { error: fieldState.error?.message, hint: [
-                                                formatMessage(getTrad(`popup.item.form.${pathSourceName}.placeholder`, 'e.g. Blog')),
-                                                pathDefault
-                                                    ? formatMessage(getTrad('popup.item.form.type.external.description'), {
-                                                        value: pathDefault,
-                                                    })
-                                                    : '',
-                                            ].join(' '), width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad(`popup.item.form.${pathSourceName}.label`, 'Path')) }), _jsx(TextInput, { disabled: !canUpdate, name: name, onChange: onChange, value: value, width: "100%" }), _jsx(Field.Hint, {}), _jsx(Field.Error, {})] }));
-                                    } }) }, "path"), currentType === 'INTERNAL' && (_jsxs(_Fragment, { children: [_jsx(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, children: _jsx(Controller, { control: control, name: "relatedType", render: ({ field: { value, onChange, name }, fieldState }) => (_jsxs(Field.Root, { width: "100%", error: fieldState.error?.message, hint: !isLoading && isEmpty(relatedTypeSelectOptions)
-                                                    ? formatMessage(getTrad('popup.item.form.relatedType.empty', 'There are no more content types'))
-                                                    : undefined, children: [_jsx(Field.Label, { children: formatMessage(getTrad('popup.item.form.relatedType.label', 'Related Type')) }), _jsx(SingleSelect, { name: name, onChange: (nextType) => {
-                                                            onChange(nextType);
-                                                            setValue('related', undefined);
-                                                        }, value: value, disabled: !configQuery.data?.contentTypes.length || !canUpdate, width: "100%", children: configQuery.data?.contentTypes.map((contentType) => (_jsx(SingleSelectOption, { value: contentType.uid, children: contentType.contentTypeName }, contentType.uid))) }), _jsx(Field.Hint, {}), _jsx(Field.Error, {})] })) }) }), currentRelatedType && !isSingleSelected && (_jsx(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, children: _jsx(Controller, { control: control, name: "related", render: ({ field: { value, onChange, name }, fieldState }) => (_jsxs(Field.Root, { error: fieldState.error?.message, hint: !isLoading && thereAreNoMoreContentTypes
-                                                    ? formatMessage(getTrad('popup.item.form.related.empty', 'There are no more entities'), { contentTypeName: currentRelatedType })
-                                                    : undefined, width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('popup.item.form.related.label', 'Related')) }), _jsx(SingleSelect, { name: name, onChange: (next) => {
-                                                            onChange(parseInt(next, 10));
-                                                        }, value: value, options: relatedSelectOptions, disabled: isLoading || thereAreNoMoreContentTypes || !canUpdate, width: "100%", children: relatedSelectOptions.map(({ key, label, value }) => (_jsx(SingleSelectOption, { value: value, children: label }, key))) }), _jsx(Field.Hint, {}), _jsx(Field.Error, {})] })) }) }))] })), configQuery.data?.additionalFields.map((additionalField) => {
-                                if (additionalField === 'audience') {
-                                    return (_jsx(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, children: _jsx(Controller, { control: control, name: "audience", render: ({ field: { value, onChange, name }, fieldState }) => (_jsxs(Field.Root, { error: fieldState.error?.message, hint: !isLoading && isEmpty(audienceOptions)
-                                                    ? formatMessage(getTrad('popup.item.form.title.placeholder', 'e.g. Blog'))
-                                                    : undefined, width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('popup.item.form.audience.label')) }), _jsx(MultiSelect, { name: name, value: value?.map((x) => x.toString()), onChange: (next) => onChange(next.map(Number)), width: "100%", children: audienceOptions.map(({ value, label }) => (_jsx(MultiSelectOption, { value: value.toString(), children: label }, value))) }), _jsx(Field.Hint, {}), _jsx(Field.Error, {})] })) }) }, "audience"));
-                                }
-                                else {
-                                    return (_jsxs(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, children: [additionalField.name, _jsx(Controller, { control: control, name: `additionalFields.${additionalField.name}`, render: ({ field: { value, onChange }, fieldState }) => (_jsxs(Field.Root, { error: fieldState.error?.message, children: [_jsx(AdditionalFieldInput, { field: additionalField, isLoading: isLoading, onChange: onChange, value: value, disabled: !canUpdate }), _jsx(Field.Error, {})] })) })] }, additionalField.name));
-                                }
-                            })] }), availableLocaleOptions && (availableLocaleOptions.length > 1) && (_jsxs(_Fragment, { children: [_jsx(Divider, { marginTop: 5, marginBottom: 5 }), _jsxs(Grid.Root, { gap: 5, children: [_jsx(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, children: _jsxs(Field.Root, { width: "100%", children: [_jsx(Field.Label, { children: formatMessage(getTrad('popup.item.form.i18n.locale.label', 'Copy details from')) }), _jsx(SingleSelect, { name: "i18n.locale", onChange: setItemLocaleCopyValue, value: itemLocaleCopyValue, disabled: isLoading || !canUpdate, placeholder: formatMessage(getTrad('popup.item.form.i18n.locale.placeholder', 'locale')), children: availableLocaleOptions.map(({ key, label, value }) => (_jsx(SingleSelectOption, { value: value, children: label }, key))) })] }) }), canUpdate && (_jsx(Grid.Item, { alignItems: "flex-start", col: 6, lg: 12, paddingTop: 6, children: _jsx(Box, { children: _jsx(Button, { variant: "tertiary", onClick: onCopyFromLocale, disabled: isLoading || !itemLocaleCopyValue, children: formatMessage(getTrad('popup.item.form.i18n.locale.button')) }) }) }))] })] }))] }), _jsx(NavigationItemPopupFooter, { handleSubmit: submit, handleCancel: onCancel, submitDisabled: submitDisabled, canUpdate: canUpdate })] }));
-};
-const appendLabelPublicationStatusFallback = () => '';

package/admin/pages/HomePage/components/NavigationItemForm/types.js

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

package/admin/pages/HomePage/components/NavigationItemForm/utils/form.js

@@ -1,105 +0,0 @@
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-const externalPathRegexps = [
-    /^mailto:[\w-\.]+@([\w-]+\.)+[\w-]{2,}$/,
-    /^tel:(\+\d{1,3})?[\s]?(\(?\d{2,3}\)?)?[\s.-]?(\d{3})?[\s.-]?\d{3,4}$/,
-    /^#.*/,
-    /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/,
-];
-const navigationItemCommon = ({ additionalFields }) => z.object({
-    title: z.string(),
-    autoSync: z.boolean().optional(),
-    removed: z.boolean().optional(),
-    updated: z.boolean().optional(),
-    uiRouterKey: z.string(),
-    levelPath: z.string().optional(),
-    isMenuAllowedLevel: z.boolean().optional(),
-    parentAttachedToMenu: z.boolean().optional(),
-    viewId: z.number().optional(),
-    structureId: z.string().optional(),
-    menuAttached: z.boolean().optional(),
-    collapsed: z.boolean().optional(),
-    isSearchActive: z.boolean().optional(),
-    viewParentId: z.number().optional(),
-    id: z.number().optional(),
-    audience: z.number().array().optional(),
-    order: z.number().optional(),
-    items: z.any().array().optional(),
-    additionalFields: z.object(additionalFields.reduce((acc, field) => {
-        if (typeof field === 'string') {
-            return acc;
-        }
-        switch (field.type) {
-            case 'string':
-                acc[field.name] = field.required ? z.string() : z.string().optional();
-                break;
-            case 'boolean':
-                acc[field.name] = field.required ? z.boolean() : z.boolean().optional();
-            case 'media':
-                acc[field.name] = field.required ? z.any() : z.any().optional();
-            case 'select': {
-                if (field.multi) {
-                    acc[field.name] = field.required ? z.string().array() : z.string().array().optional();
-                }
-                else {
-                    acc[field.name] = field.required ? z.string() : z.string().optional();
-                }
-                break;
-            }
-            default:
-                break;
-        }
-        return acc;
-    }, {})),
-});
-const navigationInternalItemFormSchema = ({ additionalFields, isSingleSelected, }) => navigationItemCommon({
-    additionalFields,
-    isSingleSelected,
-}).extend({
-    type: z.literal('INTERNAL'),
-    path: z.string(),
-    externalPath: z.string().optional(),
-    relatedType: z.string(),
-    related: isSingleSelected ? z.number().optional() : z.number(),
-});
-const navigationExternalItemFormSchema = ({ isSingleSelected, additionalFields, }) => navigationItemCommon({
-    additionalFields,
-    isSingleSelected,
-}).extend({
-    type: z.literal('EXTERNAL'),
-    path: z.string().or(z.null()).optional(),
-    externalPath: z
-        .string()
-        .min(1)
-        .refine((path) => externalPathRegexps.some((re) => re.test(path))),
-    relatedType: z.string().optional(),
-    related: z.number().optional(),
-});
-const navigationItemFormSchema = (input) => z.discriminatedUnion('type', [
-    navigationExternalItemFormSchema(input),
-    navigationInternalItemFormSchema(input),
-]);
-export const useNavigationItemForm = ({ input, current = defaultValues, }) => {
-    return useForm({
-        resolver: zodResolver(navigationItemFormSchema(input)),
-        values: {
-            ...defaultValues,
-            ...current,
-            updated: !!current.id,
-        },
-    });
-};
-export const defaultValues = {
-    autoSync: true,
-    type: 'INTERNAL',
-    relatedType: '',
-    menuAttached: false,
-    title: '',
-    externalPath: '',
-    path: '',
-    additionalFields: {},
-    audience: [],
-    updated: false,
-    uiRouterKey: '',
-};

package/admin/pages/HomePage/components/NavigationItemForm/utils/hooks.js

@@ -1,12 +0,0 @@
-import { getFetchClient } from '@strapi/strapi/admin';
-import { useMutation } from '@tanstack/react-query';
-import { getApiClient } from '../../../../../api';
-export const useSlug = () => {
-    const fetch = getFetchClient();
-    const apiClient = getApiClient(fetch);
-    return useMutation({
-        mutationFn(query) {
-            return apiClient.slugify(query);
-        },
-    });
-};

package/admin/pages/HomePage/components/NavigationItemForm/utils/properties.js

@@ -1,51 +0,0 @@
-import { first, isEmpty } from 'lodash';
-import { extractRelatedItemLabel } from '../../../../HomePage/utils';
-export const generateUiRouterKey = async ({ slugify, title, config, related, relatedType, contentTypeItems, }) => {
-    if (title) {
-        return title ? await slugify(title) : undefined;
-    }
-    else if (related) {
-        const relationTitle = extractRelatedItemLabel({
-            ...(contentTypeItems?.find((_) => _.id === related) ?? {
-                id: -1,
-            }),
-            __collectionUid: relatedType,
-        }, config);
-        return relationTitle ? await slugify(relationTitle) : undefined;
-    }
-    return undefined;
-};
-export const getDefaultPath = ({ currentType, config, contentTypeItems, currentRelated, currentRelatedType, isSingleSelected, }) => {
-    if (currentType !== 'INTERNAL')
-        return '';
-    if (!currentRelatedType) {
-        return '';
-    }
-    const pathDefaultFields = config?.pathDefaultFields[currentRelatedType] ?? [];
-    if (isEmpty(currentType) && !isEmpty(pathDefaultFields)) {
-        const selectedEntity = isSingleSelected
-            ? first(contentTypeItems ?? [])
-            : contentTypeItems?.find(({ id }) => id === currentRelated);
-        const pathDefaultValues = pathDefaultFields
-            .map((field) => selectedEntity?.[field] ?? '')
-            .filter((value) => !!value.toString().trim());
-        return pathDefaultValues[0] ?? '';
-    }
-    return '';
-};
-export const generatePreviewPath = ({ currentPath, isExternal, current, currentType, config, contentTypeItems, currentRelated, currentRelatedType, isSingleSelected, }) => {
-    if (!isExternal) {
-        const itemPath = isEmpty(currentPath) || currentPath === '/'
-            ? getDefaultPath({
-                currentType,
-                config,
-                contentTypeItems,
-                currentRelated,
-                currentRelatedType,
-                isSingleSelected,
-            })
-            : currentPath || '';
-        return `${current.levelPath !== '/' ? `${current.levelPath}` : ''}/${itemPath}`;
-    }
-    return undefined;
-};

package/admin/pages/HomePage/components/NavigationItemList/Wrapper.js

@@ -1,21 +0,0 @@
-import styled from 'styled-components';
-const Wrapper = styled.div `
-  position: relative;
-  ${({ level, theme }) => level &&
-    `
-    &::before {
-      content: "";
-      display: block;
-      height: ${theme.spaces[3]};
-      width: 19px;
-
-      position: absolute;
-      top: -${theme.spaces[2]};
-      left: 30px;
-      
-      border: 0px solid transparent;
-      border-left: 4px solid ${theme.colors.neutral300};
-    }
-  `};
-`;
-export default Wrapper;

package/admin/pages/HomePage/components/NavigationItemList/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Item, } from '../NavigationItemListItem';
-import Wrapper from './Wrapper';
-export const List = ({ isParentAttachedToMenu = false, items, level = 0, levelPath = '', onItemEdit, onItemLevelAdd, onItemRemove, onItemRestore, onItemReOrder, onItemToggleCollapse, displayFlat, permissions, structurePrefix, viewParentId, }) => (_jsx(Wrapper, { "data-level": level, children: items?.map((item, index) => {
-        return (_jsx(Item, { item: item, isLast: index === items.length - 1, level: level, levelPath: levelPath, isParentAttachedToMenu: isParentAttachedToMenu, onItemRestore: onItemRestore, onItemLevelAdd: onItemLevelAdd, onItemRemove: onItemRemove, onItemEdit: onItemEdit, onItemReOrder: onItemReOrder, onItemToggleCollapse: onItemToggleCollapse, displayChildren: displayFlat, permissions: permissions, structureId: structurePrefix ? `${structurePrefix}.${index}` : index.toString(), viewParentId: viewParentId }, `list-item-${item.viewId || index}`));
-    }) }));

package/admin/pages/HomePage/components/NavigationItemListItem/ItemCardBadge/index.js

@@ -1,20 +0,0 @@
-import { Badge } from '@strapi/design-system';
-import styled from 'styled-components';
-export const ItemCardBadge = styled(Badge) `
-  border: 1px solid ${({ theme, borderColor }) => theme.colors[borderColor]};
-
-  ${({ small, theme }) => small &&
-    `
-			padding: ${theme.spaces[1]} ${theme.spaces[2]};
-			margin: 0px ${theme.spaces[3]};
-			vertical-align: middle;
-
-			cursor: default;
-
-			span {
-				font-size: .65rem;
-				line-height: 1;
-				vertical-align: middle;
-			}
-		`}
-`;

package/admin/pages/HomePage/components/NavigationItemListItem/ItemCardHeader/Wrapper.js

@@ -1,14 +0,0 @@
-import { CardTitle } from '@strapi/design-system';
-import styled from 'styled-components';
-export const CardItemTitle = styled(CardTitle) `
-  width: 100%;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-
-  > div > * {
-    margin: 0px ${({ theme }) => theme.spaces[1]};
-  }
-`;

package/admin/pages/HomePage/components/NavigationItemListItem/ItemCardHeader/icons.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Eye, Pencil, Trash, Typhoon } from '@strapi/icons';
-export const pencilIcon = _jsx(Pencil, {});
-export const refreshIcon = _jsx(Typhoon, {});
-export const trashIcon = _jsx(Trash, {});
-export const eyeIcon = _jsx(Eye, {});

package/admin/pages/HomePage/components/NavigationItemListItem/ItemCardHeader/index.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { IconButton as BaseIconButton, Flex, Typography } from '@strapi/design-system';
-import { useIntl } from 'react-intl';
-import styled from 'styled-components';
-import { getTrad } from '../../../../../translations';
-import DragButton from '../../DragButton';
-import { ItemCardBadge } from '../ItemCardBadge';
-import { CardItemTitle } from './Wrapper';
-import { eyeIcon, pencilIcon, refreshIcon, trashIcon } from './icons';
-const wrapperStyle = { zIndex: 2 };
-const pathWrapperStyle = { maxWidth: '425px' };
-export const ItemCardHeader = ({ title, path, icon, removed, canUpdate, onItemRemove, onItemEdit, onItemRestore, dragRef, isSearchActive, }) => {
-    const { formatMessage } = useIntl();
-    return (_jsxs(CardItemTitle, { children: [_jsxs(Flex, { alignItems: "center", children: [canUpdate && _jsx(DragButton, { ref: dragRef, isActive: isSearchActive }), _jsx(Typography, { variant: "omega", fontWeight: "bold", children: title }), _jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "neutral500", ellipsis: true, style: pathWrapperStyle, children: path }), _jsx(Flex, { children: icon })] }), _jsxs(Flex, { alignItems: "center", style: wrapperStyle, children: [removed && (_jsx(ItemCardBadge, { borderColor: "danger200", backgroundColor: "danger100", textColor: "danger600", children: formatMessage(getTrad('components.navigationItem.badge.removed')) })), _jsx(IconButton, { isActive: isSearchActive, disabled: removed, onClick: onItemEdit, label: formatMessage(getTrad(`components.navigationItem.action.${canUpdate ? 'edit' : 'view'}`, canUpdate ? 'Edit' : 'View')), children: canUpdate ? pencilIcon : eyeIcon }), canUpdate && (_jsx(_Fragment, { children: removed ? (_jsx(IconButton, { isActive: isSearchActive, onClick: onItemRestore, label: formatMessage(getTrad('components.navigationItem.action.restore', 'Restore')), children: refreshIcon })) : (_jsx(IconButton, { isActive: isSearchActive, onClick: onItemRemove, label: formatMessage(getTrad('components.navigationItem.action.remove', 'Remove')), children: trashIcon })) }))] })] }));
-};
-const IconButton = styled(BaseIconButton) `
-  transition: background-color 0.3s ease-in;
-  ${({ isActive, theme }) => (isActive ? `background-color: ${theme.colors.neutral150} ;` : '')}
-`;

package/admin/pages/HomePage/components/NavigationItemListItem/ItemCardRemovedOverlay/index.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-export const ItemCardRemovedOverlay = styled.div `
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  right: 0;
-  z-index: 1;
-
-  background: rgba(255, 255, 255, 0.75);
-`;