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

package/admin/api/client.js

@@ -1,107 +0,0 @@
-import { once } from 'lodash';
-import { strapiContentTypeSchema } from '../schemas';
-import { configFromServerSchema, i18nCopyItemDetails, localeSchema, navigationSchema, slugifyResult, strapiContentTypeItemSchema, } from './validators';
-const URL_PREFIX = 'navigation';
-export const getApiClient = once((fetch) => ({
-    getIndexPrefix() {
-        return [URL_PREFIX];
-    },
-    readAll() {
-        return fetch.get(`/${URL_PREFIX}`).then(({ data }) => navigationSchema.array().parse(data));
-    },
-    readAllIndex() {
-        return [URL_PREFIX, 'navigations'];
-    },
-    delete(id) {
-        return fetch.del(`/${URL_PREFIX}/${id}`);
-    },
-    create(body) {
-        return fetch.post(`/${URL_PREFIX}/`, body);
-    },
-    update(body) {
-        return fetch.put(`/${URL_PREFIX}/${body.id}`, body);
-    },
-    purge({ id, withLangVersions }) {
-        return fetch.del(`/${URL_PREFIX}/cache/purge/${id ?? ''}?clearLocalisations=${!!withLangVersions}`);
-    },
-    slugify(query) {
-        const queryParams = new URLSearchParams();
-        queryParams.append('q', query);
-        return fetch
-            .get(`/${URL_PREFIX}/slug?${queryParams.toString()}`)
-            .then(({ data }) => slugifyResult.parse(data))
-            .then(({ slug }) => slug);
-    },
-    readConfig() {
-        return fetch
-            .get(`/${URL_PREFIX}/config`)
-            .then(({ data }) => configFromServerSchema.parse(data));
-    },
-    readConfigIndex() {
-        return [URL_PREFIX, 'config'];
-    },
-    readNavigationItemFromLocale({ source, structureId, target, }) {
-        return fetch.get(`/${URL_PREFIX}/i18n/item/read/${source}/${target}?path=${structureId}`);
-    },
-    updateConfig(body) {
-        return fetch.put(`/${URL_PREFIX}/config`, body).then(() => { });
-    },
-    restart() {
-        return fetch.get(`/${URL_PREFIX}/settings/restart`).then(() => { });
-    },
-    restoreConfig() {
-        return fetch.del(`/${URL_PREFIX}/config`).then(() => { });
-    },
-    readSettingsConfig() {
-        return fetch.get(`/${URL_PREFIX}/settings/config`).then(({ data }) => {
-            const fromServer = configFromServerSchema.parse(data);
-            return {
-                ...fromServer,
-                contentTypes: fromServer.contentTypes.map(({ uid }) => uid),
-            };
-        });
-    },
-    readSettingsConfigIndex() {
-        return [URL_PREFIX, 'config'];
-    },
-    readContentType() {
-        return fetch
-            .get(`/content-manager/content-types`)
-            .then(({ data }) => strapiContentTypeSchema.array().parse(data.data));
-    },
-    readContentTypeIndex() {
-        return [URL_PREFIX, 'content-manager', 'content-types'];
-    },
-    readContentTypeItems({ uid, locale, query }) {
-        const queryParams = new URLSearchParams();
-        queryParams.append('_publicationState', 'preview');
-        if (query) {
-            queryParams.append('_q', query);
-        }
-        if (locale) {
-            queryParams.append('localeCode', locale);
-        }
-        return fetch
-            .get(`/${URL_PREFIX}/content-type-items/${uid}?${queryParams.toString()}`)
-            .then(({ data }) => strapiContentTypeItemSchema.array().parse(data));
-    },
-    readContentTypeItemsIndex({ uid, locale, query, }) {
-        return [URL_PREFIX, 'content-manager', 'content-type-items', uid, locale, query];
-    },
-    readLocale() {
-        return fetch
-            .get(`/${URL_PREFIX}/settings/locale`)
-            .then((data) => localeSchema.parse(data.data));
-    },
-    readLocaleIndex() {
-        return [URL_PREFIX, 'locale'];
-    },
-    copyNavigationLocale({ source, target }) {
-        return fetch.put(`/${URL_PREFIX}/i18n/copy/${source}/${target}`);
-    },
-    copyNavigationItemLocale({ source, structureId = '', target, }) {
-        return fetch
-            .get(`/${URL_PREFIX}/i18n/item/read/${source}/${target}?path=${structureId}`)
-            .then((data) => i18nCopyItemDetails.parse(data.data));
-    },
-}));

