strapi-plugin-navigation 2.1.0 → 2.2.0

package/admin/src/pages/SettingsPage/components/CustomFieldTable/index.js

@@ -0,0 +1,105 @@
+"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 lodash_1 = require("lodash");
+const react_1 = __importStar(require("react"));
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const VisuallyHidden_1 = require("@strapi/design-system/VisuallyHidden");
+const Table_1 = require("@strapi/design-system/Table");
+const icons_1 = require("@strapi/icons");
+const Typography_1 = require("@strapi/design-system/Typography");
+const Tooltip_1 = require("@strapi/design-system/Tooltip");
+const Stack_1 = require("@strapi/design-system/Stack");
+const IconButton_1 = require("@strapi/design-system/IconButton");
+const utils_1 = require("../../../../utils");
+const ConfirmationDialog_1 = __importDefault(require("../../../../components/ConfirmationDialog"));
+const translations_1 = require("../../../../translations");
+const refreshIcon = react_1.default.createElement(icons_1.Refresh, null);
+const plusIcon = react_1.default.createElement(icons_1.Plus, null);
+const tradPrefix = "pages.settings.form.customFields.table.";
+const CustomFieldTable = ({ data, onOpenModal, onRemoveCustomField, onToggleCustomField, }) => {
+    const [confirmationVisible, setIsConfirmationVisible] = (0, react_1.useState)(false);
+    const [fieldToRemove, setFieldToRemove] = (0, react_1.useState)(null);
+    const toggleNotification = (0, helper_plugin_1.useNotification)();
+    const customFields = (0, react_1.useMemo)(() => (0, lodash_1.sortBy)(data, "name"), [data]);
+    const handleRemove = (0, react_1.useCallback)((field) => {
+        setFieldToRemove(field);
+        setIsConfirmationVisible(true);
+    }, [setFieldToRemove, setIsConfirmationVisible]);
+    const cleanup = (0, react_1.useCallback)(() => {
+        setFieldToRemove(null);
+        setIsConfirmationVisible(false);
+    }, [setFieldToRemove, setIsConfirmationVisible]);
+    const handleConfirm = (0, react_1.useCallback)(() => {
+        if (fieldToRemove === null) {
+            toggleNotification({
+                type: 'warning',
+                message: {
+                    id: (0, translations_1.getTradId)(`${tradPrefix}confirmation.error`),
+                    default: 'Something went wrong',
+                }
+            });
+        }
+        else {
+            onRemoveCustomField(fieldToRemove);
+        }
+        cleanup();
+    }, [cleanup, fieldToRemove, translations_1.getTradId, onRemoveCustomField, toggleNotification]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: confirmationVisible, header: (0, utils_1.getMessage)(`${tradPrefix}confirmation.header`), children: (0, utils_1.getMessage)(`${tradPrefix}confirmation.message`), labelConfirm: (0, utils_1.getMessage)(`${tradPrefix}confirmation.confirm`), iconConfirm: refreshIcon, mainIcon: refreshIcon, onConfirm: handleConfirm, onCancel: cleanup }),
+        react_1.default.createElement(Table_1.Table, { colCount: 4, rowCount: data.length + 1, footer: react_1.default.createElement(Table_1.TFooter, { onClick: (e) => { e.preventDefault(); onOpenModal(null); }, icon: plusIcon }, (0, utils_1.getMessage)(`${tradPrefix}footer`)) },
+            react_1.default.createElement(Table_1.Thead, null,
+                react_1.default.createElement(Table_1.Tr, null,
+                    react_1.default.createElement(Table_1.Th, { width: "20%" },
+                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600" }, (0, utils_1.getMessage)(`${tradPrefix}header.name`))),
+                    react_1.default.createElement(Table_1.Th, { width: "60%" },
+                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600" }, (0, utils_1.getMessage)(`${tradPrefix}header.label`))),
+                    react_1.default.createElement(Table_1.Th, { width: "15%" },
+                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600" }, (0, utils_1.getMessage)(`${tradPrefix}header.type`))),
+                    react_1.default.createElement(Table_1.Th, { width: "5%" },
+                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600" }, (0, utils_1.getMessage)(`${tradPrefix}header.required`))),
+                    react_1.default.createElement(Table_1.Th, null,
+                        react_1.default.createElement(VisuallyHidden_1.VisuallyHidden, null)))),
+            react_1.default.createElement(Table_1.Tbody, null, customFields.map(customField => (react_1.default.createElement(Table_1.Tr, { key: customField.name },
+                react_1.default.createElement(Table_1.Td, { width: '20%' },
+                    react_1.default.createElement(Typography_1.Typography, { fontWeight: "semiBold", textColor: "neutral800" }, customField.name)),
+                react_1.default.createElement(Table_1.Td, { width: "60%" },
+                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, customField.label)),
+                react_1.default.createElement(Table_1.Td, { width: "15%" },
+                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, customField.type)),
+                react_1.default.createElement(Table_1.Td, { width: "5%" },
+                    react_1.default.createElement(Tooltip_1.Tooltip, { description: (0, utils_1.getMessage)(`${tradPrefix}${customField.required ? "required" : "notRequired"}`) },
+                        react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, customField.required ? react_1.default.createElement(icons_1.Check, null) : react_1.default.createElement(icons_1.Minus, null)))),
+                react_1.default.createElement(Table_1.Td, null,
+                    react_1.default.createElement(Stack_1.Stack, { horizontal: true, size: 1 },
+                        react_1.default.createElement(IconButton_1.IconButton, { onClick: () => onOpenModal(customField), label: (0, utils_1.getMessage)(`${tradPrefix}edit`), icon: react_1.default.createElement(icons_1.Pencil, null), noBorder: true }),
+                        react_1.default.createElement(IconButton_1.IconButton, { onClick: () => onToggleCustomField(customField), label: (0, utils_1.getMessage)(`${tradPrefix}${customField.enabled ? 'disable' : 'enable'}`), icon: customField.enabled ? react_1.default.createElement(icons_1.Eye, null) : react_1.default.createElement(icons_1.EyeStriked, null), noBorder: true }),
+                        react_1.default.createElement(IconButton_1.IconButton, { onClick: () => handleRemove(customField), label: (0, utils_1.getMessage)(`${tradPrefix}remove`), icon: react_1.default.createElement(icons_1.Trash, null), noBorder: true }))))))))));
+};
+exports.default = CustomFieldTable;
+//# sourceMappingURL=index.js.map

