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

package/README.md

@@ -2,28 +2,24 @@
   <img style="width: 150px; height: auto;" src="public/assets/logo.png" alt="Logo - Strapi Navigation plugin" />
 </div>
 <div align="center">
-  <h1>Strapi v4 - Navigation plugin</h1>
+  <h1>Strapi v5 - Navigation plugin - Beta</h1>
   <p>Create consumable navigation with a simple and straightforward visual builder</p>
   <a href="https://www.npmjs.org/package/strapi-plugin-navigation">
-    <img alt="GitHub package.json version" src="https://img.shields.io/github/package-json/v/VirtusLab-Open-Source/strapi-plugin-navigation?label=npm&logo=npm">
+    <img alt="GitHub package.json version" src="https://img.shields.io/github/package-json/v/VirtusLab-Open-Source/strapi-plugin-navigation/v5?label=npm&logo=npm">
   </a>
   <a href="https://www.npmjs.org/package/strapi-plugin-navigation">
     <img src="https://img.shields.io/npm/dm/strapi-plugin-navigation.svg" alt="Monthly download on NPM" />
   </a>
   <a href="https://circleci.com/gh/VirtusLab/strapi-plugin-navigation">
-    <img src="https://circleci.com/gh/VirtusLab-Open-Source/strapi-plugin-navigation.svg?style=shield" alt="CircleCI" />
+    <img src="https://circleci.com/gh/VirtusLab-Open-Source/strapi-plugin-navigation/tree/v5.svg?style=shield" alt="CircleCI" />
   </a>
   <a href="https://codecov.io/gh/VirtusLab/strapi-plugin-navigation">
-    <img src="https://codecov.io/gh/VirtusLab/strapi-plugin-navigation/coverage.svg?branch=master" alt="codecov.io" />
-  </a>
-  <a href="https://sharing.clickup.com/tl/xhcmx-43/strapiv-4-navigation-roadmap">
-    <img src="https://img.shields.io/website?down_message=roadmap&label=product&up_message=roadmap&url=https%3A%2F%2Fsharing.clickup.com%2Ftl%2Fxhcmx-43%2Fstrapiv-4-navigation-roadmap" />
-  </a>
-  <a href="https://sharing.clickup.com/b/6-169004201-2/strapiv-4-navigation-board">
-    <img src="https://img.shields.io/website?down_message=board&label=product&up_color=blue&up_message=board&url=https%3A%2F%2Fsharing.clickup.com%2Fb%2F6-169004201-2%2Fstrapiv-4-navigation-board" />
+    <img src="https://codecov.io/gh/VirtusLab/strapi-plugin-navigation/coverage.svg?branch=v5" alt="codecov.io" />
   </a>
 </div>
 
+## ⚠️ This is the beta version for Strapi v5
+
 ---
 
 <div style="margin: 20px 0" align="center">
@@ -36,27 +32,34 @@ Strapi Navigation Plugin provides a website navigation / menu builder feature fo
 - Tree (nested)
 - RFR (ready for handling by Redux First Router)
 
+
 ### Table of Contents