package/admin/api/validators.js

@@ -1,248 +0,0 @@
-import * as z from 'zod';
-export const audienceDBSchema = z.object({
-    id: z.number(),
-    name: z.string(),
-    key: z.string(),
-});
-export const navigationItemTypeSchema = z.enum(['INTERNAL', 'EXTERNAL']);
-const navigationItemBaseSchema = z.object({
-    id: z.number(),
-    title: z.string(),
-    type: navigationItemTypeSchema,
-    path: z.string(),
-    externalPath: z.string().or(z.null()).optional(),
-    uiRouterKey: z.string(),
-    menuAttached: z.boolean(),
-    order: z.number().int(),
-    collapsed: z.boolean(),
-    autoSync: z.boolean().or(z.null()).optional(),
-    related: z.string().or(z.null()).optional(),
-    additionalFields: z.record(z.string(), z.unknown()).or(z.null()).optional(),
-    audience: z.array(audienceDBSchema).or(z.null()).optional(),
-    viewId: z.number().optional(),
-    viewParentId: z.number().optional(),
-    structureId: z.string().optional(),
-    removed: z.boolean().optional(),
-    isSearchActive: z.boolean().optional(),
-    updated: z.boolean().optional(),
-});
-export const navigationItemSchema = navigationItemBaseSchema.extend({
-    items: z.lazy(() => navigationItemSchema.array().or(z.null())).optional(),
-});
-export const navigationSchema = z.object({
-    id: z.number(),
-    documentId: z.string(),
-    name: z.string(),
-    slug: z.string(),
-    localeCode: z.string(),
-    visible: z.boolean(),
-    items: z.array(navigationItemSchema),
-});
-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 = navigationItemCustomFieldPrimitive
-    .or(navigationItemCustomFieldMedia)
-    .or(navigationItemCustomFieldSelect);
-export const navigationItemAdditionalField = z.union([
-    z.literal('audience'),
-    navigationItemCustomField,
-]);
-export const configContentTypeSchema = z.object({
-    uid: z.string(),
-    name: z.string(),
-    draftAndPublish: z.boolean(),
-    isSingle: z.boolean(),
-    description: z.string(),
-    collectionName: z.string(),
-    contentTypeName: z.string(),
-    label: z.string(),
-    labelSingular: z.string(),
-    endpoint: z.string(),
-    available: z.boolean(),
-    visible: z.boolean(),
-});
-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.string().array()),
-    cascadeMenuAttached: z.boolean(),
-    preferCustomContentTypes: z.boolean(),
-    allowedContentTypes: z.string().array(),
-    restrictedContentTypes: z.string().array(),
-    isCacheEnabled: z.boolean().optional(),
-    isCachePluginEnabled: z.boolean().optional(),
-});
-export const configFromServerSchema = configSchema
-    .omit({
-    contentTypes: true,
-})
-    .extend({
-    contentTypes: configContentTypeSchema.array(),
-});
-export const localeSchema = z.object({
-    defaultLocale: z.string(),
-    restLocale: z.string().array(),
-});
-export const contentType = z.enum(['collectionType', 'singleType']);
-export const contentTypeInfo = z.object({
-    singularName: z.string(),
-    pluralName: z.string(),
-    displayName: z.string(),
-    description: z.string().optional(),
-    name: z.string().optional(),
-});
-export const contentTypeAttributeValidator = z.object({
-    required: z.boolean().optional(),
-    max: z.number().optional(),
-    min: z.number().optional(),
-    minLength: z.number().optional(),
-    maxLength: z.number().optional(),
-    private: z.boolean().optional(),
-    configurable: z.boolean().optional(),
-    default: z.any().optional(),
-});
-export const contentTypeFieldTypeSchema = z.enum([
-    'string',
-    'text',
-    'richtext',
-    'blocks',
-    'email',
-    'password',
-    'date',
-    'time',
-    'datetime',
-    'timestamp',
-    'boolean',
-    'integer',
-    'biginteger',
-    'float',
-    'decimal',
-    'json',
-    'relation',
-]);
-export const simpleContentTypeAttribute = contentTypeAttributeValidator.extend({
-    type: contentTypeFieldTypeSchema,
-});
-export const contentTypeEnumerationAttribute = contentTypeAttributeValidator.extend({
-    type: z.literal('enumeration'),
-    enum: z.string().array(),
-});
-export const contentTypeComponentAttribute = z.object({
-    type: z.literal('component'),
-    component: z.string(),
-    repeatable: z.boolean().optional(),
-});
-export const contentTypeDynamicZoneAttribute = z.object({
-    type: z.literal('dynamiczone'),
-    components: z.string().array(),
-});
-export const contentTypeMediaAttribute = z.object({
-    media: z.literal('media'),
-    allowedTypes: z.enum(['images', 'videos', 'files']).array(),
-    required: z.boolean().optional(),
-});
-export const contentTypeRelationType = z.enum([
-    'oneToOne',
-    'oneToMany',
-    'manyToOne',
-    'manyToMany',
-    'morphToMany',
-    'manyToMorph',
-]);
-export const contentTypeRelationAttribute = z.object({
-    type: z.literal('relation'),
-    relation: contentTypeRelationType,
-    target: z.string(),
-    mappedBy: z.string().optional(),
-    inversedBy: z.string().optional(),
-});
-export const contentTypeAttributes = z.record(z.string(), z.union([
-    simpleContentTypeAttribute,
-    contentTypeEnumerationAttribute,
-    contentTypeComponentAttribute,
-    contentTypeDynamicZoneAttribute,
-    contentTypeRelationAttribute,
-    contentTypeMediaAttribute,
-]));
-export const contentTypeFullSchema = z.object({
-    kind: contentType,
-    collectionName: z.string(),
-    info: contentTypeInfo,
-    options: z
-        .object({
-        draftAndPublish: z.boolean().optional(),
-        hidden: z.boolean().optional(),
-        templateName: z.string().optional(),
-    })
-        .optional(),
-    attributes: contentTypeAttributes,
-    actions: z.record(z.string(), z.any()).optional(),
-    lifecycles: z.record(z.string(), z.any()).optional(),
-    uid: z.string(),
-    apiName: z.string().optional(),
-    // TODO?: remove
-    associations: z
-        .object({
-        model: z.string(),
-        alias: z.string(),
-    })
-        .array()
-        .optional(),
-    modelName: z.string().optional(),
-    plugin: z.string().optional(),
-    pluginOptions: z.record(z.string(), z.any()).optional(),
-    isSingle: z.boolean().optional(),
-});
-export const contentTypeSchema = contentTypeFullSchema.pick({
-    info: true,
-    kind: true,
-    attributes: true,
-    options: true,
-});
-export const strapiContentTypeItemSchema = z
-    .object({
-    id: z.number(),
-    locale: z.string().optional(),
-})
-    .and(z.record(z.string(), z.any()));
-export const slugifyResult = z.object({ slug: z.string() });
-export const i18nCopyItemDetails = z.object({
-    externalPath: z.string().or(z.null()).optional(),
-    path: z.string().or(z.null()).optional(),
-    related: z.string().or(z.null()).optional(),
-    title: z.string(),
-    type: navigationItemTypeSchema,
-    uiRouterKey: z.string(),
-});