package/admin/src/pages/SettingsPage/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
+declare const SettingsPage: () => JSX.Element;
 export default SettingsPage;
-declare function SettingsPage(): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const formik_1 = require("formik");
 const lodash_1 = require("lodash");
+const formik_1 = require("formik");
 const helper_plugin_1 = require("@strapi/helper-plugin");
 const Main_1 = require("@strapi/design-system/Main");
 const Layout_1 = require("@strapi/design-system/Layout");
@@ -46,47 +46,69 @@ const icons_1 = require("@strapi/icons");
 const permissions_1 = __importDefault(require("../../permissions"));
 const useNavigationConfig_1 = __importDefault(require("../../hooks/useNavigationConfig"));
 const useAllContentTypes_1 = __importDefault(require("../../hooks/useAllContentTypes"));
-const enums_1 = require("../View/utils/enums");
+const utils_1 = require("../../utils");
 const ConfirmationDialog_1 = __importDefault(require("../../components/ConfirmationDialog"));
 const RestartAlert_1 = __importDefault(require("../../components/RestartAlert"));
-const utils_1 = require("../../utils");
+const utils_2 = require("../../utils");
 const functions_1 = require("./utils/functions");
 const styles_1 = require("../../components/Alert/styles");
 const DisableI18nModal_1 = require("./components/DisableI18nModal");
+const CustomFieldModal_1 = __importDefault(require("./components/CustomFieldModal"));
+const CustomFieldTable_1 = __importDefault(require("./components/CustomFieldTable"));
 const RESTART_NOT_REQUIRED = { required: false };
 const RESTART_REQUIRED = { required: true, reasons: [] };
+const RELATION_ATTRIBUTE_TYPES = ['relation', 'media', 'component'];
+const BOX_DEFAULT_PROPS = {
+    background: "neutral0",
+    hasRadius: true,
+    shadow: "filterShadow",
+    padding: 6,
+};
 const SettingsPage = () => {
     const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
     const { lockAppWithAutoreload, unlockAppWithAutoreload } = (0, helper_plugin_1.useAutoReloadOverlayBlocker)();
-    const [isRestorePopupOpen, setIsRestorePopupOpen] = (0, react_1.useState)(false);
     const [restartStatus, setRestartStatus] = (0, react_1.useState)(RESTART_NOT_REQUIRED);
-    const [contentTypeExpanded, setContentTypeExpanded] = (0, react_1.useState)(undefined);
     const [pruneObsoleteI18nNavigations, setPruneObsoleteI18nNavigations] = (0, react_1.useState)(false);
+    const [isCustomFieldModalOpen, setIsCustomFieldModalOpen] = (0, react_1.useState)(false);
+    const [customFieldSelected, setCustomFieldSelected] = (0, react_1.useState)(null);
+    const [customFields, setCustomFields] = (0, react_1.useState)([]);
+    const [isRestorePopupOpen, setIsRestorePopupOpen] = (0, react_1.useState)(false);
+    const [contentTypeExpanded, setContentTypeExpanded] = (0, react_1.useState)(undefined);
+    const { data: navigationConfigData, isLoading: isConfigLoading, error: configErr, submitMutation, restoreMutation, restartMutation } = (0, useNavigationConfig_1.default)();
+    const { data: allContentTypesData, isLoading: isContentTypesLoading, error: contentTypesErr } = (0, useAllContentTypes_1.default)();
+    const isLoading = isConfigLoading || isContentTypesLoading;
+    const isError = configErr || contentTypesErr;
+    const configContentTypes = navigationConfigData?.contentTypes || [];
+    const formikInitialValues = (0, react_1.useMemo)(() => ({
+        allowedLevels: (0, lodash_1.get)(navigationConfigData, "allowedLevels", 2),
+        audienceFieldChecked: (0, lodash_1.get)(navigationConfigData, "additionalFields", []).includes(utils_1.navigationItemAdditionalFields.AUDIENCE),
+        i18nEnabled: (0, lodash_1.get)(navigationConfigData, "i18nEnabled", false),
+        nameFields: (0, lodash_1.get)(navigationConfigData, "contentTypesNameFields", {}),
+        pathDefaultFields: (0, lodash_1.get)(navigationConfigData, "pathDefaultFields", {}),
+        populate: (0, lodash_1.get)(navigationConfigData, "contentTypesPopulate", {}),
+        selectedContentTypes: configContentTypes.map(item => item.uid),
+    }), [configContentTypes, navigationConfigData, utils_1.navigationItemAdditionalFields]);
     const { disableI18nModal, setDisableI18nModalOpened, setI18nModalOnCancel, } = (0, DisableI18nModal_1.useDisableI18nModal)(({ pruneNavigations }) => {
         setPruneObsoleteI18nNavigations(pruneNavigations);
     });
-    const { data: navigationConfigData, isLoading: isConfigLoading, err: configErr, submitMutation, restoreMutation, restartMutation } = (0, useNavigationConfig_1.default)();
-    const { data: allContentTypesData, isLoading: isContentTypesLoading, err: contentTypesErr } = (0, useAllContentTypes_1.default)();
-    const isLoading = isConfigLoading || isContentTypesLoading;
-    const isError = configErr || contentTypesErr;
-    const boxDefaultProps = {
-        background: "neutral0",
-        hasRadius: true,
-        shadow: "filterShadow",
-        padding: 6,
-    };
-    const preparePayload = ({ form: { selectedContentTypes, nameFields, audienceFieldChecked, allowedLevels, i18nEnabled }, pruneObsoleteI18nNavigations }) => ({
-        i18nEnabled,
+    (0, react_1.useEffect)(() => {
+        const additionalFields = navigationConfigData?.additionalFields
+            ?.filter((field) => field !== utils_1.navigationItemAdditionalFields.AUDIENCE);
+        setCustomFields(additionalFields || []);
+    }, [navigationConfigData]);
+    const preparePayload = (0, react_1.useCallback)(({ form: { allowedLevels, audienceFieldChecked, i18nEnabled, nameFields, pathDefaultFields, populate, selectedContentTypes, }, pruneObsoleteI18nNavigations }) => ({
+        additionalFields: audienceFieldChecked ? ['audience', ...customFields] : [...customFields],
         allowedLevels,
-        pruneObsoleteI18nNavigations,
         contentTypes: selectedContentTypes,
         contentTypesNameFields: nameFields,
         contentTypesPopulate: populate,
-        additionalFields: audienceFieldChecked ? [enums_1.navigationItemAdditionalFields.AUDIENCE] : [],
+        i18nEnabled,
+        pathDefaultFields,
+        pruneObsoleteI18nNavigations,
         gql: {
-            navigationItemRelated: selectedContentTypes.map(uid => (0, functions_1.resolveGlobalLikeId)(uid)),
+            navigationItemRelated: selectedContentTypes.map((uid) => (0, functions_1.resolveGlobalLikeId)(uid)),
         }
-    });
+    }), [customFields]);
     const onSave = async (form) => {
         lockApp();
         const payload = preparePayload({ form, pruneObsoleteI18nNavigations });
@@ -125,22 +147,17 @@ const SettingsPage = () => {
     const handleRestart = async () => {
         lockAppWithAutoreload();
         await restartMutation();
-        setRestartStatus(RESTART_NOT_REQUIRED);
         unlockAppWithAutoreload();
+        setRestartStatus(RESTART_NOT_REQUIRED);
     };
     const handleRestartDiscard = () => setRestartStatus(RESTART_NOT_REQUIRED);
     const handleSetContentTypeExpanded = key => setContentTypeExpanded(key === contentTypeExpanded ? undefined : key);
-    const prepareNameFieldFor = (uid, current, value) => ({
-        ...current,
-        [uid]: value && !(0, lodash_1.isEmpty)(value) ? [...value] : undefined,
-    });
     if (isLoading || isError) {
         return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(helper_plugin_1.SettingsPageTitle, { name: (0, utils_1.getMessage)('Settings.email.plugin.title', 'Configuration') }),
+            react_1.default.createElement(helper_plugin_1.SettingsPageTitle, { name: (0, utils_2.getMessage)('Settings.email.plugin.title', 'Configuration') }),
             react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null, "Fetching plugin config...")));
     }