-1. [✨ Features](#-features)
-2. [⏳ Installation](#-installation)
-3. [🖐 Requirements](#-requirements)
-4. [🔧 Basic Configuration](#-configuration)
+1. [💎 Versions](#-versions)
+2. [✨ Features](#-features)
+3. [⏳ Installation](#-installation)
+4. [🖐 Requirements](#-requirements)
+5. [🔧 Basic Configuration](#-configuration)
    - [Settings page](#in-v203-and-newer)
    - [Plugin file](#in-v202-and-older--default-configuration-state-for-v203-and-newer)
-5. [🔧 GraphQL Configuration](#-gql-configuration)
-6. [🌍 i18n Internationalization](#-i18n-internationalization)
-7. [👤 RBAC](#-rbac)
-8. [🔐 Authorization strategy](#-authorization-strategy)
-9. [🕸️ Public API specification](#%EF%B8%8F-public-api-specification)
+6. [🔧 GraphQL Configuration](#-gql-configuration)
+7. [🌍 i18n Internationalization](#-i18n-internationalization)
+8. [👤 RBAC](#-rbac)
+9. [🔐 Authorization strategy](#-authorization-strategy)
+10. [🕸️ Public API specification](#%EF%B8%8F-public-api-specification)
    - [REST API](#rest-api) 
    - [GraphQL API](#graphql-api)
-10. [🔌 Extensions](#-extensions)
-11. [🌿 Model lifecycle hooks](#model-life-cycle-hooks)
-11. [🧹 REST Cache](#rest-cache)
-12. [🧩 Examples](#-examples)
-13. [💬 FAQ](#-faq)
-14. [🤝 Contributing](#-contributing)
-15. [👨‍💻 Community support](#-community-support)
+11. [🔌 Extensions](#-extensions)
+12. [🌿 Model lifecycle hooks](#model-life-cycle-hooks)
+13. [🧹 REST Cache](#rest-cache)
+14. [🧩 Examples](#-examples)
+15. [💬 FAQ](#-faq)
+16. [🤝 Contributing](#-contributing)
+17. [👨‍💻 Community support](#-community-support)
+
+## 💎 Versions
+- **Strapi v5** - (current) [v3.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation/tree/v5)
+- **Strapi v4** - [v2.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation)
+- **Strapi v3** - [v1.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation/tree/strapi-v3)
 
 ## ✨ Features
 
@@ -72,12 +75,12 @@ Strapi Navigation Plugin provides a website navigation / menu builder feature fo
 
 ## ⚙️ Versions
 
-- **Strapi v4** - (current) - [v2.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation)
-- **Strapi v3** - [v1.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation/tree/strapi-v3)
+- **Strapi v5** - (current) - [v3.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation)
+- **Strapi v4** - [v2.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation/tree/strapi-v4)
 
 ## ⏳ Installation
 
-### Via Strapi Markerplace
+### Via Strapi Marketplace
 
 As a ✅ **verified** plugin by Strapi team we're available on the [**Strapi Marketplace**](https://market.strapi.io/plugins/strapi-plugin-navigation) as well as **In-App Marketplace** where you can follow the installation instructions.
 
@@ -90,7 +93,7 @@ As a ✅ **verified** plugin by Strapi team we're available on the [**Strapi Mar
 It's recommended to use **yarn** to install this plugin within your Strapi project. [You can install yarn with these docs](https://yarnpkg.com/lang/en/docs/install/).
 
 ```bash
-yarn add strapi-plugin-navigation@latest
+yarn add strapi-plugin-navigation@beta
 ```
 
 After successful installation you've to re-build your Strapi instance. To archive that simply use:
@@ -100,12 +103,6 @@ yarn build
 yarn develop
 ```
 
-or just run Strapi in the development mode with `--watch-admin` option:
-
-```bash
-yarn develop --watch-admin
-```
-
 The **UI Navigation** plugin should appear in the **Plugins** section of Strapi sidebar after you run app again.
 
 You can manage your multiple navigation containers by going to the **Navigation** manage view by clicking "Manage" button.
@@ -124,20 +121,18 @@ Complete installation requirements are exact same as for Strapi itself and can b
 
 **Supported Strapi versions**:
 
-- Strapi v4.24.x (recently tested)
-- Strapi v4.x
+- Strapi v5.0.0-rc.22 (recently tested)
+- Strapi v5.x
 
-> This plugin is designed for **Strapi v4** and is not working with v3.x. To get version for **Strapi v3** install version [v1.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation/tree/strapi-v3).
+> This plugin is designed for **Strapi v5** and is not working with v4.x. To get version for **Strapi v4** install version [v4.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation/tree/strapi-v4).
 
 **We recommend always using the latest version of Strapi to start your new projects**.
 
 ## 🔧 Configuration
 
-To start your journey with **Navigation plugin** you must first setup it using the dedicated Settings page (`v2.0.3` and newer) or for any version, put your configuration in `config/plugins.js`. Anyway we're recommending the click-through option where your configuration is going to be properly validated.
+To start your journey with **Navigation plugin** you must first setup it using the dedicated Settings page or for any version, put your configuration in `config/plugins.js`. Anyway we're recommending the click-through option where your configuration is going to be properly validated.
 
-### In `v2.0.3` and newer
-
-Version `2.0.3` introduces the intuitive **Settings** page which you can easily access via `Strapi Settings -> Section: Navigation Plugin -> Configuration`. 
+### Settings page
 
 On the dedicated page, you will be able to set up all crucial properties which drive the plugin and customize each individual collection for which **Navigation plugin** should be enabled.
 
@@ -148,15 +143,10 @@ On the dedicated page, you will be able to set up all crucial properties which d
 > *Note*
 > The default configuration for your plugin is fetched from `config/plugins.js` or, if the file is not there, directly from the plugin itself. If you would like to customize the default state to which you might revert, please follow the next section.
 
-### In `v2.0.2` and older + default configuration state for `v2.0.3` and newer
+### File
 
 Config for this plugin is stored as a part of the `config/plugins.js` or `config/<env>/plugins.js` file. You can use the following snippet to make sure that the config structure is correct. If you've got already configurations for other plugins stores by this way, you can use the `navigation` along with them. 
 
-> *Note v2.0.3 and newer only*
-> Changing this file will not automatically change plugin configuration. To synchronize plugin's config with plugins.js file, it is necessary to restore configuration through the settings page 
-
-> *Note for newer than v2.2.0*
-> `slugify` as been removed. **THIS A BREAKING CHANGE**
 
 ```js
     module.exports = ({ env }) => ({
@@ -194,7 +184,7 @@ Config for this plugin is stored as a part of the `config/plugins.js` or `config
 ### Additional Fields
 It is advised to configure additional fields through the plugin's Settings Page. There you can find the table of custom fields and toggle input for the audience field. When enabled, the audience field can be customized through the content manager. Custom fields can be added, edited, toggled, and removed with the use of the table provided on the Settings Page. When removing custom fields be advised that their values in navigation items will be lost. Disabling the custom fields will not affect the data and can be done with no consequence of loosing information. 
 
-Creating configuration for additional fields with the `config.js` file should be done with caution. Config object contains the `additionalFields` property of type `Array<CustomField | 'audience'>`, where CustomField is of type `{ type: 'string' | 'boolean' | { "name": string, "url": string, "mime": string, "width": number, "height": number, "previewUrl": string }, name: string, label: string }`. When creating custom fields be advised that the `name` property has to be unique. When editing a custom field it is advised not to edit its `name` and `type` properties. After config has been restored the custom fields that are not present in `config.js` file will be deleted and their values in navigation items will be lost.
+Creating configuration for additional fields with the `config.(js|ts)` file should be done with caution. Config object contains the `additionalFields` property of type `Array<CustomField | 'audience'>`, where CustomField is of type `{ type: 'string' | 'boolean' | { "name": string, "url": string, "mime": string, "width": number, "height": number, "previewUrl": string }, name: string, label: string }`. When creating custom fields be advised that the `name` property has to be unique. When editing a custom field it is advised not to edit its `name` and `type` properties. After config has been restored the custom fields that are not present in `config.js` file will be deleted and their values in navigation items will be lost.
 
 ## 🔧 GQL Configuration
 Using navigation with GraphQL requires both plugins to be installed and working. You can find installation guide for GraphQL plugin **[here](https://docs.strapi.io/developer-docs/latest/plugins/graphql.html#graphql)**.  To properly configure GQL to work with navigation you should provide `gql` prop. This should contain union types that will be used to define GQL response format for your data while fetching:
@@ -227,15 +217,7 @@ where `Page` and `UploadFile` are your type names for the **Content Types** you'
 
 ## 🌍 i18n Internationalization
 
-### Settings
-
-This feature is **opt-in**.
-
-In order to use this functionality setting **default locale** is required. (See: Settings -> Internationalization)
-
-Once feature is enabled a restart is required. On server startup missing navigations for other locales will be created. From then you can manage navigation's localizations just like before.
-
-If you want go back to _pre-i18n_ way you can disable it in settings. Already created navigations will not be removed unless you make a choice for plugin to do so(this will require a restart).
+On server startup missing navigations for other locales will be created. From then you can manage navigation's localizations just like before.
 
 If your newly created navigation localization is empty you can copy contents of one version's to the empty one. If related item is localized and locale version exists localization will be used as a related item. Otherwise plugin will fallback to an original item.
 
@@ -375,10 +357,6 @@ Plugin supports both **REST API** and **GraphQL API** exposed by Strapi.
 
 ### REST API
 
-> **Important!**
-> Version `v2.0.13` introduced breaking change!
-> All responses have changed their structure. Related field will now be of type ContentType instead of Array\<ContentType\>
-
 `GET <host>/api/navigation/?locale=<locale>&orderBy=<orderBy>&orderDirection=<orderDirection>`
 
 NOTE: All params are optional

package/admin/api/client.js

@@ -0,0 +1,107 @@
+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/index.js

@@ -0,0 +1 @@
+export * from './client';

package/admin/api/validators.js

@@ -0,0 +1,248 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,18 @@
+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/index.js

@@ -0,0 +1 @@
+export * from './navigation';

package/admin/components/icons/navigation.js

@@ -0,0 +1,9 @@
+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

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