package/admin/components/ConfirmationDialog/index.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- *
- * Entity Details
- *
- */
-import { Button, Dialog, Flex, Typography } from '@strapi/design-system';
-import { Check, WarningCircle } from '@strapi/icons';
-import { useIntl } from 'react-intl';
-import { getTrad } from '../../translations';
-const DEFAULT_ICON = _jsx(WarningCircle, {});
-export const ConfirmationDialog = ({ isVisible = false, isActionAsync = false, children, onConfirm, onCancel, header, labelCancel, labelConfirm, iconConfirm, mainIcon = DEFAULT_ICON, }) => {
-    const { formatMessage } = useIntl();
-    return isVisible ? (_jsx(Dialog.Root, { open: isVisible, onOpenChange: (isOpen) => {
-            if (!isOpen && isVisible) {
-                onCancel?.(undefined);
-            }
-        }, title: header || formatMessage(getTrad('components.confirmation.dialog.header', 'Confirmation')), children: _jsxs(Dialog.Content, { children: [_jsx(Dialog.Body, { icon: mainIcon, children: _jsx(Flex, { justifyContent: "center", children: _jsx(Typography, { id: "dialog-confirm-description", children: children || formatMessage(getTrad('components.confirmation.dialog.description')) }) }) }), _jsxs(Dialog.Footer, { children: [_jsx(Dialog.Cancel, { children: _jsx(Button, { fullWidth: true, onClick: onCancel, variant: "tertiary", disabled: isActionAsync, children: labelCancel ||
-                                    formatMessage(getTrad('components.confirmation.dialog.button.cancel', 'Cancel')) }) }), _jsx(Button, { fullWidth: true, onClick: onConfirm, variant: "danger-light", startIcon: iconConfirm || _jsx(Check, {}), disabled: isActionAsync, children: labelConfirm ||
-                                formatMessage(getTrad('components.confirmation.dialog.button.confirm', 'Confirm')) })] })] }) })) : null;
-};