-    const configContentTypes = navigationConfigData?.contentTypes || [];
-    const allContentTypes = !isLoading && Object.values(allContentTypesData).filter(({ uid }) => (0, functions_1.isContentTypeEligible)(uid, {
+    const allContentTypes = !isLoading ? Object.values(allContentTypesData).filter(({ uid }) => (0, functions_1.isContentTypeEligible)(uid, {
         allowedContentTypes: navigationConfigData?.allowedContentTypes,
         restrictedContentTypes: navigationConfigData?.restrictedContentTypes,
     })).map(ct => {
@@ -154,69 +171,81 @@ const SettingsPage = () => {
             };
         }
         return ct;
-    });
-    const selectedContentTypes = configContentTypes.map(item => item.uid);
-    const audienceFieldChecked = navigationConfigData?.additionalFields.includes(enums_1.navigationItemAdditionalFields.AUDIENCE);
-    const allowedLevels = navigationConfigData?.allowedLevels || 2;
-    const nameFields = navigationConfigData?.contentTypesNameFields || {};
-    const populate = navigationConfigData?.contentTypesPopulate || {};
-    const i18nEnabled = navigationConfigData?.i18nEnabled ?? false;
+    }) : [];
     const isI18NPluginEnabled = navigationConfigData?.isI18NPluginEnabled;
     const defaultLocale = navigationConfigData?.defaultLocale;
