strapi-plugin-navigation 2.0.13 → 2.1.0

package/admin/src/pages/View/components/NavigationItemForm/utils/form.d.ts

@@ -0,0 +1,45 @@
+export namespace form {
+    const fieldsToDisable: never[];
+    const fieldsToOmit: never[];
+    function schema(isSingleSelected: any): import("yup/lib/object").OptionalObjectSchema<{
+        title: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        uiRouterKey: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+        type: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+        path: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        externalPath: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        menuAttached: yup.BooleanSchema<boolean | undefined, Record<string, any>, boolean | undefined>;
+        relatedType: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+        related: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+    }, Record<string, any>, import("yup/lib/object").TypeOfShape<{
+        title: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        uiRouterKey: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+        type: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+        path: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        externalPath: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        menuAttached: yup.BooleanSchema<boolean | undefined, Record<string, any>, boolean | undefined>;
+        relatedType: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+        related: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+    }>>;
+    function schema(isSingleSelected: any): import("yup/lib/object").OptionalObjectSchema<{
+        title: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        uiRouterKey: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+        type: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+        path: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        externalPath: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        menuAttached: yup.BooleanSchema<boolean | undefined, Record<string, any>, boolean | undefined>;
+        relatedType: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+        related: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+    }, Record<string, any>, import("yup/lib/object").TypeOfShape<{
+        title: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        uiRouterKey: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+        type: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+        path: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        externalPath: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
+        menuAttached: yup.BooleanSchema<boolean | undefined, Record<string, any>, boolean | undefined>;
+        relatedType: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+        related: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+    }>>;
+    const inputsPrefix: string;
+}
+import * as yup from "yup";
+//# sourceMappingURL=form.d.ts.map

package/admin/src/pages/View/components/NavigationItemForm/utils/form.js