package/admin/components/Initializer.js

@@ -1,10 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { PLUGIN_ID } from '../pluginId';
-const Initializer = ({ setPlugin }) => {
-    const ref = useRef(setPlugin);
-    useEffect(() => {
-        ref.current?.(PLUGIN_ID);
-    }, []);
-    return null;
-};
-export { Initializer };

package/admin/components/RestartAlert/index.js

@@ -1,7 +0,0 @@
-import { Alert } from '@strapi/design-system';
-import styled from 'styled-components';
-export const RestartAlert = styled(Alert) `
-  [role='status'] {
-    flex-direction: column;
-  }
-`;

package/admin/components/TextArrayInput/index.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextInput } from '@strapi/design-system';
-import { isArray } from 'lodash';
-import { useState } from 'react';
-const TextArrayInput = ({ onChange, initialValue, ...props }) => {
-    const [value, setValue] = useState(isArray(initialValue) ? initialValue.reduce((acc, cur) => `${acc}${cur}; `, '') : '');
-    const handleOnChange = ({ target: { value } }) => {
-        const newValue = value;
-        const valuesArray = newValue
-            .split(';')
-            .map((v) => v.trim())
-            .filter((v) => !!v.length);
-        setValue(value);
-        onChange(valuesArray);
-    };
-    return _jsx(TextInput, { ...props, onChange: handleOnChange, value: value });
-};
-export default TextArrayInput;

package/admin/components/icons/navigation.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-const initSize = 92;
-const NavigationIconSvg = styled.svg `
-  path {
-    fill: ${({ theme }) => theme.colors.neutral500};
-  }
-`;
-export const NavigationIcon = ({ width = 24, height = 24 }) => (_jsx(NavigationIconSvg, { viewBox: `0px 0px ${width}px ${height}px`, xmlns: "http://www.w3.org/2000/svg", height: height, width: width, children: _jsx("g", { style: { transform: `scale(${width / initSize})` }, children: _jsx("path", { d: "M78,23.5H14c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5h64c3.6,0,6.5,2.9,6.5,6.5S81.6,23.5,78,23.5z M84.5,46\n        c0-3.6-2.9-6.5-6.5-6.5H14c-3.6,0-6.5,2.9-6.5,6.5s2.9,6.5,6.5,6.5h64C81.6,52.5,84.5,49.6,84.5,46z M84.5,75c0-3.6-2.9-6.5-6.5-6.5\n        H14c-3.6,0-6.5,2.9-6.5,6.5s2.9,6.5,6.5,6.5h64C81.6,81.5,84.5,78.6,84.5,75z" }) }) }));

package/admin/components/icons/pluginIcon.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- *
- * PluginIcon
- *
- */
-import { NavigationIcon } from './navigation';
-const PluginIcon = () => _jsx(NavigationIcon, {});
-export { PluginIcon };

package/admin/index.js

@@ -1,48 +0,0 @@
-import { Initializer } from './components/Initializer';
-import { PluginIcon } from './components/icons/pluginIcon';
-import App from './pages/App';
-import SettingsPage from './pages/SettingsPage';
-import { PLUGIN_ID } from './pluginId';
-import trads, { getTrad } from './translations';
-import pluginPermissions from './utils/permissions';
-import { prefixPluginTranslations } from './utils/prefixPluginTranslations';
-export default {
-    register(app) {
-        app.createSettingSection({
-            id: PLUGIN_ID,
-            intlLabel: getTrad('pages.settings.section.title', 'Navigation Plugin'),
-        }, [
-            {
-                intlLabel: getTrad('pages.settings.section.subtitle', 'Configuration'),
-                id: 'navigation',
-                to: PLUGIN_ID,
-                Component() {
-                    return SettingsPage;
-                },
-                permissions: pluginPermissions.settings,
-            },
-        ]);
-        app.addMenuLink({
-            to: `plugins/${PLUGIN_ID}`,
-            icon: PluginIcon,
-            intlLabel: getTrad('plugin.name', 'Navigation'),
-            Component() {
-                return App;
-            },
-            permissions: pluginPermissions.access,
-            position: 1,
-        });
-        app.registerPlugin({
-            id: PLUGIN_ID,
-            initializer: Initializer,
-            isReady: false,
-            name: PLUGIN_ID,
-        });
-    },
-    registerTrads() {
-        return Object.entries(trads).map(([locale, translations]) => ({
-            locale,
-            data: prefixPluginTranslations(translations, PLUGIN_ID),
-        }));
-    },
-};