+    const handleSubmitCustomField = (field) => {
+        const filteredFields = customFields.filter(f => f.name !== field.name);
+        setCustomFields([...filteredFields, field]);
+        setCustomFieldSelected(null);
+        setIsCustomFieldModalOpen(false);
+    };
+    const handleOpenCustomFieldModal = (field) => {
+        setCustomFieldSelected(field);
+        setIsCustomFieldModalOpen(true);
+    };
+    const handleRemoveCustomField = (field) => {
+        const filteredFields = customFields.filter(f => f.name !== field.name);
+        setCustomFields(filteredFields);
+        setCustomFieldSelected(null);
+        setIsCustomFieldModalOpen(false);
+    };
+    const handleToggleCustomField = (field) => {
+        const updatedField = { ...field, enabled: !(0, lodash_1.get)(field, 'enabled', false) };
+        const filteredFields = customFields.filter(f => f.name !== field.name);
+        setCustomFields([...filteredFields, updatedField]);
+    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(helper_plugin_1.SettingsPageTitle, { name: (0, utils_1.getMessage)('Settings.email.plugin.title', 'Configuration') }),
+        react_1.default.createElement(helper_plugin_1.SettingsPageTitle, { name: (0, utils_2.getMessage)('Settings.email.plugin.title', 'Configuration') }),
         react_1.default.createElement(Main_1.Main, { labelledBy: "title" },
-            react_1.default.createElement(formik_1.Formik, { initialValues: {
-                    selectedContentTypes,
-                    audienceFieldChecked,
-                    allowedLevels,
-                    nameFields,
-                    populate,
-                    i18nEnabled,
-                }, onSubmit: onSave }, ({ handleSubmit, setFieldValue, values }) => (react_1.default.createElement(helper_plugin_1.Form, { noValidate: true, onSubmit: handleSubmit },
-                react_1.default.createElement(Layout_1.HeaderLayout, { title: (0, utils_1.getMessage)('pages.settings.header.title'), subtitle: (0, utils_1.getMessage)('pages.settings.header.description'), primaryAction: react_1.default.createElement(helper_plugin_1.CheckPermissions, { permissions: permissions_1.default.access },
-                        react_1.default.createElement(Button_1.Button, { type: "submit", startIcon: react_1.default.createElement(icons_1.Check, null), disabled: restartStatus.required }, (0, utils_1.getMessage)('pages.settings.actions.submit'))) }),
+            react_1.default.createElement(formik_1.Formik, { initialValues: formikInitialValues, onSubmit: onSave }, ({ handleSubmit, setFieldValue, values }) => (react_1.default.createElement(formik_1.Form, { noValidate: true, onSubmit: handleSubmit },
+                react_1.default.createElement(Layout_1.HeaderLayout, { title: (0, utils_2.getMessage)('pages.settings.header.title'), subtitle: (0, utils_2.getMessage)('pages.settings.header.description'), primaryAction: react_1.default.createElement(helper_plugin_1.CheckPermissions, { permissions: permissions_1.default.access },
+                        react_1.default.createElement(Button_1.Button, { type: "submit", startIcon: react_1.default.createElement(icons_1.Check, null), disabled: restartStatus.required }, (0, utils_2.getMessage)('pages.settings.actions.submit'))) }),
                 react_1.default.createElement(Layout_1.ContentLayout, null,
                     react_1.default.createElement(Stack_1.Stack, { spacing: 7 },
-                        restartStatus.required && (react_1.default.createElement(RestartAlert_1.default, { closeLabel: (0, utils_1.getMessage)('pages.settings.actions.restart.alert.cancel'), title: (0, utils_1.getMessage)('pages.settings.actions.restart.alert.title'), action: react_1.default.createElement(Box_1.Box, null,
-                                react_1.default.createElement(Button_1.Button, { onClick: handleRestart, startIcon: react_1.default.createElement(icons_1.Play, null) }, (0, utils_1.getMessage)('pages.settings.actions.restart'))), onClose: handleRestartDiscard },
+                        restartStatus.required && (react_1.default.createElement(RestartAlert_1.default, { closeLabel: (0, utils_2.getMessage)('pages.settings.actions.restart.alert.cancel'), title: (0, utils_2.getMessage)('pages.settings.actions.restart.alert.title'), action: react_1.default.createElement(Box_1.Box, null,
+                                react_1.default.createElement(Button_1.Button, { onClick: handleRestart, startIcon: react_1.default.createElement(icons_1.Play, null) }, (0, utils_2.getMessage)('pages.settings.actions.restart'))), onClose: handleRestartDiscard },
                             react_1.default.createElement(react_1.default.Fragment, null,
-                                react_1.default.createElement(Box_1.Box, { paddingBottom: 1 }, (0, utils_1.getMessage)('pages.settings.actions.restart.alert.description')),
-                                restartStatus.reasons.map((reason, i) => react_1.default.createElement(Box_1.Box, { paddingBottom: 1, key: i, children: (0, utils_1.getMessage)(`pages.settings.actions.restart.alert.reason.${reason}`) }))))),
-                        react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
+                                react_1.default.createElement(Box_1.Box, { paddingBottom: 1 }, (0, utils_2.getMessage)('pages.settings.actions.restart.alert.description')),
+                                restartStatus.reasons?.map((reason, i) => react_1.default.createElement(Box_1.Box, { paddingBottom: 1, key: i, children: (0, utils_2.getMessage)(`pages.settings.actions.restart.alert.reason.${reason}`) }))))),
+                        react_1.default.createElement(Box_1.Box, { ...BOX_DEFAULT_PROPS },
                             react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)('pages.settings.general.title')),
+                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_2.getMessage)('pages.settings.general.title')),
                                 react_1.default.createElement(Grid_1.Grid, { gap: 4 },
                                     react_1.default.createElement(Grid_1.GridItem, { col: 12, s: 12, xs: 12 },
-                                        react_1.default.createElement(Select_1.Select, { name: "selectedContentTypes", label: (0, utils_1.getMessage)('pages.settings.form.contentTypes.label'), placeholder: (0, utils_1.getMessage)('pages.settings.form.contentTypes.placeholder'), hint: (0, utils_1.getMessage)('pages.settings.form.contentTypes.hint'), onClear: () => setFieldValue('selectedContentTypes', [], false), value: values.selectedContentTypes, onChange: (value) => setFieldValue('selectedContentTypes', value, false), multi: true, withTags: true, disabled: restartStatus.required }, allContentTypes.map((item) => react_1.default.createElement(Select_1.Option, { key: item.uid, value: item.uid }, item.info.displayName)))),
+                                        react_1.default.createElement(Select_1.Select, { name: "selectedContentTypes", label: (0, utils_2.getMessage)('pages.settings.form.contentTypes.label'), placeholder: (0, utils_2.getMessage)('pages.settings.form.contentTypes.placeholder'), hint: (0, utils_2.getMessage)('pages.settings.form.contentTypes.hint'), onClear: () => setFieldValue('selectedContentTypes', [], false), value: values.selectedContentTypes, onChange: (value) => setFieldValue('selectedContentTypes', value, false), multi: true, withTags: true, disabled: restartStatus.required }, allContentTypes.map((item) => react_1.default.createElement(Select_1.Option, { key: item.uid, value: item.uid }, item.info.displayName)))),
                                     !(0, lodash_1.isEmpty)(values.selectedContentTypes) && (react_1.default.createElement(Grid_1.GridItem, { col: 12 },
-                                        react_1.default.createElement(Accordion_1.AccordionGroup, { label: (0, utils_1.getMessage)('pages.settings.form.contentTypesSettings.label'), labelAction: react_1.default.createElement(Tooltip_1.Tooltip, { description: (0, utils_1.getMessage)('pages.settings.form.contentTypesSettings.tooltip') },
+                                        react_1.default.createElement(Accordion_1.AccordionGroup, { label: (0, utils_2.getMessage)('pages.settings.form.contentTypesSettings.label'), labelAction: react_1.default.createElement(Tooltip_1.Tooltip, { description: (0, utils_2.getMessage)('pages.settings.form.contentTypesSettings.tooltip') },
                                                 react_1.default.createElement(icons_1.Information, { "aria-hidden": true })) }, (0, lodash_1.orderBy)(values.selectedContentTypes).map(uid => {
-                                            const { attributes, info: { displayName }, available, isSingle } = allContentTypes.find(item => item.uid == uid);
+                                            const contentType = allContentTypes.find(item => item.uid == uid);
+                                            if (!contentType)
+                                                return;
+                                            const { attributes, info: { displayName }, available, isSingle } = contentType;
                                             const stringAttributes = Object.keys(attributes).filter(_ => attributes[_].type === 'string');
-                                            const relationAttributes = Object.keys(attributes).filter(_ => attributes[_].type === 'relation');
+                                            const relationAttributes = Object.keys(attributes).filter(_ => RELATION_ATTRIBUTE_TYPES.includes(attributes[_].type));
                                             const key = `collectionSettings-${uid}`;
                                             return (react_1.default.createElement(Accordion_1.Accordion, { expanded: contentTypeExpanded === key, toggle: () => handleSetContentTypeExpanded(key), key: key, id: key, size: "S" },
-                                                react_1.default.createElement(Accordion_1.AccordionToggle, { title: displayName, togglePosition: "left", startIcon: (isSingle && !available) && (react_1.default.createElement(icons_1.ExclamationMarkCircle, { "aria-hidden": true })) }),
+                                                react_1.default.createElement(Accordion_1.AccordionToggle, { title: displayName, togglePosition: "left", startIcon: (isSingle && !available) ? (react_1.default.createElement(icons_1.ExclamationMarkCircle, { "aria-hidden": true })) : null }),
                                                 react_1.default.createElement(Accordion_1.AccordionContent, null,
                                                     react_1.default.createElement(Box_1.Box, { padding: 6 },
                                                         react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                                                            (isSingle && !available) && (react_1.default.createElement(styles_1.PermanentAlert, { title: (0, utils_1.getMessage)('pages.settings.form.contentTypesSettings.initializationWarning.title'), variant: "danger", onClose: (e) => e.preventDefault() }, (0, utils_1.getMessage)('pages.settings.form.contentTypesSettings.initializationWarning.content'))),
-                                                            react_1.default.createElement(Select_1.Select, { name: `collectionSettings-${uid}-entryLabel`, label: (0, utils_1.getMessage)('pages.settings.form.nameField.label'), hint: (0, utils_1.getMessage)(`pages.settings.form.populate.${(0, lodash_1.isEmpty)(stringAttributes) ? 'empty' : 'hint'}`), placeholder: (0, utils_1.getMessage)('pages.settings.form.nameField.placeholder'), onClear: () => null, value: values.nameFields[uid] || [], onChange: (value) => setFieldValue('nameFields', prepareNameFieldFor(uid, values.nameFields, value)), multi: true, withTags: true, disabled: restartStatus.required || (0, lodash_1.isEmpty)(stringAttributes) }, stringAttributes.map(key => (react_1.default.createElement(Select_1.Option, { key: uid + key, value: key }, (0, lodash_1.capitalize)(key.split('_').join(' ')))))),
-                                                            react_1.default.createElement(Select_1.Select, { name: `collectionSettings-${uid}-populate`, label: (0, utils_1.getMessage)('pages.settings.form.populate.label'), hint: (0, utils_1.getMessage)(`pages.settings.form.populate.${(0, lodash_1.isEmpty)(relationAttributes) ? 'empty' : 'hint'}`), placeholder: (0, utils_1.getMessage)('pages.settings.form.populate.placeholder'), onClear: () => null, value: values.populate[uid] || [], onChange: (value) => setFieldValue('populate', prepareNameFieldFor(uid, values.populate, value)), multi: true, withTags: true, disabled: restartStatus.required || (0, lodash_1.isEmpty)(relationAttributes) }, relationAttributes.map(key => (react_1.default.createElement(Select_1.Option, { key: uid + key, value: key }, (0, lodash_1.capitalize)(key.split('_').join(' ')))))))))));
+                                                            (isSingle && !available) && (react_1.default.createElement(styles_1.PermanentAlert, { title: (0, utils_2.getMessage)('pages.settings.form.contentTypesSettings.initializationWarning.title'), variant: "danger", onClose: (e) => e.preventDefault() }, (0, utils_2.getMessage)('pages.settings.form.contentTypesSettings.initializationWarning.content'))),
+                                                            react_1.default.createElement(Select_1.Select, { name: `collectionSettings-${uid}-entryLabel`, label: (0, utils_2.getMessage)('pages.settings.form.nameField.label'), hint: (0, utils_2.getMessage)(`pages.settings.form.nameField.${(0, lodash_1.isEmpty)(stringAttributes) ? 'empty' : 'hint'}`), placeholder: (0, utils_2.getMessage)('pages.settings.form.nameField.placeholder'), onClear: () => setFieldValue('nameFields', (0, utils_1.prepareNewValueForRecord)(uid, values.nameFields, [])), value: values.nameFields[uid] || [], onChange: (value) => setFieldValue('nameFields', (0, utils_1.prepareNewValueForRecord)(uid, values.nameFields, value)), multi: true, withTags: true, disabled: restartStatus.required || (0, lodash_1.isEmpty)(stringAttributes) }, stringAttributes.map(key => (react_1.default.createElement(Select_1.Option, { key: uid + key, value: key }, (0, lodash_1.capitalize)(key.split('_').join(' ')))))),
+                                                            react_1.default.createElement(Select_1.Select, { name: `collectionSettings-${uid}-populate`, label: (0, utils_2.getMessage)('pages.settings.form.populate.label'), hint: (0, utils_2.getMessage)(`pages.settings.form.populate.${(0, lodash_1.isEmpty)(relationAttributes) ? 'empty' : 'hint'}`), placeholder: (0, utils_2.getMessage)('pages.settings.form.populate.placeholder'), onClear: () => setFieldValue('populate', (0, utils_1.prepareNewValueForRecord)(uid, values.populate, [])), value: values.populate[uid] || [], onChange: (value) => setFieldValue('populate', (0, utils_1.prepareNewValueForRecord)(uid, values.populate, value)), multi: true, withTags: true, disabled: restartStatus.required || (0, lodash_1.isEmpty)(relationAttributes) }, relationAttributes.map(key => (react_1.default.createElement(Select_1.Option, { key: uid + key, value: key }, (0, lodash_1.capitalize)(key.split('_').join(' ')))))),
+                                                            react_1.default.createElement(Select_1.Select, { name: `collectionSettings-${uid}-pathDefaultFields`, label: (0, utils_2.getMessage)('pages.settings.form.pathDefaultFields.label'), hint: (0, utils_2.getMessage)(`pages.settings.form.pathDefaultFields.${(0, lodash_1.isEmpty)(stringAttributes) ? 'empty' : 'hint'}`), placeholder: (0, utils_2.getMessage)('pages.settings.form.pathDefaultFields.placeholder'), onClear: () => setFieldValue('pathDefaultFields', (0, utils_1.prepareNewValueForRecord)(uid, values.pathDefaultFields, [])), value: values.pathDefaultFields[uid] || [], onChange: (value) => setFieldValue('pathDefaultFields', (0, utils_1.prepareNewValueForRecord)(uid, values.pathDefaultFields, value)), multi: true, withTags: true, disabled: restartStatus.required || (0, lodash_1.isEmpty)(stringAttributes) }, stringAttributes.map(key => (react_1.default.createElement(Select_1.Option, { key: uid + key, value: key }, (0, lodash_1.capitalize)(key.split('_').join(' ')))))))))));
                                         }))))))),