@@ -1,54 +1,86 @@
-import * as yup from "yup";
-import { isNil } from "lodash";
-import { translatedErrors } from "@strapi/helper-plugin";
-import { navigationItemType } from "../../../utils/enums";
-import pluginId from "../../../../../pluginId";
-
-export const form = {
-  fieldsToDisable: [],
-  fieldsToOmit: [],
-  schema(isSingleSelected) {
-    return yup.object({
-      title: yup.string()
-        .when('type', {
-          is: val => val === navigationItemType.EXTERNAL,
-          then: yup.string()
-            .required(translatedErrors.required),
-          otherwise: yup.string().notRequired(),
-        }),
-      uiRouterKey: yup.string().required(translatedErrors.required),
-      type: yup.string().required(translatedErrors.required),
-      path: yup.string()
-        .when('type', {
-          is: val => val === navigationItemType.INTERNAL || isNil(val),
-          then: yup.string().required(translatedErrors.required),
-          otherwise: yup.string().notRequired(),
-        }),
-      externalPath: yup.string()
-        .when('type', {
-          is: val => val === navigationItemType.EXTERNAL,
-          then: yup.string()
-            .required(translatedErrors.required)
-            .matches(/(#.*)|(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,})/, { 
-              excludeEmptyString: true,
-              message: `${pluginId}.popup.item.form.externalPath.validation.type`,
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.form = void 0;
+const yup = __importStar(require("yup"));
+const lodash_1 = require("lodash");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const enums_1 = require("../../../utils/enums");
+const pluginId_1 = __importDefault(require("../../../../../pluginId"));
+const externalPathRegexps = [
+    /^mailto:[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/,
+    /^tel:(\+\d{1,3})?[\s]?\(?\d{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,})/,
+];
+exports.form = {
+    fieldsToDisable: [],
+    fieldsToOmit: [],
+    schema(isSingleSelected) {
+        return yup.object({
+            title: yup.string()
+                .when('type', {
+                is: val => val === enums_1.navigationItemType.EXTERNAL,
+                then: yup.string()
+                    .required(helper_plugin_1.translatedErrors.required),
+                otherwise: yup.string().notRequired(),
+            }),
+            uiRouterKey: yup.string().required(helper_plugin_1.translatedErrors.required),
+            type: yup.string().required(helper_plugin_1.translatedErrors.required),
+            path: yup.string()
+                .when('type', {
+                is: val => val === enums_1.navigationItemType.INTERNAL || (0, lodash_1.isNil)(val),
+                then: yup.string().required(helper_plugin_1.translatedErrors.required),
+                otherwise: yup.string().notRequired(),
+            }),
+            externalPath: yup.string()
+                .when('type', {
+                is: val => val === enums_1.navigationItemType.EXTERNAL,
+                then: yup.string()
+                    .required(helper_plugin_1.translatedErrors.required)
+                    .test(`${pluginId_1.default}.popup.item.form.externalPath.validation.type`, externalPath => externalPath ? externalPathRegexps.some(re => re.test(externalPath)) : true),
+                otherwise: yup.string().notRequired(),
+            }),
+            menuAttached: yup.boolean(),
+            relatedType: yup.mixed()
+                .when('type', {
+                is: val => val === enums_1.navigationItemType.INTERNAL || (0, lodash_1.isNil)(val),
+                then: isSingleSelected ? yup.mixed().notRequired() : yup.mixed().required(helper_plugin_1.translatedErrors.required),
+                otherwise: yup.mixed().notRequired(),
+            }),
+            related: yup.mixed()
+                .when('type', {
+                is: val => val === enums_1.navigationItemType.INTERNAL || (0, lodash_1.isNil)(val),
+                then: isSingleSelected ? yup.mixed().notRequired() : yup.mixed().required(helper_plugin_1.translatedErrors.required),
+                otherwise: yup.mixed().notRequired(),
             }),
-          otherwise: yup.string().notRequired(),
-        }),
-      menuAttached: yup.boolean(),
-      relatedType: yup.mixed()
-        .when('type', {
-          is: val => val === navigationItemType.INTERNAL || isNil(val),
-          then: isSingleSelected ? yup.mixed().notRequired() : yup.mixed().required(translatedErrors.required),
-          otherwise: yup.mixed().notRequired(),
-        }),
-      related: yup.mixed()
-        .when('type', {
-          is: val => val === navigationItemType.INTERNAL || isNil(val),
-          then: isSingleSelected ? yup.mixed().notRequired() : yup.mixed().required(translatedErrors.required),
-          otherwise: yup.mixed().notRequired(),
-        }),
-    });
-  },
-  inputsPrefix: '',
+        });
+    },
+    inputsPrefix: '',
 };
+//# sourceMappingURL=form.js.map

package/admin/src/pages/View/components/NavigationItemPopup/NavigationItemPopupFooter.d.ts

@@ -0,0 +1,23 @@
+export function NavigationItemPopupFooter({ handleCancel, handleSubmit, submitDisabled, formViewId }: {
+    handleCancel: any;
+    handleSubmit: any;
+    submitDisabled: any;
+    formViewId: any;
+}): JSX.Element;
+export namespace NavigationItemPopupFooter {
+    namespace defaultProps {
+        const onValidate: undefined;
+        const submitDisabled: boolean;
+        const formViewId: undefined;
+    }
+    namespace propTypes {
+        export const handleCancel: PropTypes.Validator<(...args: any[]) => any>;
+        export const handleSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+        const submitDisabled_1: PropTypes.Requireable<boolean>;
+        export { submitDisabled_1 as submitDisabled };
+        const formViewId_1: PropTypes.Requireable<object>;
+        export { formViewId_1 as formViewId };
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=NavigationItemPopupFooter.d.ts.map

package/admin/src/pages/View/components/NavigationItemPopup/NavigationItemPopupFooter.js

@@ -1,37 +1,27 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { Button } from '@strapi/design-system/Button';
-import { ModalFooter } from '@strapi/design-system/ModalLayout';
-import { getMessage } from '../../../../utils';
-
-export const NavigationItemPopupFooter = ({ handleCancel, handleSubmit, submitDisabled, formViewId }) => {
-
-	return (
-		<ModalFooter
-			startActions={
-				<Button onClick={handleCancel} variant="tertiary">
-					{getMessage('popup.item.form.button.cancel')}
-				</Button>
-			}
-			endActions={
-				<Button onClick={handleSubmit} disabled={submitDisabled}>
-					{getMessage(`popup.item.form.button.save`)}
-				</Button>
-			}
-		/>
-	);
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-NavigationItemPopupFooter.defaultProps = {
-	onValidate: undefined,
-	submitDisabled: false,
-	formViewId: undefined,
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationItemPopupFooter = void 0;
+const react_1 = __importDefault(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const Button_1 = require("@strapi/design-system/Button");
+const ModalLayout_1 = require("@strapi/design-system/ModalLayout");
+const utils_1 = require("../../../../utils");
+const NavigationItemPopupFooter = ({ handleCancel, handleSubmit, submitDisabled, formViewId }) => {
+    return (react_1.default.createElement(ModalLayout_1.ModalFooter, { startActions: react_1.default.createElement(Button_1.Button, { onClick: handleCancel, variant: "tertiary" }, (0, utils_1.getMessage)('popup.item.form.button.cancel')), endActions: react_1.default.createElement(Button_1.Button, { onClick: handleSubmit, disabled: submitDisabled }, (0, utils_1.getMessage)(`popup.item.form.button.save`)) }));
 };
-
-NavigationItemPopupFooter.propTypes = {
-	handleCancel: PropTypes.func.isRequired,
-	handleSubmit: PropTypes.func,
-	submitDisabled: PropTypes.bool,
-	formViewId: PropTypes.object,
+exports.NavigationItemPopupFooter = NavigationItemPopupFooter;
+exports.NavigationItemPopupFooter.defaultProps = {
+    onValidate: undefined,
+    submitDisabled: false,
+    formViewId: undefined,
 };
+exports.NavigationItemPopupFooter.propTypes = {
+    handleCancel: prop_types_1.default.func.isRequired,
+    handleSubmit: prop_types_1.default.func,
+    submitDisabled: prop_types_1.default.bool,
+    formViewId: prop_types_1.default.object,
+};
+//# sourceMappingURL=NavigationItemPopupFooter.js.map

package/admin/src/pages/View/components/NavigationItemPopup/NavigationItemPopupHeader.d.ts

@@ -0,0 +1,4 @@
+export function NavigationItemPopupHeader({ isNewItem }: {
+    isNewItem: any;
+}): JSX.Element;
+//# sourceMappingURL=NavigationItemPopupHeader.d.ts.map

package/admin/src/pages/View/components/NavigationItemPopup/NavigationItemPopupHeader.js

@@ -1,16 +1,16 @@
-
-
-import React from 'react';
-import { Typography } from '@strapi/design-system/Typography';
-import { ModalHeader } from '@strapi/design-system/ModalLayout';
-import { getMessage } from '../../../../utils';
-
-export const NavigationItemPopupHeader = ({isNewItem}) => {
-	return (
-		<ModalHeader>
-			<Typography variant="omega" fontWeight="bold" textColor="neutral800" as="h2" id="asset-dialog-title">
-				{getMessage(`popup.item.header.${isNewItem ? 'new' : 'edit'}`)}
-			</Typography>
-		</ModalHeader>
-	);
-};
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationItemPopupHeader = void 0;
+const react_1 = __importDefault(require("react"));
+const Typography_1 = require("@strapi/design-system/Typography");
+const ModalLayout_1 = require("@strapi/design-system/ModalLayout");
+const utils_1 = require("../../../../utils");
+const NavigationItemPopupHeader = ({ isNewItem }) => {
+    return (react_1.default.createElement(ModalLayout_1.ModalHeader, null,
+        react_1.default.createElement(Typography_1.Typography, { variant: "omega", fontWeight: "bold", textColor: "neutral800", as: "h2", id: "asset-dialog-title" }, (0, utils_1.getMessage)(`popup.item.header.${isNewItem ? 'new' : 'edit'}`))));
+};
+exports.NavigationItemPopupHeader = NavigationItemPopupHeader;
+//# sourceMappingURL=NavigationItemPopupHeader.js.map

package/admin/src/pages/View/components/NavigationItemPopup/index.d.ts

@@ -0,0 +1,30 @@
+export default NavigationItemPopUp;
+declare function NavigationItemPopUp({ availableLocale, isOpen, isLoading, data, config, onSubmit, onClose, usedContentTypeItems, getContentTypeItems, usedContentTypesData, locale, readNavigationItemFromLocale, }: {
+    availableLocale: any;
+    isOpen: any;
+    isLoading: any;
+    data: any;
+    config?: {} | undefined;
+    onSubmit: any;
+    onClose: any;
+    usedContentTypeItems: any;
+    getContentTypeItems: any;
+    usedContentTypesData: any;
+    locale: any;
+    readNavigationItemFromLocale: any;
+}): JSX.Element;
+declare namespace NavigationItemPopUp {
+    namespace propTypes {
+        const data: PropTypes.Validator<object>;
+        const config: PropTypes.Validator<object>;
+        const isOpen: PropTypes.Requireable<boolean>;
+        const isLoading: PropTypes.Requireable<boolean>;
+        const onSubmit: PropTypes.Validator<(...args: any[]) => any>;
+        const onClose: PropTypes.Validator<(...args: any[]) => any>;
+        const getContentTypeItems: PropTypes.Validator<(...args: any[]) => any>;
+        const locale: PropTypes.Requireable<string>;
+        const readNavigationItemFromLocale: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/admin/src/pages/View/components/NavigationItemPopup/index.js

@@ -1,112 +1,89 @@
-/**
- *
- * NavigationItemPopUp
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { find } from 'lodash';
-
-//Design System
-import { ModalLayout } from '@strapi/design-system/ModalLayout';
-
-import NavigationItemForm from '../NavigationItemForm';
-import { extractRelatedItemLabel, isRelationCorrect, isRelationPublished } from '../../utils/parsers';
-import { navigationItemType } from '../../utils/enums';
-import { NavigationItemPopupHeader } from './NavigationItemPopupHeader';
-import { getMessage } from '../../../../utils';
-
-const NavigationItemPopUp = ({
-  isOpen,
-  isLoading,
-  data,
-  config = {},
-  onSubmit,
-  onClose,
-  usedContentTypeItems,
-  getContentTypeItems,
-  usedContentTypesData,
-}) => {
-
-
-  const handleOnSubmit = (payload) => {
-    onSubmit(payload);
-  };
-
-  const { related, relatedType } = data;
-  const {
-    availableAudience = [],
-    additionalFields,
-    contentTypes,
-    contentTypeItems,
-    contentTypesNameFields = {},
-  } = config;
-
-
-  const appendLabelPublicationStatus = (label = '', item = {}, isCollection = false) => {
-    const appendix = isRelationPublished({
-      relatedRef: item,
-      type: item.isSingle ? navigationItemType.INTERNAL : item.type,
-      isCollection,
-    }) ? '' : `[${getMessage('notification.navigation.item.relation.status.draft')}] `.toUpperCase();
-    return `${appendix}${label}`;
-  };
-
-  const relatedTypeItem = find(contentTypes, item => item.uid === relatedType);
-  const prepareFormData = data => {
-    const relatedItem = find(contentTypeItems, item => item.id === related);
-    return {
-      ...data,
-      type: isRelationCorrect(data) ? data.type : undefined,
-      related: related && isRelationCorrect(data) ? {
-        value: related,
-        label: appendLabelPublicationStatus(
-          extractRelatedItemLabel({
-            ...relatedItem,
-            __collectionUid: relatedType,
-          }, contentTypesNameFields, config),
-          relatedItem,
-        ),
-      } : undefined,
-      relatedType: relatedType && isRelationCorrect(data) ? {
-        value: relatedType,
-        label: appendLabelPublicationStatus(relatedTypeItem.label || relatedTypeItem.name, relatedTypeItem, true),
-      } : undefined,
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const lodash_1 = require("lodash");
+const ModalLayout_1 = require("@strapi/design-system/ModalLayout");
+const NavigationItemForm_1 = __importDefault(require("../NavigationItemForm"));
+const parsers_1 = require("../../utils/parsers");
+const enums_1 = require("../../utils/enums");
+const NavigationItemPopupHeader_1 = require("./NavigationItemPopupHeader");
+const utils_1 = require("../../../../utils");
+const NavigationItemPopUp = ({ availableLocale, isOpen, isLoading, data, config = {}, onSubmit, onClose, usedContentTypeItems, getContentTypeItems, usedContentTypesData, locale, readNavigationItemFromLocale, }) => {
+    const handleOnSubmit = (payload) => {
+        onSubmit(payload);
+    };
+    const { related, relatedType } = data;
+    const { availableAudience = [], additionalFields, contentTypes, contentTypeItems, contentTypesNameFields = {}, } = config;
+    const appendLabelPublicationStatus = (label = '', item = {}, isCollection = false) => {
+        const appendix = (0, parsers_1.isRelationPublished)({
+            relatedRef: item,
+            type: item.isSingle ? enums_1.navigationItemType.INTERNAL : item.type,
+            isCollection,
+        }) ? '' : `[${(0, utils_1.getMessage)('notification.navigation.item.relation.status.draft')}] `.toUpperCase();
+        return `${appendix}${label}`;
+    };
+    const relatedTypeItem = (0, lodash_1.find)(contentTypes, item => item.uid === relatedType);
+    const prepareFormData = data => {
+        const relatedItem = (0, lodash_1.find)(contentTypeItems, item => item.id === related);
+        return {
+            ...data,
+            type: (0, parsers_1.isRelationCorrect)(data) ? data.type : undefined,
+            related: related && (0, parsers_1.isRelationCorrect)(data) ? {
+                value: related,
+                label: appendLabelPublicationStatus((0, parsers_1.extractRelatedItemLabel)({
+                    ...relatedItem,
+                    __collectionUid: relatedType,
+                }, contentTypesNameFields, config), relatedItem),
+            } : undefined,
+            relatedType: relatedType && (0, parsers_1.isRelationCorrect)(data) ? {
+                value: relatedType,
+                label: appendLabelPublicationStatus(relatedTypeItem.label || relatedTypeItem.name, relatedTypeItem, true),
+            } : undefined,
+        };
     };
-  };
-
-  return (
-    <ModalLayout labelledBy="condition-modal-breadcrumbs" onClose={onClose} isOpen={isOpen}>
-      <NavigationItemPopupHeader isNewItem={!data.viewId}/>
-      <NavigationItemForm
-        data={prepareFormData(data)}
-        isLoading={isLoading}
-        additionalFields={additionalFields}
-        contentTypesNameFields={contentTypesNameFields}
-        availableAudience={availableAudience}
-        contentTypes={contentTypes}
-        contentTypeEntities={contentTypeItems}
-        usedContentTypeEntities={usedContentTypeItems}
-        getContentTypeEntities={getContentTypeItems}
-        usedContentTypesData={usedContentTypesData}
-        onSubmit={handleOnSubmit}
-        onCancel={onClose}
-        appendLabelPublicationStatus={appendLabelPublicationStatus}
-      />
-    </ModalLayout>
-
-  );
+    const preparedData = (0, react_1.useMemo)(prepareFormData.bind(null, data), [data]);
+    const hasViewId = !!data.viewId;
+    return (react_1.default.createElement(ModalLayout_1.ModalLayout, { labelledBy: "condition-modal-breadcrumbs", onClose: onClose, isOpen: isOpen },
+        react_1.default.createElement(NavigationItemPopupHeader_1.NavigationItemPopupHeader, { isNewItem: !hasViewId }),
+        react_1.default.createElement(NavigationItemForm_1.default, { availableLocale: availableLocale, config: config, data: preparedData, isLoading: isLoading, additionalFields: additionalFields, contentTypesNameFields: contentTypesNameFields, availableAudience: availableAudience, contentTypes: contentTypes, contentTypeEntities: contentTypeItems, usedContentTypeEntities: usedContentTypeItems, getContentTypeEntities: getContentTypeItems, usedContentTypesData: usedContentTypesData, onSubmit: handleOnSubmit, onCancel: onClose, appendLabelPublicationStatus: appendLabelPublicationStatus, locale: locale, readNavigationItemFromLocale: readNavigationItemFromLocale })));
 };
-
 NavigationItemPopUp.propTypes = {
-  data: PropTypes.object.isRequired,
-  config: PropTypes.object.isRequired,
-  isOpen: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  onSubmit: PropTypes.func.isRequired,
-  onClose: PropTypes.func.isRequired,
-  getContentTypeItems: PropTypes.func.isRequired,
+    data: prop_types_1.default.object.isRequired,
+    config: prop_types_1.default.object.isRequired,
+    isOpen: prop_types_1.default.bool,
+    isLoading: prop_types_1.default.bool,
+    onSubmit: prop_types_1.default.func.isRequired,
+    onClose: prop_types_1.default.func.isRequired,
+    getContentTypeItems: prop_types_1.default.func.isRequired,
+    locale: prop_types_1.default.string,
+    readNavigationItemFromLocale: prop_types_1.default.func.isRequired,
 };
-
-export default NavigationItemPopUp;
+exports.default = NavigationItemPopUp;
+//# sourceMappingURL=index.js.map

package/admin/src/pages/View/components/NavigationManager/Create/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CommonProps, CreateState, FooterActionsFactory, Navigation } from "../types";
+interface Props extends CreateState, CommonProps {
+}
+export declare const INITIAL_NAVIGATION: Navigation;
+export declare const Create: ({ setState, current, isLoading, alreadyUsedNames, }: Props) => JSX.Element;
+export declare const createFooterActions: FooterActionsFactory;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/admin/src/pages/View/components/NavigationManager/Create/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFooterActions = exports.Create = exports.INITIAL_NAVIGATION = void 0;
+const Button_1 = require("@strapi/design-system/Button");
+const react_1 = __importStar(require("react"));
+const react_intl_1 = require("react-intl");
+const utils_1 = require("../../../../../utils");
+const Form_1 = require("../Form");
+exports.INITIAL_NAVIGATION = {
+    name: "Navigation",
+    items: [],
+    visible: true,
+};
+const Create = ({ setState, current, isLoading, alreadyUsedNames, }) => {
+    const { formatMessage } = (0, react_intl_1.useIntl)();
+    const onSubmit = (0, react_1.useCallback)((updated) => {
+        setState({
+            view: "CREATE",
+            current: updated,
+            alreadyUsedNames,
+        });
+    }, [setState]);
+    const validationSchema = (0, react_1.useMemo)(() => (0, Form_1.validationSchemaFactory)(alreadyUsedNames, formatMessage), [alreadyUsedNames]);
+    return (react_1.default.createElement(Form_1.Form, { navigation: current, onChange: onSubmit, isLoading: isLoading, validationSchema: validationSchema }));
+};
+exports.Create = Create;
+const createFooterActions = ({ state, onSubmit, onReset, }) => {
+    return {
+        startActions: (react_1.default.createElement(Button_1.Button, { disabled: state.isLoading, onClick: onReset, variant: "tertiary" }, (0, utils_1.getMessage)("popup.item.form.button.cancel"))),
+        endActions: (react_1.default.createElement(Button_1.Button, { disabled: state.isLoading, onClick: onSubmit, variant: "default" }, (0, utils_1.getMessage)("popup.navigation.manage.button.save"))),
+    };
+};
+exports.createFooterActions = createFooterActions;
+//# sourceMappingURL=index.js.map

package/admin/src/pages/View/components/NavigationManager/Delete/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CommonProps, DeleteState, FooterActionsFactory } from "../types";
+interface Props extends DeleteState, CommonProps {
+}
+export declare const Delete: ({ navigations }: Props) => JSX.Element;
+export declare const deleteFooterActions: FooterActionsFactory;
+export {};
+//# sourceMappingURL=index.d.ts.map