package/admin/pages/App.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Page } from '@strapi/strapi/admin';
-import { DndProvider } from 'react-dnd';
-import { HTML5Backend } from 'react-dnd-html5-backend';
-import { Route, Routes } from 'react-router-dom';
-import { HomePage } from './HomePage';
-const App = () => {
-    return (_jsx(DndProvider, { backend: HTML5Backend, children: _jsxs(Routes, { children: [_jsx(Route, { path: `/`, index: true, Component: HomePage }), _jsx(Route, { path: `/*`, Component: Page.Error })] }) }));
-};
-export default App;

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

@@ -1,58 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MultiSelect, MultiSelectOption, SingleSelect, SingleSelectOption, TextInput, } from '@strapi/design-system';
-import { useNotification, useStrapiApp } from '@strapi/strapi/admin';
-import { isNil } from 'lodash';
-import { useMemo } from 'react';
-import { useIntl } from 'react-intl';
-import { Toggle } from '@strapi/design-system';
-import { getTrad } from '../../../../translations';
-const DEFAULT_STRING_VALUE = '';
-const handlerFactory = ({ field, prop, onChange, }) => ({ target }) => {
-    onChange(field.name, target[prop], field.type);
-};
-const mediaAttribute = {
-    type: 'media',
-    multiple: false,
-    required: false,
-    allowedTypes: ['images'],
-    pluginOptions: {
-        i18n: {
-            localized: false,
-        },
-    },
-};
-export const AdditionalFieldInput = ({ field, isLoading, onChange, value: baseValue, disabled, }) => {
-    const { toggleNotification } = useNotification();
-    const { formatMessage } = useIntl();
-    const fields = useStrapiApp('AdditionalFieldInput', (state) => state.fields);
-    // TODO?: typing
-    const MediaLibrary = fields.media;
-    const value = useMemo(() => (field.type === 'media' && baseValue ? JSON.parse(baseValue) : baseValue), [baseValue, field.type]);
-    const defaultInputProps = useMemo(() => ({
-        id: field.name,
-        name: field.name,
-        label: field.label,
-        disabled: isLoading || disabled,
-    }), [field, isLoading]);
-    const handleBoolean = useMemo(() => handlerFactory({ field, onChange, prop: 'checked' }), [onChange, field]);
-    const handleString = useMemo(() => handlerFactory({ field, onChange, prop: 'value' }), [onChange, field]);
-    const handleMedia = useMemo(() => handlerFactory({ field, onChange, prop: 'value' }), [onChange, field]);
-    switch (field.type) {
-        case 'boolean':
-            return (_jsx(Toggle, { ...defaultInputProps, checked: !!value, onChange: ({ currentTarget: { checked } }) => {
-                    onChange(field.name, checked, field.type);
-                }, onLabel: "true", offLabel: "false", type: "checkbox" }));
-        case 'string':
-            return (_jsx(TextInput, { ...defaultInputProps, onChange: handleString, value: value || DEFAULT_STRING_VALUE }));
-        case 'select':
-            return field.multi ? (_jsx(MultiSelect, { ...defaultInputProps, onChange: (v) => onChange(field.name, v, 'select'), value: isNil(value) ? (field.multi ? [] : null) : value, multi: field.multi, withTags: field.multi, children: field.options.map((option, index) => (_jsx(MultiSelectOption, { value: option, children: option }, `${field.name}-option-${index}`))) })) : (_jsx(SingleSelect, { ...defaultInputProps, onChange: (v) => onChange(field.name, v, 'select'), value: isNil(value) ? (field.multi ? [] : null) : value, multi: field.multi, withTags: field.multi, children: field.options.map((option, index) => (_jsx(SingleSelectOption, { value: option, children: option }, `${field.name}-option-${index}`))) }));
-        case 'media':
-            return (_jsx(MediaLibrary, { ...defaultInputProps, onChange: handleMedia, value: value || [], intlLabel: defaultInputProps.label, attribute: mediaAttribute }));
-        default:
-            toggleNotification({
-                type: 'warning',
-                message: formatMessage(getTrad('notification.error.customField.type')),
-            });
-            throw new Error(`Type of custom field is unsupported`);
-    }
-};

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

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, Typography } from '@strapi/design-system';
-import { CaretDown, CaretUp } from '@strapi/icons';
-import styled from 'styled-components';
-const Wrapper = styled.div `
-  border-radius: 50%;
-  background: #dcdce4;
-  width: 25px;
-  height: 25px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 8px;
-`;
-export const CollapseButton = ({ toggle, collapsed, itemsCount }) => (_jsxs(Flex, { justifyContent: "space-between", alignItems: "center", onClick: toggle, cursor: "pointer", style: { marginRight: '16px' }, children: [_jsx(Wrapper, { children: collapsed ? _jsx(CaretDown, { width: "7px", height: "4px" }) : _jsx(CaretUp, { width: "7px", height: "4px" }) }), _jsxs(Typography, { variant: "pi", children: [itemsCount, " nested items"] })] }));

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

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Drag } from '@strapi/icons';
-import React from 'react';
-import styled from 'styled-components';
-const DragButtonWrapper = styled.span `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  height: 32px;
-  width: 32px;
-  padding: ${({ theme }) => theme.spaces[2]};
-
-  background: ${({ theme, isActive }) => isActive ? theme.colors.neutral150 : theme.colors.neutral0};
-  border: 1px solid ${({ theme }) => theme.colors.neutral200};
-  border-radius: ${({ theme }) => theme.borderRadius};
-  cursor: pointer;
-  transition: background-color 0.3s ease-in;
-
-  svg {
-    height: ${({ theme }) => theme.spaces[3]};
-    width: ${({ theme }) => theme.spaces[3]};
-
-    > g,
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-  &:hover {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme }) => theme.colors.neutral600};
-      }
-    }
-  }
-  &:active {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme }) => theme.colors.neutral400};
-      }
-    }
-  }
-  &[aria-disabled='true'] {
-    background-color: ${({ theme }) => theme.colors.neutral150};
-    svg {
-      path {
-        fill: ${({ theme }) => theme.colors.neutral600};
-      }
-    }
-  }
-`;
-const DragButton = React.forwardRef((props, ref) => (_jsx(DragButtonWrapper, { ...props, ref: ref, children: _jsx(Drag, {}) })));
-export default DragButton;

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