-                        react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
+                        react_1.default.createElement(Box_1.Box, { ...BOX_DEFAULT_PROPS },
                             react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)('pages.settings.additional.title')),
+                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_2.getMessage)('pages.settings.additional.title')),
                                 react_1.default.createElement(Grid_1.Grid, { gap: 4 },
                                     react_1.default.createElement(Grid_1.GridItem, { col: 3, s: 6, xs: 12 },
-                                        react_1.default.createElement(NumberInput_1.NumberInput, { name: "allowedLevels", label: (0, utils_1.getMessage)('pages.settings.form.allowedLevels.label'), placeholder: (0, utils_1.getMessage)('pages.settings.form.allowedLevels.placeholder'), hint: (0, utils_1.getMessage)('pages.settings.form.allowedLevels.hint'), onValueChange: (value) => setFieldValue('allowedLevels', value, false), value: values.allowedLevels, disabled: restartStatus.required })),
+                                        react_1.default.createElement(NumberInput_1.NumberInput, { name: "allowedLevels", label: (0, utils_2.getMessage)('pages.settings.form.allowedLevels.label'), placeholder: (0, utils_2.getMessage)('pages.settings.form.allowedLevels.placeholder'), hint: (0, utils_2.getMessage)('pages.settings.form.allowedLevels.hint'), onValueChange: (value) => setFieldValue('allowedLevels', value, false), value: values.allowedLevels, disabled: restartStatus.required })),
                                     react_1.default.createElement(Grid_1.GridItem, { col: 4, s: 12, xs: 12 },
-                                        react_1.default.createElement(ToggleInput_1.ToggleInput, { name: "audienceFieldChecked", label: (0, utils_1.getMessage)('pages.settings.form.audience.label'), hint: (0, utils_1.getMessage)('pages.settings.form.audience.hint'), checked: values.audienceFieldChecked, onChange: ({ target: { checked } }) => setFieldValue('audienceFieldChecked', checked, false), onLabel: "Enabled", offLabel: "Disabled", disabled: restartStatus.required })),
+                                        react_1.default.createElement(ToggleInput_1.ToggleInput, { name: "audienceFieldChecked", label: (0, utils_2.getMessage)('pages.settings.form.audience.label'), hint: (0, utils_2.getMessage)('pages.settings.form.audience.hint'), checked: values.audienceFieldChecked, onChange: () => setFieldValue('audienceFieldChecked', !values.audienceFieldChecked, false), onLabel: "Enabled", offLabel: "Disabled", disabled: restartStatus.required })),
                                     isI18NPluginEnabled && (react_1.default.createElement(Grid_1.GridItem, { col: 4, s: 12, xs: 12 },
-                                        react_1.default.createElement(ToggleInput_1.ToggleInput, { name: "i18nEnabled", label: (0, utils_1.getMessage)('pages.settings.form.i18n.label'), hint: defaultLocale
-                                                ? (0, utils_1.getMessage)('pages.settings.form.i18n.hint')
-                                                : (0, utils_1.getMessage)('pages.settings.form.i18n.hint.missingDefaultLocale'), checked: values.i18nEnabled, onChange: ({ target: { checked } }) => {
+                                        react_1.default.createElement(ToggleInput_1.ToggleInput, { name: "i18nEnabled", label: (0, utils_2.getMessage)('pages.settings.form.i18n.label'), hint: defaultLocale
+                                                ? (0, utils_2.getMessage)('pages.settings.form.i18n.hint')
+                                                : (0, utils_2.getMessage)('pages.settings.form.i18n.hint.missingDefaultLocale'), checked: values.i18nEnabled, onChange: ({ target: { checked } }) => {
                                                 setFieldValue('i18nEnabled', checked, false);
                                                 if (checked) {
                                                     setPruneObsoleteI18nNavigations(false);
@@ -228,17 +257,23 @@ const SettingsPage = () => {
                                                     });
                                                 }
                                             }, onLabel: "Enabled", offLabel: "Disabled", disabled: restartStatus.required || !defaultLocale })))))),
-                        react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
+                        react_1.default.createElement(Box_1.Box, { ...BOX_DEFAULT_PROPS },
+                            react_1.default.createElement(Stack_1.Stack, { size: 4 },
+                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_2.getMessage)('pages.settings.customFields.title')),
+                                react_1.default.createElement(CustomFieldTable_1.default, { data: customFields, onOpenModal: handleOpenCustomFieldModal, onRemoveCustomField: handleRemoveCustomField, onToggleCustomField: handleToggleCustomField }))),
+                        react_1.default.createElement(Box_1.Box, { ...BOX_DEFAULT_PROPS },
                             react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)('pages.settings.restoring.title')),
+                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_2.getMessage)('pages.settings.restoring.title')),
                                 react_1.default.createElement(Grid_1.Grid, { gap: 4 },
                                     react_1.default.createElement(Grid_1.GridItem, { col: 12, s: 12, xs: 12 },
-                                        react_1.default.createElement(Typography_1.Typography, null, (0, utils_1.getMessage)('pages.settings.actions.restore.description'))),
+                                        react_1.default.createElement(Typography_1.Typography, null, (0, utils_2.getMessage)('pages.settings.actions.restore.description'))),
                                     react_1.default.createElement(Grid_1.GridItem, { col: 6, s: 12, xs: 12 },
                                         react_1.default.createElement(helper_plugin_1.CheckPermissions, { permissions: permissions_1.default.access },
-                                            react_1.default.createElement(Button_1.Button, { variant: "danger-light", startIcon: react_1.default.createElement(icons_1.Refresh, null), onClick: () => setIsRestorePopupOpen(true) }, (0, utils_1.getMessage)('pages.settings.actions.restore'))),
-                                        react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: isRestorePopupOpen, header: (0, utils_1.getMessage)('pages.settings.actions.restore.confirmation.header'), labelConfirm: (0, utils_1.getMessage)('pages.settings.actions.restore.confirmation.confirm'), iconConfirm: react_1.default.createElement(icons_1.Refresh, null), onConfirm: () => onPopupClose(true), onCancel: () => onPopupClose(false) }, (0, utils_1.getMessage)('pages.settings.actions.restore.confirmation.description')),
-                                        disableI18nModal))))))))))));
+                                            react_1.default.createElement(Button_1.Button, { variant: "danger-light", startIcon: react_1.default.createElement(icons_1.Refresh, null), onClick: () => setIsRestorePopupOpen(true) }, (0, utils_2.getMessage)('pages.settings.actions.restore'))),
+                                        react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: isRestorePopupOpen, header: (0, utils_2.getMessage)('pages.settings.actions.restore.confirmation.header'), labelConfirm: (0, utils_2.getMessage)('pages.settings.actions.restore.confirmation.confirm'), iconConfirm: react_1.default.createElement(icons_1.Refresh, null), onConfirm: () => onPopupClose(true), onCancel: () => onPopupClose(false) }, (0, utils_2.getMessage)('pages.settings.actions.restore.confirmation.description')),
+                                        disableI18nModal)))))))))),
+        isCustomFieldModalOpen &&
+            react_1.default.createElement(CustomFieldModal_1.default, { onClose: () => setIsCustomFieldModalOpen(false), onSubmit: handleSubmitCustomField, isOpen: isCustomFieldModalOpen, data: customFieldSelected, usedCustomFieldNames: customFields.filter(f => f.name !== customFieldSelected?.name).map(f => f.name) })));
 };
 exports.default = SettingsPage;
 //# sourceMappingURL=index.js.map