@@ -1,9 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useIntl } from 'react-intl';
-import { ConfirmationDialog } from '../../../../components/ConfirmationDialog';
-import { getTrad } from '../../../../translations';
-const refreshIcon = _jsx(_Fragment, {});
-export const I18nCopyNavigationItemsModal = ({ onConfirm, onCancel }) => {
-    const { formatMessage } = useIntl();
-    return (_jsx(ConfirmationDialog, { isVisible: true, header: formatMessage(getTrad('pages.view.actions.i18nCopyItems.confirmation.header')), labelConfirm: formatMessage(getTrad('pages.view.actions.i18nCopyItems.confirmation.confirm')), iconConfirm: refreshIcon, mainIcon: refreshIcon, onConfirm: onConfirm, onCancel: onCancel, children: formatMessage(getTrad('pages.view.actions.i18nCopyItems.confirmation.content')) }));
-};

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

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex } from '@strapi/design-system';
-export const NavigationContentHeader = ({ startActions, endActions }) => {
-    return (_jsxs(Flex, { justifyContent: "space-between", width: "100%", children: [_jsx(Flex, { alignItems: "space-between", children: startActions }), _jsx(Flex, { alignItems: "space-between", children: endActions })] }));
-};

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

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from 'react';
-import { NavigationManager } from '../NavigationManager';
-export const useNavigationManager = () => {
-    const [isOpened, setIsOpened] = useState(false);
-    const open = useCallback(() => setIsOpened(true), [setIsOpened]);
-    const close = useCallback(() => setIsOpened(false), [setIsOpened]);
-    const modal = useMemo(() => isOpened ? (_jsx(NavigationManager, { initialState: { view: 'INITIAL' }, isOpened: true, onClose: close })) : null, [isOpened, close]);
-    return useMemo(() => ({
-        navigationManagerModal: modal,
-        openNavigationManagerModal: open,
-        closeNavigationManagerModal: close,
-    }), [modal, open, close]);
-};