package/admin/src/pages/SettingsPage/types.d.ts

@@ -0,0 +1,32 @@
+import { StrapiContentTypeFullSchema } from "strapi-typed";
+import { Effect, NavigationPluginConfig } from "../../../../types";
+export declare type RawPayload = {
+    allowedLevels: number;
+    audienceFieldChecked: boolean;
+    i18nEnabled: boolean;
+    nameFields: Record<string, string[]>;
+    pathDefaultFields: Record<string, string[]>;
+    populate: Record<string, string[]>;
+    selectedContentTypes: string[];
+};
+export declare type StrapiContentTypeSchema = StrapiContentTypeFullSchema & {
+    available: boolean;
+    isSingle: boolean;
+    plugin: string;
+    label: string;
+};
+export declare type PreparePayload = (payload: {
+    form: RawPayload;
+    pruneObsoleteI18nNavigations: boolean;
+}) => Omit<NavigationPluginConfig, "slugify">;
+export declare type OnSave = Effect<RawPayload>;
+export declare type OnPopupClose = Effect<boolean>;
+export declare type HandleSetContentTypeExpanded = Effect<string | undefined>;
+export declare type RestartReasons = 'I18N' | 'GRAPH_QL' | 'I18N_NAVIGATIONS_PRUNE';
+export declare type RestartStatus = {
+    required: true;
+    reasons?: RestartReasons[];
+} | {
+    required: false;
+};
+//# sourceMappingURL=types.d.ts.map

package/admin/src/pages/SettingsPage/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/admin/src/pages/SettingsPage/utils/form.d.ts

@@ -0,0 +1,18 @@
+import { NavigationItemCustomField } from "../../../../../types";
+export declare const schemaFactory: (usedCustomFieldNames: string[]) => import("yup/lib/object").OptionalObjectSchema<{
+    name: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+    label: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+    type: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+    required: import("yup/lib/boolean").RequiredBooleanSchema<boolean | undefined, Record<string, any>>;
+    multi: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+    options: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+}, Record<string, any>, import("yup/lib/object").TypeOfShape<{
+    name: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+    label: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+    type: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+    required: import("yup/lib/boolean").RequiredBooleanSchema<boolean | undefined, Record<string, any>>;
+    multi: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+    options: import("yup/lib/mixed").MixedSchema<any, Record<string, any>, any>;
+}>>;
+export declare const defaultValues: NavigationItemCustomField;
+//# sourceMappingURL=form.d.ts.map

package/admin/src/pages/SettingsPage/utils/form.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultValues = exports.schemaFactory = void 0;
+const yup_1 = require("yup");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const translations_1 = require("../../../translations");
+const schemaFactory = (usedCustomFieldNames) => {
+    return (0, yup_1.object)({
+        name: (0, yup_1.string)().matches(/^\S+$/, "Invalid name string. Name cannot contain spaces").required(helper_plugin_1.translatedErrors.required).notOneOf(usedCustomFieldNames, helper_plugin_1.translatedErrors.unique),
+        label: (0, yup_1.string)().required(helper_plugin_1.translatedErrors.required),
+        type: (0, yup_1.mixed)().required(helper_plugin_1.translatedErrors.required).oneOf(['string', 'boolean', 'select'], (0, translations_1.getTradId)("notification.error.customField.type")),
+        required: (0, yup_1.bool)().required(helper_plugin_1.translatedErrors.required),
+        multi: (0, yup_1.mixed)().when('type', {
+            is: (val) => val === 'select',
+            then: (0, yup_1.bool)().required(helper_plugin_1.translatedErrors.required),
+            otherwise: (0, yup_1.bool)().notRequired()
+        }),
+        options: (0, yup_1.mixed)().when('type', {
+            is: (val) => val === 'select',
+            then: (0, yup_1.array)().of((0, yup_1.string)()),
+            otherwise: (0, yup_1.mixed)().notRequired(),
+        })
+    });
+};
+exports.schemaFactory = schemaFactory;
+exports.defaultValues = {
+    name: "",
+    label: "",
+    type: "string",
+    required: false,
+    multi: false,
+    options: [],
+};
+//# sourceMappingURL=form.js.map

package/admin/src/pages/SettingsPage/utils/functions.d.ts

@@ -1,5 +1,5 @@
 export function resolveGlobalLikeId(uid?: string): any;
 export function resolveGlobalLikeId(uid?: string): any;
-export function isContentTypeEligible(uid?: string, config?: {}): boolean | "";
-export function isContentTypeEligible(uid?: string, config?: {}): boolean | "";
+export function isContentTypeEligible(uid?: string, config?: {}): boolean;
+export function isContentTypeEligible(uid?: string, config?: {}): boolean;
 //# sourceMappingURL=functions.d.ts.map

package/admin/src/pages/SettingsPage/utils/functions.js

@@ -19,7 +19,7 @@ module.exports = {
         const { allowedContentTypes = [], restrictedContentTypes = [] } = config;
         const isOneOfAllowedType = allowedContentTypes.filter(_ => uid.includes(_) || (uid === _)).length > 0;
         const isNoneOfRestricted = restrictedContentTypes.filter(_ => uid.includes(_) || (uid === _)).length === 0;
-        return uid && isOneOfAllowedType && isNoneOfRestricted;
+        return !!uid && isOneOfAllowedType && isNoneOfRestricted;
     },
 };
 //# sourceMappingURL=functions.js.map

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

@@ -1,57 +1,5 @@
+import React from 'react';
+import { NavigationItemFormProps } from './types';
+declare const NavigationItemForm: React.FC<NavigationItemFormProps>;
 export default NavigationItemForm;
-declare function NavigationItemForm({ config, availableLocale, isLoading: isPreloading, inputsPrefix, data, contentTypes, contentTypeEntities, usedContentTypeEntities, availableAudience, additionalFields, contentTypesNameFields, onSubmit, onCancel, getContentTypeEntities, usedContentTypesData, appendLabelPublicationStatus, locale, readNavigationItemFromLocale, }: {
-    config: any;
-    availableLocale: any;
-    isLoading: any;
-    inputsPrefix: any;
-    data?: {} | undefined;
-    contentTypes?: any[] | undefined;
-    contentTypeEntities?: any[] | undefined;
-    usedContentTypeEntities?: any[] | undefined;
-    availableAudience?: any[] | undefined;
-    additionalFields?: any[] | undefined;
-    contentTypesNameFields?: {} | undefined;
-    onSubmit: any;
-    onCancel: any;
-    getContentTypeEntities: any;
-    usedContentTypesData: any;
-    appendLabelPublicationStatus?: (() => string) | undefined;
-    locale: any;
-    readNavigationItemFromLocale: any;
-}): JSX.Element;
-declare namespace NavigationItemForm {
-    namespace defaultProps {
-        const fieldsToDisable: never[];
-        const formErrors: {};
-        const inputsPrefix: string;
-        function onSubmit(e: any): any;
-        const requestError: null;
-    }
-    namespace propTypes {
-        export const config: PropTypes.Validator<object>;
-        export const availableLocale: PropTypes.Requireable<(string | null | undefined)[]>;
-        export const isLoading: PropTypes.Requireable<boolean>;
-        const fieldsToDisable_1: PropTypes.Requireable<any[]>;
-        export { fieldsToDisable_1 as fieldsToDisable };
-        const formErrors_1: PropTypes.Validator<object>;
-        export { formErrors_1 as formErrors };
-        const inputsPrefix_1: PropTypes.Requireable<string>;
-        export { inputsPrefix_1 as inputsPrefix };
-        export const data: PropTypes.Validator<object>;
-        const onSubmit_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onSubmit_1 as onSubmit };
-        const requestError_1: PropTypes.Requireable<object>;
-        export { requestError_1 as requestError };
-        export const contentTypes: PropTypes.Requireable<any[]>;
-        export const contentTypeEntities: PropTypes.Requireable<any[]>;
-        export const usedContentTypeEntities: PropTypes.Requireable<any[]>;
-        export const availableAudience: PropTypes.Requireable<any[]>;
-        export const additionalFields: PropTypes.Requireable<any[]>;
-        export const getContentTypeEntities: PropTypes.Validator<(...args: any[]) => any>;
-        export const appendLabelPublicationStatus: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        export const readNavigationItemFromLocale: PropTypes.Validator<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map